@ntalmagor/3drize-viewer 0.1.10 → 0.1.12

package/dist/components/AnimatedObject.d.ts

@@ -10,7 +10,7 @@ export interface AnimatedObjectProps {
     visible?: boolean;
     children?: React.ReactNode;
     parentRef?: React.RefObject<Object3D>;
-    onClick?: (e: ThreeEvent<MouseEvent>) => void;
+    handleObjectClick?: (createdObject: CreatedObjectSettings, ref: Object3D, event: ThreeEvent<MouseEvent>) => void;
     onPointerEnter?: (e: ThreeEvent<PointerEvent>) => void;
     onPointerLeave?: (e: ThreeEvent<PointerEvent>) => void;
     anchor?: AnchorSettings | null;

package/dist/components/AnimatedObject.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedObject.d.ts","sourceRoot":"","sources":["../../src/components/AnimatedObject.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAQvG,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,EAAE,iBAAiB,CAAC;IACtC,aAAa,EAAE,qBAAqB,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IACtC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IAC9C,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IACvD,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IACvD,MAAM,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;CAE3B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsJvD,CAAC;AAGH,eAAe,cAAc,CAAC"}
+{"version":3,"file":"AnimatedObject.d.ts","sourceRoot":"","sources":["../../src/components/AnimatedObject.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAQvG,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,EAAE,iBAAiB,CAAC;IACtC,aAAa,EAAE,qBAAqB,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IACtC,iBAAiB,CAAC,EAAE,CAAC,aAAa,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IACjH,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IACvD,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IACvD,MAAM,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;CAE3B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA6JvD,CAAC;AAGH,eAAe,cAAc,CAAC"}

package/dist/components/AnimatedObject.js

@@ -1,15 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useRef, useEffect, useCallback, memo } from 'react';
 import { useFrame } from '@react-three/fiber';
-import { useAnimationEvents } from '../hooks/useAnimationEvents';
-import { usePathAnimation } from '../hooks/usePathAnimation';
+import { useAnimationEvents } from '../hooks/useAnimationEvents.js';
+import { usePathAnimation } from '../hooks/usePathAnimation.js';
 import { AnimationsManager } from '@ntalmagor/3drize-core';
-import { applyAnchorSettings } from '../utils/anchorUtils';
-import EffectsGroup from './EffectsGroup';
-import { useObjectAnimation } from '../hooks/useObjectAnimation';
+import { applyAnchorSettings } from '../utils/anchorUtils.js';
+import EffectsGroup from './EffectsGroup.js';
+import { useObjectAnimation } from '../hooks/useObjectAnimation.js';
 export const AnimatedObject = memo(({ stateKey, transitionSettings, createdObject, 
 // speed = 1,
-visible = true, children, parentRef, onClick, onPointerEnter, onPointerLeave, anchor, hovered = false, animateMaterial = true,
+visible = true, children, parentRef, handleObjectClick, onPointerEnter, onPointerLeave, anchor, hovered = false, animateMaterial = true,
 // isActive = false,
  }) => {
     const internalRef = useRef(null);
@@ -115,6 +115,11 @@ visible = true, children, parentRef, onClick, onPointerEnter, onPointerLeave, an
         if (anchor)
             applyAnchorSettings(anchor, groupRef.current, rotation);
     });
+    const onClick = (e) => {
+        if (handleObjectClick && groupRef.current) {
+            handleObjectClick(createdObject, groupRef.current, e);
+        }
+    };
     return (_jsx(_Fragment, { children: _jsxs("group", { ref: groupRef, position: position, scale: scale, rotation: rotation, visible: visible, onClick: (e) => { e.stopPropagation(); onClick?.(e); }, onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave, name: createdObject.meshSettings.name, userData: { id: createdObject.id }, children: [children, _jsx(EffectsGroup, { createdObject: createdObject })] }) }));
 });
 AnimatedObject.displayName = 'AnimatedObject';

package/dist/components/CameraController.js

@@ -1,9 +1,9 @@
 import { useEffect, useRef } from 'react';
 import { useFrame, useThree } from '@react-three/fiber';
-import { useCameraAnimation } from '../hooks/useCameraAnimation';
-import { cameraManager } from '../utils/CameraSingleton';
-import { useAnimationEvents } from '../hooks/useAnimationEvents';
-import { usePathAnimation } from '../hooks/usePathAnimation';
+import { useCameraAnimation } from '../hooks/useCameraAnimation.js';
+import { cameraManager } from '../utils/CameraSingleton.js';
+import { useAnimationEvents } from '../hooks/useAnimationEvents.js';
+import { usePathAnimation } from '../hooks/usePathAnimation.js';
 export const CameraController = ({ enableAutoAnimation = true, animationDuration = 1, animationEase = "power2.out", settings }) => {
     const { camera, set } = useThree();
     const cameraRef = useRef(camera);

package/dist/components/Clouds.js

@@ -2,8 +2,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef, useState, useCallback } from 'react';
 import * as THREE from 'three';
 import { useThree, useFrame } from '@react-three/fiber';
