@nice2dev/ui-3d 1.0.2 → 1.0.4

package/dist/cjs/model/useModelViewer.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Ae = require('react');
+var Ve = require('react');
 var THREE = require('three');
 var OrbitControls_js = require('three/examples/jsm/controls/OrbitControls.js');
 var FBXLoader_js = require('three/examples/jsm/loaders/FBXLoader.js');
@@ -61,48 +61,48 @@ const TONE_MAP = {
 function useModelViewer(props = {}) {
     const { src, format, navigationMode: initNavMode = 'orbit', quality = 'high', autoRotateSpeed: initAutoRotate = 0, backgroundColor = '#1a1a2e', showGrid: initShowGrid = true, shadows = true, gamepad = false, cameraPresets = [], annotations = [], hotspots = [], floorPlans = [], onHotspotClick, onAnnotationClick, onLoadProgress, onLoad, onError, clippingPlanes = [], measureMode: initMeasureMode = false, measurements = [], onMeasure, minDistance = 0.1, maxDistance = 1000, fov = 50, vr = false, walkSpeed = 5, ambientIntensity = 0.5, directionalIntensity = 0.8, antiAlias = true, toneMapping = 'aces', exposure = 1, } = props;
     /* ── refs ── */
-    const mountRef = Ae.useRef(null);
-    const rendererRef = Ae.useRef(null);
-    const sceneRef = Ae.useRef(new THREE__namespace.Scene());
-    const cameraRef = Ae.useRef(new THREE__namespace.PerspectiveCamera(fov, 1, 0.01, 10000));
-    const orbitRef = Ae.useRef(null);
-    const clockRef = Ae.useRef(new THREE__namespace.Clock());
-    const mixerRef = Ae.useRef(null);
-    const rafRef = Ae.useRef(0);
-    const rootRef = Ae.useRef(null);
-    const gridRef = Ae.useRef(null);
-    const clipsRef = Ae.useRef([]);
-    const keysRef = Ae.useRef(new Set());
-    Ae.useRef(null);
-    const disposeRef = Ae.useRef(false);
+    const mountRef = Ve.useRef(null);
+    const rendererRef = Ve.useRef(null);
+    const sceneRef = Ve.useRef(new THREE__namespace.Scene());
+    const cameraRef = Ve.useRef(new THREE__namespace.PerspectiveCamera(fov, 1, 0.01, 10000));
+    const orbitRef = Ve.useRef(null);
+    const clockRef = Ve.useRef(new THREE__namespace.Clock());
+    const mixerRef = Ve.useRef(null);
+    const rafRef = Ve.useRef(0);
+    const rootRef = Ve.useRef(null);
+    const gridRef = Ve.useRef(null);
+    const clipsRef = Ve.useRef([]);
+    const keysRef = Ve.useRef(new Set());
+    Ve.useRef(null);
+    const disposeRef = Ve.useRef(false);
     /* ── state ── */
-    const [loading, setLoading] = Ae.useState(false);
-    const [loadProgress, setLoadProgress] = Ae.useState(0);
-    const [error, setError] = Ae.useState(null);
-    const [navMode, setNavMode] = Ae.useState(initNavMode);
-    const [projection, setProjection] = Ae.useState('perspective');
-    const [wireframe, setWireframe] = Ae.useState(false);
-    const [gridVisible, setGridVisible] = Ae.useState(initShowGrid);
-    const [autoRotate, setAutoRotate] = Ae.useState(initAutoRotate);
-    const [polyCount, setPolyCount] = Ae.useState(0);
-    const [meshCount, setMeshCount] = Ae.useState(0);
-    const [animNames, setAnimNames] = Ae.useState([]);
-    const [activeAnimIdx, setActiveAnimIdx] = Ae.useState(-1);
-    const [isPlaying, setIsPlaying] = Ae.useState(false);
-    const [animTime, setAnimTime] = Ae.useState(0);
-    const [animDuration, setAnimDuration] = Ae.useState(0);
-    const [animSpeed, setAnimSpeed] = Ae.useState(1);
-    const [isFullscreen, setIsFullscreen] = Ae.useState(false);
-    const [activeFloorPlanId, setActiveFloorPlanId] = Ae.useState(null);
-    const [annotationsVisible, setAnnotationsVisible] = Ae.useState(true);
-    const [clippingEnabled, setClippingEnabled] = Ae.useState(clippingPlanes.length > 0);
-    const [clippingPosition, setClippingPosition] = Ae.useState(0);
-    const [clippingAxis, setClippingAxis] = Ae.useState('y');
-    const [measureModeActive, setMeasureModeActive] = Ae.useState(initMeasureMode);
-    const [dimensions, setDimensions] = Ae.useState(null);
-    const [statusText, setStatusText] = Ae.useState('Ready');
+    const [loading, setLoading] = Ve.useState(false);
+    const [loadProgress, setLoadProgress] = Ve.useState(0);
+    const [error, setError] = Ve.useState(null);
+    const [navMode, setNavMode] = Ve.useState(initNavMode);
+    const [projection, setProjection] = Ve.useState('perspective');
+    const [wireframe, setWireframe] = Ve.useState(false);
+    const [gridVisible, setGridVisible] = Ve.useState(initShowGrid);
+    const [autoRotate, setAutoRotate] = Ve.useState(initAutoRotate);
+    const [polyCount, setPolyCount] = Ve.useState(0);
+    const [meshCount, setMeshCount] = Ve.useState(0);
+    const [animNames, setAnimNames] = Ve.useState([]);
+    const [activeAnimIdx, setActiveAnimIdx] = Ve.useState(-1);
+    const [isPlaying, setIsPlaying] = Ve.useState(false);
+    const [animTime, setAnimTime] = Ve.useState(0);
+    const [animDuration, setAnimDuration] = Ve.useState(0);
+    const [animSpeed, setAnimSpeed] = Ve.useState(1);
+    const [isFullscreen, setIsFullscreen] = Ve.useState(false);
+    const [activeFloorPlanId, setActiveFloorPlanId] = Ve.useState(null);
+    const [annotationsVisible, setAnnotationsVisible] = Ve.useState(true);
+    const [clippingEnabled, setClippingEnabled] = Ve.useState(clippingPlanes.length > 0);
+    const [clippingPosition, setClippingPosition] = Ve.useState(0);
+    const [clippingAxis, setClippingAxis] = Ve.useState('y');
+    const [measureModeActive, setMeasureModeActive] = Ve.useState(initMeasureMode);
+    const [dimensions, setDimensions] = Ve.useState(null);
+    const [statusText, setStatusText] = Ve.useState('Ready');
     /* ── scene setup ── */
-    Ae.useEffect(() => {
+    Ve.useEffect(() => {
         var _a;
         const mount = mountRef.current;
         if (!mount)
@@ -261,19 +261,19 @@ function useModelViewer(props = {}) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     /* ── update grid visibility ── */
-    Ae.useEffect(() => {
+    Ve.useEffect(() => {
         if (gridRef.current)
             gridRef.current.visible = gridVisible;
     }, [gridVisible]);
     /* ── update auto-rotate ── */
-    Ae.useEffect(() => {
+    Ve.useEffect(() => {
         if (orbitRef.current) {
             orbitRef.current.autoRotate = autoRotate > 0;
             orbitRef.current.autoRotateSpeed = autoRotate;
         }
     }, [autoRotate]);
     /* ── wireframe toggle ── */
-    Ae.useEffect(() => {
+    Ve.useEffect(() => {
         if (!rootRef.current)
             return;
         rootRef.current.traverse((c) => {
@@ -288,7 +288,7 @@ function useModelViewer(props = {}) {
         });
     }, [wireframe]);
     /* ── clipping ── */
-    Ae.useEffect(() => {
+    Ve.useEffect(() => {
         const renderer = rendererRef.current;
         if (!renderer)
             return;
@@ -302,7 +302,7 @@ function useModelViewer(props = {}) {
         }
     }, [clippingEnabled, clippingPosition, clippingAxis]);
     /* ── counting helpers ── */
-    const countScene = Ae.useCallback(() => {
+    const countScene = Ve.useCallback(() => {
         let tris = 0;
         let meshes = 0;
         sceneRef.current.traverse((c) => {
@@ -319,7 +319,7 @@ function useModelViewer(props = {}) {
         setMeshCount(meshes);
     }, []);
     /* ── detect format from URL ── */
-    const detectFormat = Ae.useCallback((url, hint) => {
+    const detectFormat = Ve.useCallback((url, hint) => {
         var _a, _b, _c;
         if (hint)
             return hint;
@@ -327,7 +327,7 @@ function useModelViewer(props = {}) {
         return ext;
     }, []);
     /* ── load model ── */
-    const loadModel = Ae.useCallback(async (url, fmt) => {
+    const loadModel = Ve.useCallback(async (url, fmt) => {
         var _a, _b, _c;
         setLoading(true);
         setLoadProgress(0);
@@ -445,12 +445,12 @@ function useModelViewer(props = {}) {
         }
     }, [countScene, detectFormat, onLoad, onError, onLoadProgress, polyCount, meshCount]);
     /* ── auto-load from src ── */
-    Ae.useEffect(() => {
+    Ve.useEffect(() => {
         if (src)
             loadModel(src, format);
     }, [src, format, loadModel]);
     /* ── loadFile from disk ── */
-    const loadFile = Ae.useCallback(async (file) => {
+    const loadFile = Ve.useCallback(async (file) => {
         var _a;
         const url = URL.createObjectURL(file);
         const ext = (_a = file.name.split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
@@ -462,11 +462,11 @@ function useModelViewer(props = {}) {
         }
     }, [loadModel]);
     /* ── loadUrl ── */
-    const loadUrl = Ae.useCallback(async (url, fmt) => {
+    const loadUrl = Ve.useCallback(async (url, fmt) => {
         await loadModel(url, fmt);
     }, [loadModel]);
     /* ── animation controls ── */
-    const playAnimation = Ae.useCallback((index) => {
+    const playAnimation = Ve.useCallback((index) => {
         if (!mixerRef.current || index < 0 || index >= clipsRef.current.length)
             return;
         mixerRef.current.stopAllAction();
@@ -477,7 +477,7 @@ function useModelViewer(props = {}) {
         setIsPlaying(true);
         setAnimDuration(clip.duration);
     }, []);
-    const togglePlay = Ae.useCallback(() => {
+    const togglePlay = Ve.useCallback(() => {
         if (!mixerRef.current)
             return;
         if (isPlaying) {
@@ -491,13 +491,13 @@ function useModelViewer(props = {}) {
                 playAnimation(0);
         }
     }, [isPlaying, animSpeed, activeAnimIdx, playAnimation]);
-    const seekAnim = Ae.useCallback((t) => {
+    const seekAnim = Ve.useCallback((t) => {
         if (mixerRef.current)
             mixerRef.current.setTime(t);
         setAnimTime(t);
     }, []);
     /* ── camera presets ── */
-    const goToPreset = Ae.useCallback((preset) => {
+    const goToPreset = Ve.useCallback((preset) => {
         const cam = cameraRef.current;
         const orbit = orbitRef.current;
         if (!orbit)
@@ -509,7 +509,7 @@ function useModelViewer(props = {}) {
         cam.updateProjectionMatrix();
         orbit.update();
     }, []);
-    const resetCamera = Ae.useCallback(() => {
+    const resetCamera = Ve.useCallback(() => {
         const cam = cameraRef.current;
         cam.position.set(5, 4, 8);
         if (orbitRef.current) {
@@ -517,7 +517,7 @@ function useModelViewer(props = {}) {
             orbitRef.current.update();
         }
     }, []);
-    const zoomToFit = Ae.useCallback(() => {
+    const zoomToFit = Ve.useCallback(() => {
         if (!rootRef.current)
             return;
         const box = new THREE__namespace.Box3().setFromObject(rootRef.current);
@@ -533,7 +533,7 @@ function useModelViewer(props = {}) {
         }
     }, []);
     /* ── screenshot ── */
-    const screenshot = Ae.useCallback((width, height) => {
+    const screenshot = Ve.useCallback((width, height) => {
         const renderer = rendererRef.current;
         if (!renderer)
             return '';
@@ -554,7 +554,7 @@ function useModelViewer(props = {}) {
         return url;
     }, []);
     /* ── fullscreen ── */
-    const toggleFullscreen = Ae.useCallback(() => {
+    const toggleFullscreen = Ve.useCallback(() => {
         if (!mountRef.current)
             return;
         if (document.fullscreenElement) {
@@ -565,14 +565,14 @@ function useModelViewer(props = {}) {
         }
     }, []);
     /* ── dispose ── */
-    const dispose = Ae.useCallback(() => {
+    const dispose = Ve.useCallback(() => {
         var _a;
         disposeRef.current = true;
         cancelAnimationFrame(rafRef.current);
         (_a = rendererRef.current) === null || _a === void 0 ? void 0 : _a.dispose();
     }, []);
     /* ── finalise status text ── */
-    Ae.useEffect(() => {
+    Ve.useEffect(() => {
         if (!loading && !error && polyCount > 0) {
             setStatusText(`${polyCount.toLocaleString()} triangles · ${meshCount} meshes · ${animNames.length} animation(s)`);
         }

package/dist/cjs/particle/NiceParticleEditor.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var Ae = require('react');
+var Ve = require('react');
 var particleEditorTypes = require('./particleEditorTypes.js');
 var particleEditorUtils = require('./particleEditorUtils.js');
 var ParticleEditor_module = require('./ParticleEditor.module.css.js');
@@ -268,13 +268,13 @@ function particleEditorReducer(state, action) {
    Hook: useParticleEditor
    ═══════════════════════════════════════════════════════════════════════════ */
 function useParticleEditor(initialSystems) {
-    const [state, dispatch] = Ae.useReducer(particleEditorReducer, initialSystems, createInitialState);
+    const [state, dispatch] = Ve.useReducer(particleEditorReducer, initialSystems, createInitialState);
     return { state, dispatch };
 }
 function SystemListPanel({ systems, selectedId, onSelect, onAdd, onRemove, onDuplicate, onRename, onAddPreset, }) {
-    const [editingId, setEditingId] = Ae.useState(null);
-    const [editName, setEditName] = Ae.useState('');
-    const [showPresets, setShowPresets] = Ae.useState(false);
+    const [editingId, setEditingId] = Ve.useState(null);
+    const [editName, setEditName] = Ve.useState('');
+    const [showPresets, setShowPresets] = Ve.useState(false);
     const handleStartRename = (system) => {
         setEditingId(system.id);
         setEditName(system.name);
@@ -379,9 +379,9 @@ function Toolbar({ isPlaying, isPaused, playbackSpeed, currentTime, canUndo, can
     return (jsxRuntime.jsxs("div", { className: ParticleEditor_module.toolbar, children: [jsxRuntime.jsxs("div", { className: ParticleEditor_module.toolbarGroup, children: [jsxRuntime.jsx("button", { onClick: onNew, title: "New Project", children: "\uD83D\uDCC4" }), jsxRuntime.jsx("button", { onClick: onImport, title: "Import", children: "\uD83D\uDCC2" }), jsxRuntime.jsx("button", { onClick: onExport, title: "Export", children: "\uD83D\uDCBE" })] }), jsxRuntime.jsx("div", { className: ParticleEditor_module.toolbarSeparator }), jsxRuntime.jsxs("div", { className: ParticleEditor_module.toolbarGroup, children: [jsxRuntime.jsx("button", { onClick: onUndo, disabled: !canUndo, title: "Undo", children: "\u21A9\uFE0F" }), jsxRuntime.jsx("button", { onClick: onRedo, disabled: !canRedo, title: "Redo", children: "\u21AA\uFE0F" })] }), jsxRuntime.jsx("div", { className: ParticleEditor_module.toolbarSeparator }), jsxRuntime.jsxs("div", { className: ParticleEditor_module.toolbarGroup, children: [isPlaying && !isPaused ? (jsxRuntime.jsx("button", { onClick: onPause, title: "Pause", children: "\u23F8\uFE0F" })) : (jsxRuntime.jsx("button", { onClick: onPlay, title: "Play", children: "\u25B6\uFE0F" })), jsxRuntime.jsx("button", { onClick: onStop, title: "Stop", children: "\u23F9\uFE0F" }), jsxRuntime.jsx("button", { onClick: onRestart, title: "Restart", children: "\uD83D\uDD04" }), jsxRuntime.jsxs("select", { value: playbackSpeed, onChange: e => onSpeedChange(parseFloat(e.target.value)), className: ParticleEditor_module.speedSelect, title: "Playback Speed", children: [jsxRuntime.jsx("option", { value: 0.25, children: "0.25x" }), jsxRuntime.jsx("option", { value: 0.5, children: "0.5x" }), jsxRuntime.jsx("option", { value: 1, children: "1x" }), jsxRuntime.jsx("option", { value: 2, children: "2x" }), jsxRuntime.jsx("option", { value: 4, children: "4x" })] }), jsxRuntime.jsxs("span", { className: ParticleEditor_module.timeDisplay, children: [currentTime.toFixed(2), "s"] })] }), jsxRuntime.jsx("div", { className: ParticleEditor_module.toolbarSeparator }), jsxRuntime.jsxs("div", { className: ParticleEditor_module.toolbarGroup, children: [jsxRuntime.jsx("button", { onClick: onToggleGrid, className: showGrid ? ParticleEditor_module.active : '', title: "Toggle Grid", children: "#" }), jsxRuntime.jsx("button", { onClick: onToggleBounds, className: showBounds ? ParticleEditor_module.active : '', title: "Toggle Bounds", children: "\u2B1C" }), jsxRuntime.jsx("button", { onClick: onToggleEmitterShape, className: showEmitterShape ? ParticleEditor_module.active : '', title: "Toggle Emitter Shape", children: "\uD83D\uDD36" })] }), jsxRuntime.jsx("div", { className: ParticleEditor_module.toolbarSeparator }), jsxRuntime.jsx("div", { className: ParticleEditor_module.toolbarGroup, children: ['3d', 'top', 'side', 'front'].map(mode => (jsxRuntime.jsx("button", { onClick: () => onViewModeChange(mode), className: viewMode === mode ? ParticleEditor_module.active : '', title: mode.toUpperCase(), children: mode === '3d' ? '🎥' : mode.charAt(0).toUpperCase() }, mode))) })] }));
 }
 function PreviewPanel({ systems, isPlaying, isPaused, currentTime, showGrid, showEmitterShape, }) {
-    const canvasRef = Ae.useRef(null);
+    const canvasRef = Ve.useRef(null);
     // Simple preview rendering (placeholder - real implementation would use Three.js)
-    Ae.useEffect(() => {
+    Ve.useEffect(() => {
         const canvas = canvasRef.current;
         if (!canvas)
             return;
@@ -448,14 +448,14 @@ function PreviewPanel({ systems, isPlaying, isPaused, currentTime, showGrid, sho
    ═══════════════════════════════════════════════════════════════════════════ */
 function NiceParticleEditor({ systems: initialSystems, onSystemsChange, onPlay, onPause, onStop, customTextures, customMeshes, width = '100%', height = '600px', readOnly = false, showToolbar = true, showSystemList = true, showInspector = true, showPreview = true, showTimeline = true, theme = 'dark', className, }) {
     const { state, dispatch } = useParticleEditor(initialSystems);
-    const animationFrameRef = Ae.useRef();
-    const selectedSystem = Ae.useMemo(() => state.systems.find(s => s.id === state.selectedSystemId) || null, [state.systems, state.selectedSystemId]);
+    const animationFrameRef = Ve.useRef();
+    const selectedSystem = Ve.useMemo(() => state.systems.find(s => s.id === state.selectedSystemId) || null, [state.systems, state.selectedSystemId]);
     // Notify parent of changes
-    Ae.useEffect(() => {
+    Ve.useEffect(() => {
         onSystemsChange === null || onSystemsChange === void 0 ? void 0 : onSystemsChange(state.systems);
     }, [state.systems, onSystemsChange]);
     // Animation loop
-    Ae.useEffect(() => {
+    Ve.useEffect(() => {
         if (!state.isPlaying || state.isPaused)
             return;
         let lastTime = performance.now();

package/dist/cjs/rendering/NiceCascadedShadows.js

@@ -2,7 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var THREE = require('three');
-var Ae = require('react');
+var Ve = require('react');
 
 function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -85,16 +85,16 @@ const DEFAULT_CSM = {
     cascadeOverrides: [],
 };
 function useCSM(scene, camera, configOverride) {
-    const [config, setConfigState] = Ae.useState({ ...DEFAULT_CSM, ...configOverride });
-    const [showDebug, setShowDebug] = Ae.useState(false);
-    const [cascadeSplits, setCascadeSplits] = Ae.useState([]);
-    const lightsRef = Ae.useRef([]);
-    const debugGroup = Ae.useRef(new THREE__namespace.Group());
-    const setConfig = Ae.useCallback((partial) => {
+    const [config, setConfigState] = Ve.useState({ ...DEFAULT_CSM, ...configOverride });
+    const [showDebug, setShowDebug] = Ve.useState(false);
+    const [cascadeSplits, setCascadeSplits] = Ve.useState([]);
+    const lightsRef = Ve.useRef([]);
+    const debugGroup = Ve.useRef(new THREE__namespace.Group());
+    const setConfig = Ve.useCallback((partial) => {
         setConfigState((prev) => ({ ...prev, ...partial }));
     }, []);
     // Create/update cascade lights
-    Ae.useEffect(() => {
+    Ve.useEffect(() => {
         var _a, _b, _c, _d, _e;
         if (!scene || !camera)
             return;
@@ -161,7 +161,7 @@ function useCSM(scene, camera, configOverride) {
         };
     }, [scene, camera, config]);
     // Debug visualization
-    Ae.useEffect(() => {
+    Ve.useEffect(() => {
         if (!scene)
             return;
         debugGroup.current.name = '__csm_debug__';
@@ -196,7 +196,7 @@ function useCSM(scene, camera, configOverride) {
         }
         return () => scene.remove(debugGroup.current);
     }, [scene, camera, showDebug, cascadeSplits]);
-    const update = Ae.useCallback(() => {
+    const update = Ve.useCallback(() => {
         var _a;
         if (!camera || !scene)
             return;
@@ -228,7 +228,7 @@ function useCSM(scene, camera, configOverride) {
             prevSplit = cascadeFar;
         }
     }, [camera, scene, config]);
-    const dispose = Ae.useCallback(() => {
+    const dispose = Ve.useCallback(() => {
         var _a;
         if (!scene)
             return;
@@ -254,7 +254,7 @@ function useCSM(scene, camera, configOverride) {
 /* ── Component ── */
 const NiceCascadedShadows = ({ scene, camera, config: configProp, showDebug: initialDebug, className = '', }) => {
     const { config, setConfig, cascadeSplits, showDebug, setShowDebug } = useCSM(scene, camera, configProp);
-    Ae.useEffect(() => {
+    Ve.useEffect(() => {
         if (initialDebug !== undefined)
             setShowDebug(initialDebug);
     }, [initialDebug, setShowDebug]);

package/dist/cjs/rendering/NiceRenderExport.js

@@ -2,7 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var THREE = require('three');
-var Ae = require('react');
+var Ve = require('react');
 
 function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -205,12 +205,12 @@ const DEFAULT_CONFIG = {
     includeAlpha: true,
 };
 function useRenderExport(renderer, scene, camera) {
-    const [config, setConfigState] = Ae.useState(DEFAULT_CONFIG);
-    const [isRendering, setIsRendering] = Ae.useState(false);
-    const setConfig = Ae.useCallback((partial) => {
+    const [config, setConfigState] = Ve.useState(DEFAULT_CONFIG);
+    const [isRendering, setIsRendering] = Ve.useState(false);
+    const setConfig = Ve.useCallback((partial) => {
         setConfigState((prev) => ({ ...prev, ...partial }));
     }, []);
-    const render = Ae.useCallback(async () => {
+    const render = Ve.useCallback(async () => {
         if (!renderer || !scene || !camera)
             return null;
         setIsRendering(true);

package/dist/cjs/rendering/NiceSSAO.js

@@ -2,7 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var THREE = require('three');
-var Ae = require('react');
+var Ve = require('react');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -203,22 +203,22 @@ const DEFAULT_SSAO = {
     maxDistance: 10,
 };
 function useSSAO(renderer, scene, camera, configOverride) {
-    const [config, setConfigState] = Ae.useState({ ...DEFAULT_SSAO, ...configOverride });
-    const [aoRenderTarget, setAoRenderTarget] = Ae.useState(null);
-    const depthRT = Ae.useRef(null);
-    const blurRT = Ae.useRef(null);
-    const ssaoMaterial = Ae.useRef(null);
-    const blurMaterial = Ae.useRef(null);
-    const noiseTexture = Ae.useRef(generateNoiseTexture());
-    const kernel = Ae.useRef(generateSSAOKernel(128));
-    const orthoScene = Ae.useRef(new THREE__namespace.Scene());
-    const orthoCamera = Ae.useRef(new THREE__namespace.OrthographicCamera(-1, 1, 1, -1, 0, 1));
-    const quadRef = Ae.useRef(null);
-    const setConfig = Ae.useCallback((partial) => {
+    const [config, setConfigState] = Ve.useState({ ...DEFAULT_SSAO, ...configOverride });
+    const [aoRenderTarget, setAoRenderTarget] = Ve.useState(null);
+    const depthRT = Ve.useRef(null);
+    const blurRT = Ve.useRef(null);
+    const ssaoMaterial = Ve.useRef(null);
+    const blurMaterial = Ve.useRef(null);
+    const noiseTexture = Ve.useRef(generateNoiseTexture());
+    const kernel = Ve.useRef(generateSSAOKernel(128));
+    const orthoScene = Ve.useRef(new THREE__namespace.Scene());
+    const orthoCamera = Ve.useRef(new THREE__namespace.OrthographicCamera(-1, 1, 1, -1, 0, 1));
+    const quadRef = Ve.useRef(null);
+    const setConfig = Ve.useCallback((partial) => {
         setConfigState((prev) => ({ ...prev, ...partial }));
     }, []);
     // Setup
-    Ae.useEffect(() => {
+    Ve.useEffect(() => {
         if (!renderer || !camera)
             return;
         const width = Math.floor(renderer.domElement.width * config.resolution);
@@ -300,7 +300,7 @@ function useSSAO(renderer, scene, camera, configOverride) {
         };
     }, [renderer, camera, config.resolution]);
     // Update uniforms
-    Ae.useEffect(() => {
+    Ve.useEffect(() => {
         if (!ssaoMaterial.current)
             return;
         const u = ssaoMaterial.current.uniforms;
@@ -311,12 +311,12 @@ function useSSAO(renderer, scene, camera, configOverride) {
         u.minDistance.value = config.minDistance;
         u.maxDistance.value = config.maxDistance;
     }, [config]);
-    Ae.useEffect(() => {
+    Ve.useEffect(() => {
         if (!blurMaterial.current)
             return;
         blurMaterial.current.uniforms.blurSize.value = config.blurSize;
     }, [config.blurSize]);
-    const update = Ae.useCallback(() => {
+    const update = Ve.useCallback(() => {
         if (!renderer || !scene || !camera || !config.enabled)
             return;
         if (!depthRT.current || !aoRenderTarget || !quadRef.current)
@@ -337,7 +337,7 @@ function useSSAO(renderer, scene, camera, configOverride) {
         }
         renderer.setRenderTarget(null);
     }, [renderer, scene, camera, config.enabled, config.blurEnabled, aoRenderTarget]);
-    const dispose = Ae.useCallback(() => {
+    const dispose = Ve.useCallback(() => {
         var _a, _b, _c, _d, _e;
         (_a = depthRT.current) === null || _a === void 0 ? void 0 : _a.dispose();
         aoRenderTarget === null || aoRenderTarget === void 0 ? void 0 : aoRenderTarget.dispose();

package/dist/cjs/rendering/NiceSSR.js

@@ -2,7 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var THREE = require('three');
-var Ae = require('react');
+var Ve = require('react');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -147,19 +147,19 @@ const DEFAULT_SSR = {
     fresnelExponent: 3.0,
 };
 function useSSR(renderer, scene, camera, configOverride) {
-    const [config, setConfigState] = Ae.useState({ ...DEFAULT_SSR, ...configOverride });
-    const [renderTarget, setRenderTarget] = Ae.useState(null);
-    const depthTarget = Ae.useRef(null);
-    const normalTarget = Ae.useRef(null);
-    const ssrMaterial = Ae.useRef(null);
-    const fullScreenQuad = Ae.useRef(null);
-    const orthoScene = Ae.useRef(new THREE__namespace.Scene());
-    const orthoCamera = Ae.useRef(new THREE__namespace.OrthographicCamera(-1, 1, 1, -1, 0, 1));
-    const setConfig = Ae.useCallback((partial) => {
+    const [config, setConfigState] = Ve.useState({ ...DEFAULT_SSR, ...configOverride });
+    const [renderTarget, setRenderTarget] = Ve.useState(null);
+    const depthTarget = Ve.useRef(null);
+    const normalTarget = Ve.useRef(null);
+    const ssrMaterial = Ve.useRef(null);
+    const fullScreenQuad = Ve.useRef(null);
+    const orthoScene = Ve.useRef(new THREE__namespace.Scene());
+    const orthoCamera = Ve.useRef(new THREE__namespace.OrthographicCamera(-1, 1, 1, -1, 0, 1));
+    const setConfig = Ve.useCallback((partial) => {
         setConfigState((prev) => ({ ...prev, ...partial }));
     }, []);
     // Setup render targets and shader
-    Ae.useEffect(() => {
+    Ve.useEffect(() => {
         if (!renderer || !camera)
             return;
         const width = Math.floor(renderer.domElement.width * config.resolution);
@@ -226,7 +226,7 @@ function useSSR(renderer, scene, camera, configOverride) {
         };
     }, [renderer, camera, config.resolution]);
     // Update uniforms when config changes
-    Ae.useEffect(() => {
+    Ve.useEffect(() => {
         if (!ssrMaterial.current)
             return;
         const u = ssrMaterial.current.uniforms;
@@ -237,7 +237,7 @@ function useSSR(renderer, scene, camera, configOverride) {
         u.intensity.value = config.intensity;
         u.fresnelExponent.value = config.fresnelExponent;
     }, [config]);
-    const update = Ae.useCallback(() => {
+    const update = Ve.useCallback(() => {
         if (!renderer || !scene || !camera || !config.enabled)
             return;
         if (!renderTarget || !depthTarget.current)
@@ -257,7 +257,7 @@ function useSSR(renderer, scene, camera, configOverride) {
         renderer.setRenderTarget(null);
         renderer.render(orthoScene.current, orthoCamera.current);
     }, [renderer, scene, camera, config.enabled, renderTarget]);
-    const dispose = Ae.useCallback(() => {
+    const dispose = Ve.useCallback(() => {
         var _a, _b, _c;
         renderTarget === null || renderTarget === void 0 ? void 0 : renderTarget.dispose();
         (_a = depthTarget.current) === null || _a === void 0 ? void 0 : _a.dispose();

package/dist/cjs/rendering/NiceWebGPURenderer.js

@@ -2,7 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var THREE = require('three');
-var Ae = require('react');
+var Ve = require('react');
 
 function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -54,17 +54,17 @@ async function detectWebGPU() {
 }
 /* ── Hook ── */
 function useWebGPURenderer(canvas, scene, camera, width = 800, height = 600, onRendererReady) {
-    const [renderer, setRenderer] = Ae.useState(null);
-    const [isWebGPU, setIsWebGPU] = Ae.useState(false);
-    const [capabilities, setCapabilities] = Ae.useState(null);
-    const [isReady, setIsReady] = Ae.useState(false);
-    const [toneMapping, setToneMappingState] = Ae.useState(THREE__namespace.ACESFilmicToneMapping);
-    const [toneMappingExposure, setToneMappingExposureState] = Ae.useState(1.0);
-    const [outputColorSpace, setOutputColorSpaceState] = Ae.useState(THREE__namespace.SRGBColorSpace);
-    const [pixelRatio, setPixelRatioState] = Ae.useState(typeof window !== 'undefined' ? window.devicePixelRatio : 1);
-    const rendererRef = Ae.useRef(null);
+    const [renderer, setRenderer] = Ve.useState(null);
+    const [isWebGPU, setIsWebGPU] = Ve.useState(false);
+    const [capabilities, setCapabilities] = Ve.useState(null);
+    const [isReady, setIsReady] = Ve.useState(false);
+    const [toneMapping, setToneMappingState] = Ve.useState(THREE__namespace.ACESFilmicToneMapping);
+    const [toneMappingExposure, setToneMappingExposureState] = Ve.useState(1.0);
+    const [outputColorSpace, setOutputColorSpaceState] = Ve.useState(THREE__namespace.SRGBColorSpace);
+    const [pixelRatio, setPixelRatioState] = Ve.useState(typeof window !== 'undefined' ? window.devicePixelRatio : 1);
+    const rendererRef = Ve.useRef(null);
     // Initialize renderer
-    Ae.useEffect(() => {
+    Ve.useEffect(() => {
         if (!canvas)
             return;
         let disposed = false;
@@ -131,44 +131,44 @@ function useWebGPURenderer(canvas, scene, camera, width = 800, height = 600, onR
         };
     }, [canvas]);
     // Update renderer settings reactively
-    Ae.useEffect(() => {
+    Ve.useEffect(() => {
         if (!rendererRef.current)
             return;
         rendererRef.current.toneMapping = toneMapping;
     }, [toneMapping]);
-    Ae.useEffect(() => {
+    Ve.useEffect(() => {
         if (!rendererRef.current)
             return;
         rendererRef.current.toneMappingExposure = toneMappingExposure;
     }, [toneMappingExposure]);
-    Ae.useEffect(() => {
+    Ve.useEffect(() => {
         if (!rendererRef.current)
             return;
         rendererRef.current.outputColorSpace = outputColorSpace;
     }, [outputColorSpace]);
-    Ae.useEffect(() => {
+    Ve.useEffect(() => {
         if (!rendererRef.current)
             return;
         rendererRef.current.setPixelRatio(pixelRatio);
     }, [pixelRatio]);
-    Ae.useEffect(() => {
+    Ve.useEffect(() => {
         if (!rendererRef.current)
             return;
         rendererRef.current.setSize(width, height);
     }, [width, height]);
-    const setToneMapping = Ae.useCallback((m) => {
+    const setToneMapping = Ve.useCallback((m) => {
         setToneMappingState(m);
     }, []);
-    const setToneMappingExposure = Ae.useCallback((e) => {
+    const setToneMappingExposure = Ve.useCallback((e) => {
         setToneMappingExposureState(e);
     }, []);
-    const setOutputColorSpace = Ae.useCallback((s) => {
+    const setOutputColorSpace = Ve.useCallback((s) => {
         setOutputColorSpaceState(s);
     }, []);
-    const setPixelRatio = Ae.useCallback((r) => {
+    const setPixelRatio = Ve.useCallback((r) => {
         setPixelRatioState(r);
     }, []);
-    const dispose = Ae.useCallback(() => {
+    const dispose = Ve.useCallback(() => {
         var _a;
         (_a = rendererRef.current) === null || _a === void 0 ? void 0 : _a.dispose();
         rendererRef.current = null;