@nice2dev/ui-3d 1.0.3 → 1.0.5

package/dist/cjs/model/NiceArmatureEditor.js

@@ -2,7 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var THREE = require('three');
-var Ae = require('react');
+var Ue = require('react');
 
 function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -24,12 +24,12 @@ function _interopNamespaceDefault(e) {
 var THREE__namespace = /*#__PURE__*/_interopNamespaceDefault(THREE);
 
 function useArmatureEditor(skeleton, scene, onBoneSelect) {
-    const [bones, setBones] = Ae.useState([]);
-    const [selectedBoneId, setSelectedBoneId] = Ae.useState(null);
-    const [savedPoses, setSavedPoses] = Ae.useState([]);
-    const helperRef = Ae.useRef(null);
+    const [bones, setBones] = Ue.useState([]);
+    const [selectedBoneId, setSelectedBoneId] = Ue.useState(null);
+    const [savedPoses, setSavedPoses] = Ue.useState([]);
+    const helperRef = Ue.useRef(null);
     // Build bone info tree from skeleton
-    Ae.useEffect(() => {
+    Ue.useEffect(() => {
         if (!skeleton) {
             setBones([]);
             return;
@@ -52,7 +52,7 @@ function useArmatureEditor(skeleton, scene, onBoneSelect) {
         setBones(boneInfos);
     }, [skeleton]);
     // Create skeleton helper for visualization
-    Ae.useEffect(() => {
+    Ue.useEffect(() => {
         var _a;
         if (!skeleton || !scene)
             return;
@@ -69,12 +69,12 @@ function useArmatureEditor(skeleton, scene, onBoneSelect) {
             helperRef.current = null;
         };
     }, [skeleton, scene]);
-    const selectBone = Ae.useCallback((id) => {
+    const selectBone = Ue.useCallback((id) => {
         setSelectedBoneId(id);
         const bone = id ? (skeleton === null || skeleton === void 0 ? void 0 : skeleton.bones.find((b) => b.uuid === id)) || null : null;
         onBoneSelect === null || onBoneSelect === void 0 ? void 0 : onBoneSelect(bone);
     }, [skeleton, onBoneSelect]);
-    const setBonePosition = Ae.useCallback((id, pos) => {
+    const setBonePosition = Ue.useCallback((id, pos) => {
         const bone = skeleton === null || skeleton === void 0 ? void 0 : skeleton.bones.find((b) => b.uuid === id);
         if (bone) {
             bone.position.copy(pos);
@@ -82,7 +82,7 @@ function useArmatureEditor(skeleton, scene, onBoneSelect) {
             setBones((prev) => prev.map((b) => (b.id === id ? { ...b, localPosition: pos.clone() } : b)));
         }
     }, [skeleton]);
-    const setBoneRotation = Ae.useCallback((id, rot) => {
+    const setBoneRotation = Ue.useCallback((id, rot) => {
         const bone = skeleton === null || skeleton === void 0 ? void 0 : skeleton.bones.find((b) => b.uuid === id);
         if (bone) {
             bone.rotation.copy(rot);
@@ -90,7 +90,7 @@ function useArmatureEditor(skeleton, scene, onBoneSelect) {
             setBones((prev) => prev.map((b) => (b.id === id ? { ...b, localRotation: rot.clone() } : b)));
         }
     }, [skeleton]);
-    const addBone = Ae.useCallback((parentId, name) => {
+    const addBone = Ue.useCallback((parentId, name) => {
         const parent = skeleton === null || skeleton === void 0 ? void 0 : skeleton.bones.find((b) => b.uuid === parentId);
         const newBone = new THREE__namespace.Bone();
         newBone.name = name;
@@ -119,7 +119,7 @@ function useArmatureEditor(skeleton, scene, onBoneSelect) {
         ]);
         return newBone;
     }, [skeleton]);
-    const removeBone = Ae.useCallback((id) => {
+    const removeBone = Ue.useCallback((id) => {
         const bone = skeleton === null || skeleton === void 0 ? void 0 : skeleton.bones.find((b) => b.uuid === id);
         if (!bone)
             return;
@@ -139,7 +139,7 @@ function useArmatureEditor(skeleton, scene, onBoneSelect) {
         if (selectedBoneId === id)
             setSelectedBoneId(null);
     }, [skeleton, selectedBoneId]);
-    const savePose = Ae.useCallback((name) => {
+    const savePose = Ue.useCallback((name) => {
         const transforms = new Map();
         if (skeleton) {
             for (const bone of skeleton.bones) {
@@ -159,7 +159,7 @@ function useArmatureEditor(skeleton, scene, onBoneSelect) {
         setSavedPoses((prev) => [...prev, pose]);
         return pose;
     }, [skeleton]);
-    const loadPose = Ae.useCallback((pose) => {
+    const loadPose = Ue.useCallback((pose) => {
         if (!skeleton)
             return;
         for (const bone of skeleton.bones) {
@@ -178,7 +178,7 @@ function useArmatureEditor(skeleton, scene, onBoneSelect) {
             localScale: b.bone.scale.clone(),
         })));
     }, [skeleton]);
-    const resetPose = Ae.useCallback(() => {
+    const resetPose = Ue.useCallback(() => {
         if (!skeleton)
             return;
         for (const bone of skeleton.bones) {
@@ -216,9 +216,9 @@ function useArmatureEditor(skeleton, scene, onBoneSelect) {
 /* ── Component ── */
 const NiceArmatureEditor = ({ skeleton, skinnedMesh, scene, camera, onBoneSelect, onPoseChange, className = '', }) => {
     const { bones, selectedBoneId, selectBone, setBonePosition, setBoneRotation, addBone, removeBone, savePose, loadPose, resetPose, savedPoses, skeletonHelper, } = useArmatureEditor(skeleton, scene, onBoneSelect);
-    const [newBoneName, setNewBoneName] = Ae.useState('');
-    const selectedBone = Ae.useMemo(() => bones.find((b) => b.id === selectedBoneId), [bones, selectedBoneId]);
-    const rootBones = Ae.useMemo(() => bones.filter((b) => !b.parentId), [bones]);
+    const [newBoneName, setNewBoneName] = Ue.useState('');
+    const selectedBone = Ue.useMemo(() => bones.find((b) => b.id === selectedBoneId), [bones, selectedBoneId]);
+    const rootBones = Ue.useMemo(() => bones.filter((b) => !b.parentId), [bones]);
     const renderBoneTree = (boneInfo, depth = 0) => {
         const isSelected = boneInfo.id === selectedBoneId;
         const childBones = bones.filter((b) => b.parentId === boneInfo.id);

package/dist/cjs/model/NiceMorphTargetEditor.js

@@ -2,7 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var THREE = require('three');
-var Ae = require('react');
+var Ue = require('react');
 
 function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -25,14 +25,14 @@ var THREE__namespace = /*#__PURE__*/_interopNamespaceDefault(THREE);
 
 /* ── Hook ── */
 function useMorphTargetEditor(mesh, onInfluenceChange) {
-    const [targets, setTargets] = Ae.useState([]);
-    const [animations, setAnimations] = Ae.useState([]);
-    const [isAnimating, setIsAnimating] = Ae.useState(false);
-    const animFrameRef = Ae.useRef(0);
-    const animStartRef = Ae.useRef(0);
-    const activeAnimRef = Ae.useRef(null);
+    const [targets, setTargets] = Ue.useState([]);
+    const [animations, setAnimations] = Ue.useState([]);
+    const [isAnimating, setIsAnimating] = Ue.useState(false);
+    const animFrameRef = Ue.useRef(0);
+    const animStartRef = Ue.useRef(0);
+    const activeAnimRef = Ue.useRef(null);
     // Sync targets from mesh
-    Ae.useEffect(() => {
+    Ue.useEffect(() => {
         if (!mesh || !mesh.morphTargetDictionary || !mesh.morphTargetInfluences) {
             setTargets([]);
             return;
@@ -50,14 +50,14 @@ function useMorphTargetEditor(mesh, onInfluenceChange) {
         list.sort((a, b) => a.index - b.index);
         setTargets(list);
     }, [mesh]);
-    const setInfluence = Ae.useCallback((index, value) => {
+    const setInfluence = Ue.useCallback((index, value) => {
         if (!(mesh === null || mesh === void 0 ? void 0 : mesh.morphTargetInfluences))
             return;
         mesh.morphTargetInfluences[index] = value;
         setTargets((prev) => prev.map((t) => (t.index === index ? { ...t, influence: value } : t)));
         onInfluenceChange === null || onInfluenceChange === void 0 ? void 0 : onInfluenceChange(mesh, index, value);
     }, [mesh, onInfluenceChange]);
-    const createMorphTarget = Ae.useCallback((name) => {
+    const createMorphTarget = Ue.useCallback((name) => {
         if (!mesh)
             return;
         const geometry = mesh.geometry;
@@ -87,7 +87,7 @@ function useMorphTargetEditor(mesh, onInfluenceChange) {
         mesh.updateMorphTargets();
         setTargets((prev) => [...prev, { name, index: newIndex, influence: 0 }]);
     }, [mesh]);
-    const deleteMorphTarget = Ae.useCallback((index) => {
+    const deleteMorphTarget = Ue.useCallback((index) => {
         if (!mesh)
             return;
         const geometry = mesh.geometry;
@@ -111,13 +111,13 @@ function useMorphTargetEditor(mesh, onInfluenceChange) {
             influence: influences[idx],
         })));
     }, [mesh]);
-    const resetAllInfluences = Ae.useCallback(() => {
+    const resetAllInfluences = Ue.useCallback(() => {
         if (!(mesh === null || mesh === void 0 ? void 0 : mesh.morphTargetInfluences))
             return;
         mesh.morphTargetInfluences.fill(0);
         setTargets((prev) => prev.map((t) => ({ ...t, influence: 0 })));
     }, [mesh]);
-    const startAnimation = Ae.useCallback((animation) => {
+    const startAnimation = Ue.useCallback((animation) => {
         if (!(mesh === null || mesh === void 0 ? void 0 : mesh.morphTargetInfluences))
             return;
         activeAnimRef.current = animation;
@@ -159,18 +159,18 @@ function useMorphTargetEditor(mesh, onInfluenceChange) {
         };
         animFrameRef.current = requestAnimationFrame(animate);
     }, [mesh]);
-    const stopAnimation = Ae.useCallback(() => {
+    const stopAnimation = Ue.useCallback(() => {
         activeAnimRef.current = null;
         setIsAnimating(false);
         cancelAnimationFrame(animFrameRef.current);
     }, []);
-    Ae.useEffect(() => {
+    Ue.useEffect(() => {
         return () => cancelAnimationFrame(animFrameRef.current);
     }, []);
-    const addAnimation = Ae.useCallback((animation) => {
+    const addAnimation = Ue.useCallback((animation) => {
         setAnimations((prev) => [...prev, animation]);
     }, []);
-    const removeAnimation = Ae.useCallback((name) => {
+    const removeAnimation = Ue.useCallback((name) => {
         setAnimations((prev) => prev.filter((a) => a.name !== name));
     }, []);
     return {
@@ -190,7 +190,7 @@ function useMorphTargetEditor(mesh, onInfluenceChange) {
 /* ── Component ── */
 const NiceMorphTargetEditor = ({ mesh, onInfluenceChange, className = '', }) => {
     const { targets, setInfluence, createMorphTarget, deleteMorphTarget, resetAllInfluences, isAnimating, startAnimation, stopAnimation, animations, addAnimation, removeAnimation, } = useMorphTargetEditor(mesh, onInfluenceChange);
-    const [newName, setNewName] = Ae.useState('');
+    const [newName, setNewName] = Ue.useState('');
     const handleCreate = () => {
         const name = newName.trim();
         if (!name)

package/dist/cjs/model/NiceOctree.js

@@ -2,7 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var THREE = require('three');
-var Ae = require('react');
+var Ue = require('react');
 
 function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -208,12 +208,12 @@ function buildDebugVisualization(node, group, maxDepth) {
 }
 /* ── Hook ── */
 function useOctree(scene, configOverride) {
-    const config = Ae.useMemo(() => ({ ...DEFAULT_CONFIG, ...configOverride }), [configOverride]);
-    const [root, setRoot] = Ae.useState(null);
-    const [showDebug, setShowDebug] = Ae.useState(false);
-    const [stats, setStats] = Ae.useState({ nodeCount: 0, objectCount: 0 });
-    const debugGroup = Ae.useRef(new THREE__namespace.Group());
-    Ae.useEffect(() => {
+    const config = Ue.useMemo(() => ({ ...DEFAULT_CONFIG, ...configOverride }), [configOverride]);
+    const [root, setRoot] = Ue.useState(null);
+    const [showDebug, setShowDebug] = Ue.useState(false);
+    const [stats, setStats] = Ue.useState({ nodeCount: 0, objectCount: 0 });
+    const debugGroup = Ue.useRef(new THREE__namespace.Group());
+    Ue.useEffect(() => {
         if (!scene)
             return;
         debugGroup.current.name = '__octree_debug__';
@@ -224,7 +224,7 @@ function useOctree(scene, configOverride) {
             scene.remove(debugGroup.current);
         };
     }, [scene, showDebug]);
-    const refreshDebug = Ae.useCallback((rootNode) => {
+    const refreshDebug = Ue.useCallback((rootNode) => {
         // Clear existing debug
         while (debugGroup.current.children.length) {
             const child = debugGroup.current.children[0];
@@ -234,7 +234,7 @@ function useOctree(scene, configOverride) {
             buildDebugVisualization(rootNode, debugGroup.current, config.maxDepth);
         }
     }, [showDebug, config.maxDepth]);
-    const build = Ae.useCallback(() => {
+    const build = Ue.useCallback(() => {
         if (!scene)
             return;
         // Compute scene bounds
@@ -264,26 +264,26 @@ function useOctree(scene, configOverride) {
         setStats({ nodeCount: countNodes(rootNode), objectCount: countObjects(rootNode) });
         refreshDebug(rootNode);
     }, [scene, config, refreshDebug]);
-    const insert = Ae.useCallback((object) => {
+    const insert = Ue.useCallback((object) => {
         if (!root)
             return;
         insertObject(root, object, config);
         setStats({ nodeCount: countNodes(root), objectCount: countObjects(root) });
         refreshDebug(root);
     }, [root, config, refreshDebug]);
-    const remove = Ae.useCallback((object) => {
+    const remove = Ue.useCallback((object) => {
         if (!root)
             return;
         removeObject(root, object);
         setStats({ nodeCount: countNodes(root), objectCount: countObjects(root) });
     }, [root]);
-    const update = Ae.useCallback((object) => {
+    const update = Ue.useCallback((object) => {
         if (!root)
             return;
         removeObject(root, object);
         insertObject(root, object, config);
     }, [root, config]);
-    const raycast = Ae.useCallback((raycaster) => {
+    const raycast = Ue.useCallback((raycaster) => {
         if (!root)
             return [];
         const results = [];
@@ -291,7 +291,7 @@ function useOctree(scene, configOverride) {
         results.sort((a, b) => a.distance - b.distance);
         return results;
     }, [root]);
-    const frustumCull = Ae.useCallback((camera) => {
+    const frustumCull = Ue.useCallback((camera) => {
         if (!root)
             return [];
         const frustum = new THREE__namespace.Frustum();
@@ -302,7 +302,7 @@ function useOctree(scene, configOverride) {
         frustumCullNode(root, frustum, results);
         return results;
     }, [root]);
-    const nearestNeighbor = Ae.useCallback((point, maxDistance = Infinity) => {
+    const nearestNeighbor = Ue.useCallback((point, maxDistance = Infinity) => {
         if (!root)
             return null;
         const best = { object: null, dist: maxDistance };
@@ -327,7 +327,7 @@ function useOctree(scene, configOverride) {
 /* ── Component ── */
 const NiceOctree = ({ scene, config, showDebug: initialShowDebug, className = '', }) => {
     const octree = useOctree(scene, config);
-    Ae.useEffect(() => {
+    Ue.useEffect(() => {
         if (initialShowDebug !== undefined)
             octree.setShowDebug(initialShowDebug);
     }, [initialShowDebug]);

package/dist/cjs/model/NicePhysicsSimulation.js

@@ -2,7 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var THREE = require('three');
-var Ae = require('react');
+var Ue = require('react');
 
 function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -45,21 +45,21 @@ function computeAABB(object) {
 let bodyIdCounter = 0;
 let jointIdCounter = 0;
 function usePhysicsSimulation(scene, onSimulationStep) {
-    const [worldConfig, setWorldConfigState] = Ae.useState({
+    const [worldConfig, setWorldConfigState] = Ue.useState({
         gravity: new THREE__namespace.Vector3(0, -9.81, 0),
         timestep: 1 / 60,
         maxSubsteps: 4,
     });
-    const [bodies, setBodies] = Ae.useState([]);
-    const [joints, setJoints] = Ae.useState([]);
-    const [isRunning, setIsRunning] = Ae.useState(false);
-    const [debugDraw, setDebugDraw] = Ae.useState(false);
-    const internalBodies = Ae.useRef(new Map());
-    const debugGroup = Ae.useRef(new THREE__namespace.Group());
-    const animFrameId = Ae.useRef(0);
-    const lastTime = Ae.useRef(0);
+    const [bodies, setBodies] = Ue.useState([]);
+    const [joints, setJoints] = Ue.useState([]);
+    const [isRunning, setIsRunning] = Ue.useState(false);
+    const [debugDraw, setDebugDraw] = Ue.useState(false);
+    const internalBodies = Ue.useRef(new Map());
+    const debugGroup = Ue.useRef(new THREE__namespace.Group());
+    const animFrameId = Ue.useRef(0);
+    const lastTime = Ue.useRef(0);
     // Debug wireframe colliders
-    Ae.useEffect(() => {
+    Ue.useEffect(() => {
         if (!scene)
             return;
         debugGroup.current.name = '__physics_debug__';
@@ -70,10 +70,10 @@ function usePhysicsSimulation(scene, onSimulationStep) {
             scene.remove(debugGroup.current);
         };
     }, [scene, debugDraw]);
-    const setWorldConfig = Ae.useCallback((partial) => {
+    const setWorldConfig = Ue.useCallback((partial) => {
         setWorldConfigState((prev) => ({ ...prev, ...partial }));
     }, []);
-    const addBody = Ae.useCallback((object) => {
+    const addBody = Ue.useCallback((object) => {
         const id = `phys_${++bodyIdCounter}`;
         const desc = {
             id,
@@ -105,7 +105,7 @@ function usePhysicsSimulation(scene, onSimulationStep) {
         }
         return desc;
     }, [debugDraw]);
-    const removeBody = Ae.useCallback((id) => {
+    const removeBody = Ue.useCallback((id) => {
         internalBodies.current.delete(id);
         setBodies((prev) => prev.filter((b) => b.id !== id));
         // Remove debug wireframe
@@ -113,23 +113,23 @@ function usePhysicsSimulation(scene, onSimulationStep) {
         if (debugObj)
             debugGroup.current.remove(debugObj);
     }, []);
-    const updateBody = Ae.useCallback((id, partial) => {
+    const updateBody = Ue.useCallback((id, partial) => {
         const internal = internalBodies.current.get(id);
         if (internal) {
             Object.assign(internal.desc, partial);
         }
         setBodies((prev) => prev.map((b) => (b.id === id ? { ...b, ...partial } : b)));
     }, []);
-    const addJoint = Ae.useCallback((joint) => {
+    const addJoint = Ue.useCallback((joint) => {
         const id = `joint_${++jointIdCounter}`;
         setJoints((prev) => [...prev, { ...joint, id }]);
     }, []);
-    const removeJoint = Ae.useCallback((id) => {
+    const removeJoint = Ue.useCallback((id) => {
         setJoints((prev) => prev.filter((j) => j.id !== id));
     }, []);
-    const getBodyForObject = Ae.useCallback((objectName) => bodies.find((b) => b.objectName === objectName), [bodies]);
+    const getBodyForObject = Ue.useCallback((objectName) => bodies.find((b) => b.objectName === objectName), [bodies]);
     // Simplified physics step (Euler integration with collision detection)
-    const simulationStep = Ae.useCallback((dt) => {
+    const simulationStep = Ue.useCallback((dt) => {
         const gravity = worldConfig.gravity;
         internalBodies.current.forEach((body) => {
             if (body.desc.bodyType !== 'dynamic')
@@ -196,7 +196,7 @@ function usePhysicsSimulation(scene, onSimulationStep) {
         onSimulationStep === null || onSimulationStep === void 0 ? void 0 : onSimulationStep(dt);
     }, [worldConfig.gravity, onSimulationStep]);
     // Animation loop
-    Ae.useEffect(() => {
+    Ue.useEffect(() => {
         if (!isRunning)
             return;
         lastTime.current = performance.now();
@@ -213,12 +213,12 @@ function usePhysicsSimulation(scene, onSimulationStep) {
         animFrameId.current = requestAnimationFrame(loop);
         return () => cancelAnimationFrame(animFrameId.current);
     }, [isRunning, simulationStep, worldConfig.timestep, worldConfig.maxSubsteps]);
-    const play = Ae.useCallback(() => setIsRunning(true), []);
-    const pause = Ae.useCallback(() => setIsRunning(false), []);
-    const step = Ae.useCallback(() => {
+    const play = Ue.useCallback(() => setIsRunning(true), []);
+    const pause = Ue.useCallback(() => setIsRunning(false), []);
+    const step = Ue.useCallback(() => {
         simulationStep(worldConfig.timestep);
     }, [simulationStep, worldConfig.timestep]);
-    const reset = Ae.useCallback(() => {
+    const reset = Ue.useCallback(() => {
         setIsRunning(false);
         internalBodies.current.forEach((body) => {
             body.object.position.copy(body.initialPosition);

package/dist/cjs/model/NiceProceduralGeometry.js

@@ -2,7 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var THREE = require('three');
-var Ae = require('react');
+var Ue = require('react');
 
 function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -213,13 +213,13 @@ const DEFAULT_PIPE = {
 };
 const DEFAULT_GEAR = { innerRadius: 0.5, outerRadius: 2, teeth: 12, toothDepth: 0.3, thickness: 0.4 };
 function useProceduralGeometry(scene, onGenerated) {
-    const [type, setType] = Ae.useState('tree');
-    const [treeParams, setTreeParams] = Ae.useState(DEFAULT_TREE);
-    const [rockParams, setRockParams] = Ae.useState(DEFAULT_ROCK);
-    const [buildingParams, setBuildingParams] = Ae.useState(DEFAULT_BUILDING);
-    const [pipeParams, setPipeParams] = Ae.useState(DEFAULT_PIPE);
-    const [gearParams, setGearParams] = Ae.useState(DEFAULT_GEAR);
-    const generate = Ae.useCallback(() => {
+    const [type, setType] = Ue.useState('tree');
+    const [treeParams, setTreeParams] = Ue.useState(DEFAULT_TREE);
+    const [rockParams, setRockParams] = Ue.useState(DEFAULT_ROCK);
+    const [buildingParams, setBuildingParams] = Ue.useState(DEFAULT_BUILDING);
+    const [pipeParams, setPipeParams] = Ue.useState(DEFAULT_PIPE);
+    const [gearParams, setGearParams] = Ue.useState(DEFAULT_GEAR);
+    const generate = Ue.useCallback(() => {
         if (!scene)
             return;
         let result;

package/dist/cjs/model/NiceTerrainEditor.js

@@ -2,7 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var THREE = require('three');
-var Ae = require('react');
+var Ue = require('react');
 
 function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -42,25 +42,25 @@ function fractalNoise(x, z, octaves, persistence, lacunarity, rng) {
 }
 /* ── Hook ── */
 function useTerrainEditor(scene, camera, canvas, config = { width: 100, depth: 100, segments: 128, maxHeight: 20 }, onTerrainChange) {
-    const [brush, setBrushState] = Ae.useState({
+    const [brush, setBrushState] = Ue.useState({
         mode: 'raise',
         radius: 5,
         strength: 0.3,
         falloff: 'smooth',
     });
-    const [isPainting, setIsPainting] = Ae.useState(false);
-    const [textureLayers, setTextureLayers] = Ae.useState([
+    const [isPainting, setIsPainting] = Ue.useState(false);
+    const [textureLayers, setTextureLayers] = Ue.useState([
         { name: 'Grass', texture: null, scale: 10 },
         { name: 'Rock', texture: null, scale: 8 },
         { name: 'Sand', texture: null, scale: 12 },
         { name: 'Snow', texture: null, scale: 10 },
     ]);
-    const [activeTextureLayer, setActiveTextureLayer] = Ae.useState(0);
-    const terrainRef = Ae.useRef(null);
-    const splatMapRef = Ae.useRef(null);
-    const raycaster = Ae.useRef(new THREE__namespace.Raycaster());
+    const [activeTextureLayer, setActiveTextureLayer] = Ue.useState(0);
+    const terrainRef = Ue.useRef(null);
+    const splatMapRef = Ue.useRef(null);
+    const raycaster = Ue.useRef(new THREE__namespace.Raycaster());
     // Create terrain mesh
-    Ae.useEffect(() => {
+    Ue.useEffect(() => {
         if (!scene)
             return;
         const geometry = new THREE__namespace.PlaneGeometry(config.width, config.depth, config.segments, config.segments);
@@ -90,10 +90,10 @@ function useTerrainEditor(scene, camera, canvas, config = { width: 100, depth: 1
             material.dispose();
         };
     }, [scene, config.width, config.depth, config.segments]);
-    const setBrush = Ae.useCallback((partial) => {
+    const setBrush = Ue.useCallback((partial) => {
         setBrushState((prev) => ({ ...prev, ...partial }));
     }, []);
-    const applyBrushAtPoint = Ae.useCallback((point) => {
+    const applyBrushAtPoint = Ue.useCallback((point) => {
         const mesh = terrainRef.current;
         if (!mesh)
             return;
@@ -185,7 +185,7 @@ function useTerrainEditor(scene, camera, canvas, config = { width: 100, depth: 1
         onTerrainChange === null || onTerrainChange === void 0 ? void 0 : onTerrainChange(mesh);
     }, [brush, config.segments, activeTextureLayer, onTerrainChange]);
     // Mouse handling
-    Ae.useEffect(() => {
+    Ue.useEffect(() => {
         if (!canvas || !camera || !isPainting)
             return;
         const onPointerMove = (e) => {
@@ -203,7 +203,7 @@ function useTerrainEditor(scene, camera, canvas, config = { width: 100, depth: 1
         canvas.addEventListener('pointermove', onPointerMove);
         return () => canvas.removeEventListener('pointermove', onPointerMove);
     }, [canvas, camera, isPainting, applyBrushAtPoint]);
-    const generateFlat = Ae.useCallback(() => {
+    const generateFlat = Ue.useCallback(() => {
         const mesh = terrainRef.current;
         if (!mesh)
             return;
@@ -215,7 +215,7 @@ function useTerrainEditor(scene, camera, canvas, config = { width: 100, depth: 1
         mesh.geometry.computeVertexNormals();
         onTerrainChange === null || onTerrainChange === void 0 ? void 0 : onTerrainChange(mesh);
     }, [onTerrainChange]);
-    const generateNoise = Ae.useCallback((octaves = 6, persistence = 0.5, lacunarity = 2.0) => {
+    const generateNoise = Ue.useCallback((octaves = 6, persistence = 0.5, lacunarity = 2.0) => {
         const mesh = terrainRef.current;
         if (!mesh)
             return;
@@ -230,7 +230,7 @@ function useTerrainEditor(scene, camera, canvas, config = { width: 100, depth: 1
         mesh.geometry.computeVertexNormals();
         onTerrainChange === null || onTerrainChange === void 0 ? void 0 : onTerrainChange(mesh);
     }, [config, onTerrainChange]);
-    const importHeightmap = Ae.useCallback((image) => {
+    const importHeightmap = Ue.useCallback((image) => {
         const mesh = terrainRef.current;
         if (!mesh)
             return;
@@ -257,7 +257,7 @@ function useTerrainEditor(scene, camera, canvas, config = { width: 100, depth: 1
         mesh.geometry.computeVertexNormals();
         onTerrainChange === null || onTerrainChange === void 0 ? void 0 : onTerrainChange(mesh);
     }, [config, onTerrainChange]);
-    const exportHeightmap = Ae.useCallback(() => {
+    const exportHeightmap = Ue.useCallback(() => {
         const mesh = terrainRef.current;
         if (!mesh)
             return null;
@@ -290,7 +290,7 @@ function useTerrainEditor(scene, camera, canvas, config = { width: 100, depth: 1
         ctx.putImageData(imageData, 0, 0);
         return exportCanvas;
     }, [config.segments]);
-    const setTextureLayer = Ae.useCallback((index, partial) => {
+    const setTextureLayer = Ue.useCallback((index, partial) => {
         setTextureLayers((prev) => prev.map((l, i) => (i === index ? { ...l, ...partial } : l)));
     }, []);
     return {
@@ -320,8 +320,8 @@ const NiceTerrainEditor = ({ scene, camera, canvas, config: configProp, onTerrai
         ...configProp,
     };
     const { brush, setBrush, isPainting, startPainting, stopPainting, generateFlat, generateNoise, exportHeightmap, textureLayers, setTextureLayer, activeTextureLayer, setActiveTextureLayer, } = useTerrainEditor(scene, camera, canvas, config, onTerrainChange);
-    const [noiseOctaves, setNoiseOctaves] = Ae.useState(6);
-    const [noisePersistence, setNoisePersistence] = Ae.useState(0.5);
+    const [noiseOctaves, setNoiseOctaves] = Ue.useState(6);
+    const [noisePersistence, setNoisePersistence] = Ue.useState(0.5);
     return (jsxRuntime.jsxs("div", { className: `nice-terrain-editor ${className}`, style: { display: 'grid', gap: 8, fontSize: 13 }, children: [jsxRuntime.jsx("strong", { children: "Terrain Editor" }), jsxRuntime.jsxs("fieldset", { style: { border: '1px solid var(--border, #e2e8f0)', borderRadius: 6, padding: 4, display: 'flex', flexWrap: 'wrap', gap: 2 }, children: [jsxRuntime.jsx("legend", { style: { fontSize: 11 }, children: "Brush" }), ['raise', 'lower', 'flatten', 'smooth', 'noise', 'paint'].map((m) => (jsxRuntime.jsx("button", { type: "button", onClick: () => setBrush({ mode: m }), style: {
                             padding: '3px 6px', fontSize: 11, cursor: 'pointer', borderRadius: 4,
                             border: '1px solid var(--border, #e2e8f0)',