-import { useMaterialApplication } from '../hooks/useMaterialApplication';
-import { useSkySystem } from '../hooks/useSkySystem';
+import { useMaterialApplication } from '../hooks/useMaterialApplication.js';
+import { useSkySystem } from '../hooks/useSkySystem.js';
 const CLOUD_COLORS = {
     night: new THREE.Color(0.1, 0.1, 0.2),
     sunrise: new THREE.Color(0.8, 0.4, 0.4),

package/dist/components/CreatedObject.d.ts

@@ -1,11 +1,13 @@
 import React from "react";
 import type { CreatedObjectSettings } from "@ntalmagor/3drize-core";
 import { Object3D } from "three";
+import { type ThreeEvent } from '@react-three/fiber';
 interface CreatedObjectProps {
     createdObject: CreatedObjectSettings;
     children: React.ReactNode;
     shouldApply3driseMaterial?: boolean;
     onObjectReady?: (object: CreatedObjectSettings, ref: Object3D) => void;
+    handleObjectClick?: (createdObject: CreatedObjectSettings, ref: Object3D, event: ThreeEvent<MouseEvent>) => void;
 }
 declare const CreatedObject: React.FC<CreatedObjectProps>;
 export default CreatedObject;

package/dist/components/CreatedObject.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreatedObject.d.ts","sourceRoot":"","sources":["../../src/components/CreatedObject.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAEjE,OAAO,KAAK,EAAe,qBAAqB,EAAkC,MAAM,wBAAwB,CAAC;AAOjH,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAiBjC,UAAU,kBAAkB;IAC1B,aAAa,EAAE,qBAAqB,CAAC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC;CAExE;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAmL9C,CAAC;AAIH,eAAe,aAAa,CAAC"}
+{"version":3,"file":"CreatedObject.d.ts","sourceRoot":"","sources":["../../src/components/CreatedObject.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAEjE,OAAO,KAAK,EAAe,qBAAqB,EAAkC,MAAM,wBAAwB,CAAC;AAOjH,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAMjC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAWrD,UAAU,kBAAkB;IAC1B,aAAa,EAAE,qBAAqB,CAAC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvE,iBAAiB,CAAC,EAAE,CAAC,aAAa,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CAElH;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiK9C,CAAC;AAIH,eAAe,aAAa,CAAC"}

package/dist/components/CreatedObject.js

@@ -1,15 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef, useEffect, useState, memo } from "react";
 import { DEFAULT_EDGES_SETTINGS } from "@ntalmagor/3drize-core";
-import { useMaterialApplication } from "../hooks/useMaterialApplication";
-import { useTransformControls } from "../hooks/useTransformControls";
+import { useMaterialApplication } from "../hooks/useMaterialApplication.js";
+import { useTransformControls } from "../hooks/useTransformControls.js";
 import { RigidBody } from '@react-three/rapier';
-import { cameraManager } from "../utils/CameraSingleton";
-import AnimatedObject from "./AnimatedObject";
-import { useFrameEffects } from "../hooks/useFrameEffects";
+import { cameraManager } from "../utils/CameraSingleton.js";
+import AnimatedObject from "./AnimatedObject.js";
+import { useFrameEffects } from "../hooks/useFrameEffects.js";
 // import { useSceneClick } from "~/contextProviders/SceneClickContext";
-import { useObjectEdges } from "../hooks/useObjectEdges";
-const CreatedObject = memo(({ createdObject, children, shouldApply3driseMaterial = true, onObjectReady, }) => {
+import { useObjectEdges } from "../hooks/useObjectEdges.js";
+const CreatedObject = memo(({ createdObject, children, shouldApply3driseMaterial = true, onObjectReady, handleObjectClick, }) => {
     const isSelected = false;
     // const isSelected = useObjectSelection(createdObject.id);
     // const { handleObjectClick: contextHandleObjectClick } = useSceneClick();
@@ -79,12 +79,12 @@ const CreatedObject = memo(({ createdObject, children, shouldApply3driseMaterial
         handlePointerLeave();
         e.stopPropagation();
     };
-    const handleObjectClick = (e) => {
+    const onClick = (e) => {
         console.log('[1] CreatedObject.handleObjectClick:', createdObject.id, createdObject.meshSettings?.name);
-        if (createdObject.type === 'gallery') {
-            e.stopPropagation();
-            return;
-        }
+        // if (createdObject.type === 'gallery') {
+        //   e.stopPropagation();
+        //   return
+        // }
         // contextHandleObjectClick(
         //   createdObject,
         //   meshRef.current,
@@ -92,25 +92,6 @@ const CreatedObject = memo(({ createdObject, children, shouldApply3driseMaterial
         //   e
         // );
     };
-    const handleTransformStart = () => {
-        console.log('Transform started for object:', createdObject.id);
-        isTransforming.current = true;
-    };
-    const handleTransformEnd = () => {
-        isTransforming.current = false;
-        if (meshRef.current) {
-            console.log('Transform ended for object:', createdObject.id);
-            const updatedSettings = {
-                ...createdObject,
-                meshSettings: {
-                    ...createdObject.meshSettings,
-                    position: [meshRef.current.position.x, meshRef.current.position.y, meshRef.current.position.z],
-                    rotation: [meshRef.current.rotation.x, meshRef.current.rotation.y, meshRef.current.rotation.z],
-                    scale: [meshRef.current.scale.x, meshRef.current.scale.y, meshRef.current.scale.z]
-                }
-            };
-        }
-    };
     const anchorEnabled = createdObject.meshSettings.anchor && createdObject.meshSettings.anchor.enabled;
     // console.log("createdObject.meshSettings", createdObject.meshSettings)
     // console.log("Rendered CreatedObject:", createdObject.rigidBodySettings);
@@ -125,7 +106,7 @@ const CreatedObject = memo(({ createdObject, children, shouldApply3driseMaterial
             position: anchorEnabled ? [anchoredPosition.x, anchoredPosition.y, anchoredPosition.z] : animatedTransform.position
         }, createdObject: createdObject, 
         // animateMaterial={!useDreiMaterials}
-        parentRef: meshRef, visible: createdObject.meshSettings.visible, onClick: handleObjectClick, onPointerEnter: handleObjectEnter, onPointerLeave: e => handleObjectLeave(e), children: createdObject.rigidBodySettings?.enabled ? (_jsx(RigidBody, { type: createdObject.rigidBodySettings?.type || 'dynamic', mass: createdObject.rigidBodySettings?.mass || 1, colliders: createdObject.userData?.type === 'plane'
+        parentRef: meshRef, visible: createdObject.meshSettings.visible, handleObjectClick: handleObjectClick, onPointerEnter: handleObjectEnter, onPointerLeave: e => handleObjectLeave(e), children: createdObject.rigidBodySettings?.enabled ? (_jsx(RigidBody, { type: createdObject.rigidBodySettings?.type || 'dynamic', mass: createdObject.rigidBodySettings?.mass || 1, colliders: createdObject.userData?.type === 'plane'
                 ? 'cuboid' // Force box collider for planes
                 : undefined // Auto-detect for others
             , friction: createdObject.rigidBodySettings?.friction, restitution: createdObject.rigidBodySettings?.restitution, gravityScale: createdObject.rigidBodySettings?.gravityScale ?? 1, linearDamping: createdObject.rigidBodySettings?.linearDamping ?? 0.01, angularDamping: createdObject.rigidBodySettings?.angularDamping ?? 0.01, children: children })) : (children) }));

package/dist/components/CustomPrimitive.d.ts

@@ -1,11 +1,13 @@
 import React from "react";
 import { type CameraState, type CreatedObjectSettings } from "@ntalmagor/3drize-core";
 import { Object3D } from "three";
+import { type ThreeEvent } from '@react-three/fiber';
 interface CustomPrimitiveProps {
     createdObject: CreatedObjectSettings;
     cameraSettings: CameraState;
     updateObjectSettings?: (updatedSettings: CreatedObjectSettings) => void;
     onObjectReady?: (object: CreatedObjectSettings, ref: Object3D) => void;
+    handleObjectClick?: (createdObject: CreatedObjectSettings, ref: Object3D, event: ThreeEvent<MouseEvent>) => void;
 }
 declare const CustomPrimitive: React.FC<CustomPrimitiveProps>;
 export default CustomPrimitive;

package/dist/components/CustomPrimitive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomPrimitive.d.ts","sourceRoot":"","sources":["../../src/components/CustomPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,qBAAqB,EAI5B,MAAM,wBAAwB,CAAC;AAIxD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAajC,UAAU,oBAAoB;IAC5B,aAAa,EAAE,qBAAqB,CAAC;IACrC,cAAc,EAAE,WAAW,CAAA;IAC3B,oBAAoB,CAAC,EAAE,CAAC,eAAe,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACxE,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC;CACxE;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAsHlD,CAAC;AAIH,eAAe,eAAe,CAAC"}
+{"version":3,"file":"CustomPrimitive.d.ts","sourceRoot":"","sources":["../../src/components/CustomPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,qBAAqB,EAI5B,MAAM,wBAAwB,CAAC;AAIxD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAMjC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAOrD,UAAU,oBAAoB;IAC5B,aAAa,EAAE,qBAAqB,CAAC;IACrC,cAAc,EAAE,WAAW,CAAA;IAC3B,oBAAoB,CAAC,EAAE,CAAC,eAAe,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACxE,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvE,iBAAiB,CAAC,EAAE,CAAC,aAAa,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CAClH;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAuHlD,CAAC;AAIH,eAAe,eAAe,CAAC"}

package/dist/components/CustomPrimitive.js

@@ -2,13 +2,13 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useRef, useEffect, memo, useState } from "react";
 import { ObjectManager, createDefaultEffectState, applyTransformEffects } from "@ntalmagor/3drize-core";
 // import ObjectManager from "~/utils/ObjectManager";
-import { useMaterialApplication } from "../hooks/useMaterialApplication";
+import { useMaterialApplication } from "../hooks/useMaterialApplication.js";
 import { useFrame } from "@react-three/fiber";
-import MaterialLibrary from "./MaterialLibrary";
+import MaterialLibrary from "./MaterialLibrary.js";
 // import type { AnimatedTransform } from "~/types/mesh";
-import CreatedObject from "./CreatedObject";
-import { useFrameEffects } from "../hooks/useFrameEffects";
-const CustomPrimitive = memo(({ createdObject, cameraSettings, updateObjectSettings, onObjectReady, }) => {
+import CreatedObject from "./CreatedObject.js";
+import { useFrameEffects } from "../hooks/useFrameEffects.js";
+const CustomPrimitive = memo(({ createdObject, cameraSettings, updateObjectSettings, onObjectReady, handleObjectClick, }) => {
     // const { handleObjectClick } = useSceneClick();
     // console.log("Rendering CustomPrimitive with settings:", createdObject.name, createdObject);
     const meshRef = useRef(null);
@@ -68,9 +68,7 @@ const CustomPrimitive = memo(({ createdObject, cameraSettings, updateObjectSetti
     const geometry = obj.object.geometry;
     return (
     // <Select enabled={isSelected}>
-    _jsx(CreatedObject, { createdObject: createdObject, shouldApply3driseMaterial: false, 
-        // Outer group must be registered so transform animations and edges share the same root
-        onObjectReady: (object, ref) => {
+    _jsx(CreatedObject, { createdObject: createdObject, shouldApply3driseMaterial: false, handleObjectClick: handleObjectClick, onObjectReady: (object, ref) => {
             onObjectReady && onObjectReady(object, ref);
         }, children: _jsx("primitive", { ref: meshRef, name: obj.name, object: obj.object, visible: materialReady && createdObject.meshSettings.visible, position: [0, 0, 0], rotation: [0, 0, 0], scale: [1, 1, 1], children: useDreiMaterials && createdObject.type === 'mesh' && createdObject.meshSettings.visible && (_jsx(MaterialLibrary, { materialSettings: createdObject.materialSettings })) }, obj.id) })
     // {/* </Select> */}

package/dist/components/EffectsGenerator.js

@@ -1,25 +1,25 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { Box3, Sphere } from 'three';
-import MoleculesEffect from './effects/MoleculesEffect';
-import ShockwaveEffect from './effects/ShockwaveEffect';
-import AuraEffect from './effects/AuraEffect';
-import DataStreamEffect from './effects/DataStreamEffect';
-import ConstellationEffect from './effects/ConstellationEffect';
-import HologramEffect from './effects/HologramEffect';
-import PortalEffect from './effects/PortalEffect';
-import DnaHelixEffect from './effects/DnaHelixEffect';
-import OrbEffect from './effects/OrbEffect';
-import LightningEffect from './effects/LightningEffect';
-import AuroraEffect from './effects/AuroraEffect';
-import FireEffect from './effects/FireEffect';
-import ForcefieldEffect from './effects/ForcefieldEffect';
-import NeuralNetworkEffect from './effects/NeuralNetworkEffect';
-import BlackHoleEffect from './effects/BlackHoleEffect';
-import IceCrystalsEffect from './effects/IceCrystalsEffect';
-import SmokePlumeEffect from './effects/SmokePlumeEffect';
-import VolumetricFogEffect from './effects/VolumetricFogEffect';
-import SmokeRingEffect from './effects/SmokeRingEffect';
+import MoleculesEffect from './effects/MoleculesEffect.js';
+import ShockwaveEffect from './effects/ShockwaveEffect.js';
+import AuraEffect from './effects/AuraEffect.js';
+import DataStreamEffect from './effects/DataStreamEffect.js';
+import ConstellationEffect from './effects/ConstellationEffect.js';
+import HologramEffect from './effects/HologramEffect.js';
+import PortalEffect from './effects/PortalEffect.js';
+import DnaHelixEffect from './effects/DnaHelixEffect.js';
+import OrbEffect from './effects/OrbEffect.js';
+import LightningEffect from './effects/LightningEffect.js';
+import AuroraEffect from './effects/AuroraEffect.js';
+import FireEffect from './effects/FireEffect.js';
+import ForcefieldEffect from './effects/ForcefieldEffect.js';
+import NeuralNetworkEffect from './effects/NeuralNetworkEffect.js';
+import BlackHoleEffect from './effects/BlackHoleEffect.js';
+import IceCrystalsEffect from './effects/IceCrystalsEffect.js';
+import SmokePlumeEffect from './effects/SmokePlumeEffect.js';
+import VolumetricFogEffect from './effects/VolumetricFogEffect.js';
+import SmokeRingEffect from './effects/SmokeRingEffect.js';
 const EffectsGenerator = ({ settings, object }) => {
     if (!settings.enabled)
         return null;

package/dist/components/EffectsGroup.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import EffectsGenerator from './EffectsGenerator';
+import EffectsGenerator from './EffectsGenerator.js';
 const EffectsGroup = ({ createdObject }) => {
     if (!createdObject.effects || createdObject.effects.length === 0)
         return null;

package/dist/components/EnvironmentManager.js

@@ -2,8 +2,8 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { useMemo, forwardRef } from 'react';
 import { Environment } from '@react-three/drei';
 import { useThree } from '@react-three/fiber';
-import SkySystem from './SkySystem';
-import { useCubeCamera } from '../hooks/useCubeCamera';
+import SkySystem from './SkySystem.js';
+import { useCubeCamera } from '../hooks/useCubeCamera.js';
 const EnvironmentManager = forwardRef(({ hdrSettings, cubeCameraResolution = 512, 
 // SkySystemProps — all forwarded to SkySystem
 timeSettings, visible = true, sunSystemVisible = false, sunSize, moonSize, skyboxScale, sunIntensity, castShadow, shadowMapSize, playerPosition, starsSettings, cloudsSettings, cloudsMaterialSettings, skyControllerSettings, rainSettings, fogSettings, onTimeOfDayChange, onTimeUpdate, }, ref) => {

package/dist/components/Frame.d.ts

@@ -1,5 +1,5 @@
 import { type ThreeEvent } from '@react-three/fiber';
-import { Mesh } from "three";
+import { Object3D } from "three";
 import type { CreatedObjectSettings, HoverSettings } from '@ntalmagor/3drize-core';
 import type { GalleryLayoutSettings } from '@ntalmagor/3drize-core';
 import type { TransformEffect, ColorEffect } from '@ntalmagor/3drize-core';
@@ -20,7 +20,7 @@ export interface FrameProps {
     side: number;
     materialSettings: MaterialSettings;
     children?: React.ReactNode;
-    onFrameClick?: (createdObject: CreatedObjectSettings, mesh: Mesh, e: ThreeEvent<MouseEvent>) => void;
+    handleObjectClick?: (createdObject: CreatedObjectSettings, ref: Object3D, event: ThreeEvent<MouseEvent>) => void;
 }
-export default function Frame({ url, isActive, createdObject, position, rotation, shapeType, hoverSettings, transformEffects, colorEffects, layoutSettings, side, materialSettings, children, onFrameClick, }: FrameProps): import("react/jsx-runtime").JSX.Element | null;
+export default function Frame({ url, isActive, createdObject, position, rotation, shapeType, hoverSettings, transformEffects, colorEffects, layoutSettings, side, materialSettings, children, handleObjectClick, }: FrameProps): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=Frame.d.ts.map

package/dist/components/Frame.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Frame.d.ts","sourceRoot":"","sources":["../../src/components/Frame.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAA0C,IAAI,EAAgB,MAAM,OAAO,CAAC;AACnF,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAgB,MAAM,wBAAwB,CAAC;AACjG,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAG/D,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAMrE,YAAY,EAAE,cAAc,EAAE,CAAC;AAE/B,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,qBAAqB,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,aAAa,EAAE,aAAa,CAAC;IAC7B,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IACrC,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,cAAc,EAAE,qBAAqB,CAAC;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,CAAC,aAAa,EAAE,qBAAqB,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CACtG;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,GAAG,EACH,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,SAAoB,EACpB,aAAa,EACb,gBAAqB,EACrB,YAAiB,EACjB,cAAc,EACd,IAAI,EACJ,gBAAgB,EAChB,QAAQ,EACR,YAAY,GACb,EAAE,UAAU,kDAkFZ"}
+{"version":3,"file":"Frame.d.ts","sourceRoot":"","sources":["../../src/components/Frame.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAmC,QAAQ,EAAsB,MAAM,OAAO,CAAC;AACtF,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAgB,MAAM,wBAAwB,CAAC;AACjG,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAG/D,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAMrE,YAAY,EAAE,cAAc,EAAE,CAAC;AAE/B,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,qBAAqB,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,aAAa,EAAE,aAAa,CAAC;IAC7B,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IACrC,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,cAAc,EAAE,qBAAqB,CAAC;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iBAAiB,CAAC,EAAE,CAClB,aAAa,EAAE,qBAAqB,EACpC,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CAC1C;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,GAAG,EACH,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,SAAoB,EACpB,aAAa,EACb,gBAAqB,EACrB,YAAiB,EACjB,cAAc,EACd,IAAI,EACJ,gBAAgB,EAChB,QAAQ,EACR,iBAAiB,GAClB,EAAE,UAAU,kDAoFZ"}

package/dist/components/Frame.js

@@ -3,12 +3,12 @@ import { useRef, useState, useEffect } from "react";
 import { useCursor } from "@react-three/drei";
 import { BackSide, DoubleSide, FrontSide, Mesh } from "three";
 import { texturesManager } from "@ntalmagor/3drize-core";
-import { FrameGeometry } from "./FrameGeometry";
-import { FrameImage } from "./FrameImage";
-import MaterialLibrary from "./MaterialLibrary";
-import { useFrameEffects } from "../hooks/useFrameEffects";
-import { useObjectAnimation } from "../hooks/useObjectAnimation";
-export default function Frame({ url, isActive, createdObject, position, rotation, shapeType = 'circle', hoverSettings, transformEffects = [], colorEffects = [], layoutSettings, side, materialSettings, children, onFrameClick, }) {
+import { FrameGeometry } from "./FrameGeometry.js";
+import { FrameImage } from "./FrameImage.js";
+import MaterialLibrary from "./MaterialLibrary.js";
+import { useFrameEffects } from "../hooks/useFrameEffects.js";
+import { useObjectAnimation } from "../hooks/useObjectAnimation.js";
+export default function Frame({ url, isActive, createdObject, position, rotation, shapeType = 'circle', hoverSettings, transformEffects = [], colorEffects = [], layoutSettings, side, materialSettings, children, handleObjectClick, }) {
     const frameRef = useRef(new Mesh());
     const imageRef = useRef(null);
     const [texture, setTexture] = useState(null);
@@ -39,12 +39,14 @@ export default function Frame({ url, isActive, createdObject, position, rotation
     ];
     const showFront = side === FrontSide || side === DoubleSide;
     const showBack = side === BackSide || side === DoubleSide;
-    const handleObjectClick = (e) => {
+    const onClick = (e) => {
+        e.stopPropagation();
         if (!frameRef.current)
             return;
-        onFrameClick?.(createdObject, frameRef.current, e);
+        // const clickedPoint = e.point;
+        handleObjectClick?.(createdObject, frameRef.current, e);
     };
     if (!texture)
         return null;
-    return (_jsx("mesh", { name: url, ref: frameRef, position: position, rotation: rotation, scale: scale, raycast: () => null, onPointerEnter: handlePointerEnter, onPointerLeave: handlePointerLeave, onClick: handleObjectClick, children: children ? children : (_jsxs(_Fragment, { children: [_jsx(FrameGeometry, { shapeType: 'rectangle', layoutSettings: layoutSettings, scale: layoutSettings.outerFrameScale }), _jsx(MaterialLibrary, { materialSettings: materialSettings }), showFront && (_jsx(FrameImage, { ref: imageRef, texture: texture, shapeType: 'rectangle', position: [0, 0, 0.02] })), showBack && (_jsx(FrameImage, { texture: texture, shapeType: 'rectangle', position: [0, 0, -0.02], rotation: [0, Math.PI, 0], isBack: true }))] })) }));
+    return (_jsx("mesh", { name: url, ref: frameRef, position: position, rotation: rotation, scale: scale, raycast: () => null, onPointerEnter: handlePointerEnter, onPointerLeave: handlePointerLeave, onClick: onClick, children: children ? children : (_jsxs(_Fragment, { children: [_jsx(FrameGeometry, { shapeType: 'rectangle', layoutSettings: layoutSettings, scale: layoutSettings.outerFrameScale }), _jsx(MaterialLibrary, { materialSettings: materialSettings }), showFront && (_jsx(FrameImage, { ref: imageRef, texture: texture, shapeType: 'rectangle', position: [0, 0, 0.02] })), showBack && (_jsx(FrameImage, { texture: texture, shapeType: 'rectangle', position: [0, 0, -0.02], rotation: [0, Math.PI, 0], isBack: true }))] })) }));
 }

package/dist/components/FrameImage.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { FrameGeometry } from "./FrameGeometry";
+import { FrameGeometry } from "./FrameGeometry.js";
 export const FrameImage = forwardRef(({ texture, shapeType, position, rotation, isBack = false, layoutSettings, }, ref) => {
     const width = layoutSettings?.width || 1;
     const height = layoutSettings?.height || 1;

package/dist/components/Galaxy.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import Stars from './Stars';
-import ShootingStars from './ShootingStars';
+import Stars from './Stars.js';
+import ShootingStars from './ShootingStars.js';
 const Galaxy = ({ settings }) => {
     if (!settings.visible)
         return null;

package/dist/components/GalleryLayout.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
+import { Object3D } from 'three';
 import type { CreatedObjectSettings } from '@ntalmagor/3drize-core';
+import { type ThreeEvent } from '@react-three/fiber';
 export interface GalleryLayoutProps {
     createdObject: CreatedObjectSettings;
     selectedFrameUrl?: string;
-    onFrameSelect?: (url: string) => void;
+    handleObjectClick?: (createdObject: CreatedObjectSettings, ref: Object3D, event: ThreeEvent<MouseEvent>) => void;
 }
 declare const GalleryLayout: React.FC<GalleryLayoutProps>;
 export default GalleryLayout;

package/dist/components/GalleryLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GalleryLayout.d.ts","sourceRoot":"","sources":["../../src/components/GalleryLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,EAAE,qBAAqB,EAAyB,MAAM,wBAAwB,CAAC;AAM3F,MAAM,WAAW,kBAAkB;IACjC,aAAa,EAAE,qBAAqB,CAAC;IACrC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkD/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"GalleryLayout.d.ts","sourceRoot":"","sources":["../../src/components/GalleryLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAS,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,qBAAqB,EAAuC,MAAM,wBAAwB,CAAC;AAKzG,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,kBAAkB;IACjC,aAAa,EAAE,qBAAqB,CAAC;IACrC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,CAAC,aAAa,EAAE,qBAAqB,EACvD,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CAC1C;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkD/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/GalleryLayout.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useRef } from 'react';
 import { updateCurrentLayoutSettings } from '@ntalmagor/3drize-core';
-import Frame from './Frame';
-import EffectsGenerator from './EffectsGenerator';
-import { ImageGeometry } from './ImageGeometry';
-const GalleryLayout = ({ createdObject, selectedFrameUrl, onFrameSelect, }) => {
+import Frame from './Frame.js';
+import EffectsGenerator from './EffectsGenerator.js';
+import { ImageGeometry } from './ImageGeometry.js';
+const GalleryLayout = ({ createdObject, selectedFrameUrl, handleObjectClick, }) => {
     const groupRef = useRef(null);
     const { config, materialSettings, animations } = createdObject;
     const galleryLayout = config || {
@@ -13,6 +13,6 @@ const GalleryLayout = ({ createdObject, selectedFrameUrl, onFrameSelect, }) => {
         outerFrameScale: 1,
     };
     const { frames, layoutSettings } = useMemo(() => updateCurrentLayoutSettings(galleryLayout), [galleryLayout]);
-    return (_jsx("group", { ref: groupRef, scale: [1, 1, 1], position: [0, 0, 0], rotation: [0, 0, 0], children: frames.map((frame, index) => (_jsxs(Frame, { url: frame.url, isActive: selectedFrameUrl === frame.url, createdObject: createdObject, position: frame.position, rotation: frame.rotation, hoverSettings: { sensitivity: 0.5, applyToChildren: false }, transformEffects: animations?.transform?.effects || [], layoutSettings: layoutSettings, side: galleryLayout?.side || 2, materialSettings: materialSettings, onFrameClick: onFrameSelect ? (obj, mesh, e) => onFrameSelect(frame.url) : undefined, children: [layoutSettings.geometryType !== 'none' && (_jsx(ImageGeometry, { url: frame.url, geometryType: layoutSettings.geometryType, outerFrameScale: layoutSettings.outerFrameScale })), createdObject.effects?.map((effect, effectIndex) => (_jsx(EffectsGenerator, { settings: effect }, effectIndex)))] }, index))) }));
+    return (_jsx("group", { ref: groupRef, scale: [1, 1, 1], position: [0, 0, 0], rotation: [0, 0, 0], children: frames.map((frame, index) => (_jsxs(Frame, { url: frame.url, isActive: selectedFrameUrl === frame.url, createdObject: createdObject, position: frame.position, rotation: frame.rotation, hoverSettings: { sensitivity: 0.5, applyToChildren: false }, transformEffects: animations?.transform?.effects || [], layoutSettings: layoutSettings, side: galleryLayout?.side || 2, materialSettings: materialSettings, handleObjectClick: handleObjectClick, children: [layoutSettings.geometryType !== 'none' && (_jsx(ImageGeometry, { url: frame.url, geometryType: layoutSettings.geometryType, outerFrameScale: layoutSettings.outerFrameScale })), createdObject.effects?.map((effect, effectIndex) => (_jsx(EffectsGenerator, { settings: effect }, effectIndex)))] }, index))) }));
 };
 export default GalleryLayout;

package/dist/components/Lensflare.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef, useMemo, useCallback } from 'react';
 import * as THREE from 'three';
 import { useThree } from '@react-three/fiber';
-import { useSkySystem } from '../hooks/useSkySystem';
+import { useSkySystem } from '../hooks/useSkySystem.js';
 export function createFlareTexture(type) {
     const canvas = document.createElement('canvas');
     canvas.width = 256;

package/dist/components/Letter.js

@@ -2,9 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef, useState, useEffect } from 'react';
 import { useFrame } from '@react-three/fiber';
 import { useCursor, Text, Text3D, Center } from '@react-three/drei';
-import MaterialLibrary from './MaterialLibrary';
+import MaterialLibrary from './MaterialLibrary.js';
 import { createDefaultEffectState, applyTransformEffects } from '@ntalmagor/3drize-core';
-import { useFrameEffects } from '../hooks/useFrameEffects';
+import { useFrameEffects } from '../hooks/useFrameEffects.js';
 import { fontManager } from '@ntalmagor/3drize-core';
 const getText3DConfig = (config) => {
     const c = config;

package/dist/components/Letters.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef } from 'react';
-import Letter from './Letter';
+import Letter from './Letter.js';
 export default function Letters({ text, config, materialSettings, hoverSettings, transformEffects = [], colorEffects = [], onLetterClick, }) {
     const ref = useRef(null);
     const characters = text.split('');

package/dist/components/LightsManager.js

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useRef, useEffect, useMemo } from 'react';
 import { useFrame, useThree } from '@react-three/fiber';
 import { useHelper } from '@react-three/drei';
-import { createSunPosition } from '../utils/utils3d';
-import { useLightHandlers } from '../hooks/useLightHandlers';
+import { createSunPosition } from '../utils/utils3d.js';
+import { useLightHandlers } from '../hooks/useLightHandlers.js';
 import { Color, DirectionalLightHelper, SpotLightHelper, PointLightHelper, } from 'three';
 const LightHelperMesh = ({ position, lightName, lightColor, hasHandlers, onEnter, onLeave, size = 0.5, }) => {
     if (!hasHandlers)

package/dist/components/Lines.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { PositionsCreator } from '@ntalmagor/3drize-core';
-import Path from './Path';
+import Path from './Path.js';
 const Lines = ({ createdObject, transitionSettings }) => {
     if (!createdObject)
         return null;

package/dist/components/ObjectNode.d.ts

@@ -1,10 +1,12 @@
 import React from "react";
 import { Object3D } from "three";
 import type { CameraState, CreatedObjectSettings, ObjectTreeNode } from "@ntalmagor/3drize-core";
+import { type ThreeEvent } from '@react-three/fiber';
 type ObjectNodeProps = {
     node: ObjectTreeNode;
     cameraSettings: CameraState;
     onObjectReady?: (object: CreatedObjectSettings, ref: Object3D) => void;
+    handleObjectClick?: (object: CreatedObjectSettings, ref: Object3D, event: ThreeEvent<MouseEvent>) => void;
 };
 declare const ObjectNode: React.FC<ObjectNodeProps>;
 export default ObjectNode;

package/dist/components/ObjectNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ObjectNode.d.ts","sourceRoot":"","sources":["../../src/components/ObjectNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,EAAE,WAAW,EAAE,qBAAqB,EAA6D,cAAc,EAA0B,MAAM,wBAAwB,CAAC;AAapL,KAAK,eAAe,GAAG;IACnB,IAAI,EAAE,cAAc,CAAC;IACrB,cAAc,EAAE,WAAW,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC1E,CAAC;AA0JF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqCzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ObjectNode.d.ts","sourceRoot":"","sources":["../../src/components/ObjectNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,EAAE,WAAW,EAAE,qBAAqB,EAA6D,cAAc,EAA0B,MAAM,wBAAwB,CAAC;AAEpL,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAWrD,KAAK,eAAe,GAAG;IACnB,IAAI,EAAE,cAAc,CAAC;IACrB,cAAc,EAAE,WAAW,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvE,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CAC7G,CAAC;AAkDF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyJzC,CAAC;AAEF,eAAe,UAAU,CAAC"}