@nice2dev/ui-3d 1.1.9 → 1.2.0

package/dist/esm/model/useModelEditor.js

@@ -21,6 +21,7 @@ import { STLLoader } from 'three/examples/jsm/loaders/STLLoader.js';
 import { SVGLoader } from 'three/examples/jsm/loaders/SVGLoader.js';
 import { TDSLoader } from 'three/examples/jsm/loaders/TDSLoader.js';
 import { VTKLoader } from 'three/examples/jsm/loaders/VTKLoader.js';
+import { createFrameClock, SOFT_SHADOW_MAP } from '../core/threeCompat.js';
 import { SUPPORTED_EXTENSIONS, pose3dToClip } from './modelEditorTypes.js';
 import { UndoRedoStack, createMaterialFromPreset, generateLOD, convertToInstanced, applyHDRIPreset, snapMulti, HDRI_PRESETS, PBR_PRESETS } from './modelEditorUtils.js';
 
@@ -52,6 +53,7 @@ function findNodeById(nodes, id) {
    Hook
    ═══════════════════════════════════════════ */
 function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
+    var _a;
     /* ── refs ── */
     const mountRef = useRef(null);
     const rendererRef = useRef(null);
@@ -59,7 +61,9 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
     const cameraRef = useRef(new THREE.PerspectiveCamera(50, 1, 0.01, 10000));
     const orbitRef = useRef(null);
     const transformRef = useRef(null);
-    const clockRef = useRef(new THREE.Clock());
+    // Created once: useRef's argument runs on every render, and three r183 warns per Clock.
+    const clockRef = useRef(null);
+    (_a = clockRef.current) !== null && _a !== void 0 ? _a : (clockRef.current = createFrameClock());
     const mixerRef = useRef(null);
     const rafRef = useRef(0);
     const fileInputRef = useRef(null);
@@ -139,7 +143,7 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         const renderer = new THREE.WebGLRenderer({ antialias: true, alpha: false });
         renderer.setPixelRatio(window.devicePixelRatio);
         renderer.shadowMap.enabled = true;
-        renderer.shadowMap.type = THREE.PCFSoftShadowMap;
+        renderer.shadowMap.type = SOFT_SHADOW_MAP;
         renderer.toneMapping = THREE.ACESFilmicToneMapping;
         renderer.toneMappingExposure = 1.2;
         renderer.outputColorSpace = THREE.SRGBColorSpace;
@@ -222,8 +226,9 @@ function useModelEditor({ onSaveToLibrary, onAIPoseVideo, }) {
         onResize();
         // Animation loop
         const animate = () => {
+            var _a, _b;
             rafRef.current = requestAnimationFrame(animate);
-            const dt = clockRef.current.getDelta();
+            const dt = (_b = (_a = clockRef.current) === null || _a === void 0 ? void 0 : _a.getDelta()) !== null && _b !== void 0 ? _b : 0;
             orbit.update();
             // Update mixer
             if (mixerRef.current && isPlayingRef.current) {

package/dist/esm/model/useModelViewer.js

@@ -8,6 +8,7 @@ import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';
 import { OBJLoader } from 'three/examples/jsm/loaders/OBJLoader.js';
 import { PLYLoader } from 'three/examples/jsm/loaders/PLYLoader.js';
 import { STLLoader } from 'three/examples/jsm/loaders/STLLoader.js';
+import { createFrameClock, SOFT_SHADOW_MAP } from '../core/threeCompat.js';
 
 /**
  * useModelViewer — lightweight hook for the view-only 3D model viewer.
@@ -39,6 +40,7 @@ const TONE_MAP = {
    Hook
    ═══════════════════════════════════════════ */
 function useModelViewer(props = {}) {
+    var _a;
     const { src, format, navigationMode: initNavMode = 'orbit', quality = 'high', autoRotateSpeed: initAutoRotate = 0, backgroundColor = 'var(--nice-bg, #1a1a2e)', showGrid: initShowGrid = true, shadows = true, gamepad = false, cameraPresets: _cameraPresets = [], annotations: _annotations = [], hotspots: _hotspots = [], floorPlans: _floorPlans = [], onHotspotClick: _onHotspotClick, onAnnotationClick: _onAnnotationClick, onLoadProgress, onLoad, onError, clippingPlanes = [], measureMode: initMeasureMode = false, measurements: _measurements = [], onMeasure: _onMeasure, minDistance = 0.1, maxDistance = 1000, fov = 50, vr: _vr = false, walkSpeed = 5, ambientIntensity = 0.5, directionalIntensity = 0.8, antiAlias = true, toneMapping = 'aces', exposure = 1, } = props;
     /* ── refs ── */
     const mountRef = useRef(null);
@@ -46,7 +48,9 @@ function useModelViewer(props = {}) {
     const sceneRef = useRef(new THREE.Scene());
     const cameraRef = useRef(new THREE.PerspectiveCamera(fov, 1, 0.01, 10000));
     const orbitRef = useRef(null);
-    const clockRef = useRef(new THREE.Clock());
+    // Created once: useRef's argument runs on every render, and three r183 warns per Clock.
+    const clockRef = useRef(null);
+    (_a = clockRef.current) !== null && _a !== void 0 ? _a : (clockRef.current = createFrameClock());
     const mixerRef = useRef(null);
     const rafRef = useRef(0);
     const rootRef = useRef(null);
@@ -102,7 +106,7 @@ function useModelViewer(props = {}) {
         renderer.outputColorSpace = THREE.SRGBColorSpace;
         if (shadows) {
             renderer.shadowMap.enabled = true;
-            renderer.shadowMap.type = THREE.PCFSoftShadowMap;
+            renderer.shadowMap.type = SOFT_SHADOW_MAP;
         }
         mount.appendChild(renderer.domElement);
         rendererRef.current = renderer;
@@ -156,20 +160,20 @@ function useModelViewer(props = {}) {
         ro.observe(mount);
         // Animation loop
         const animate = () => {
-            var _a, _b, _c, _d, _e;
+            var _a, _b, _c, _d, _e, _f, _g;
             if (disposeRef.current) {
                 return;
             }
             rafRef.current = requestAnimationFrame(animate);
-            const dt = clockRef.current.getDelta();
+            const dt = (_b = (_a = clockRef.current) === null || _a === void 0 ? void 0 : _a.getDelta()) !== null && _b !== void 0 ? _b : 0;
             // Gamepad FPS-style nav
             if (gamepad && navMode === 'fps') {
-                const pads = (_a = navigator.getGamepads) === null || _a === void 0 ? void 0 : _a.call(navigator);
-                const gp = (_b = pads === null || pads === void 0 ? void 0 : pads[0]) !== null && _b !== void 0 ? _b : null;
+                const pads = (_c = navigator.getGamepads) === null || _c === void 0 ? void 0 : _c.call(navigator);
+                const gp = (_d = pads === null || pads === void 0 ? void 0 : pads[0]) !== null && _d !== void 0 ? _d : null;
                 if (gp) {
-                    const lx = (_c = gp.axes[0]) !== null && _c !== void 0 ? _c : 0;
-                    const ly = (_d = gp.axes[1]) !== null && _d !== void 0 ? _d : 0;
-                    const rx = (_e = gp.axes[2]) !== null && _e !== void 0 ? _e : 0;
+                    const lx = (_e = gp.axes[0]) !== null && _e !== void 0 ? _e : 0;
+                    const ly = (_f = gp.axes[1]) !== null && _f !== void 0 ? _f : 0;
+                    const rx = (_g = gp.axes[2]) !== null && _g !== void 0 ? _g : 0;
                     const fwd = new THREE.Vector3();
                     camera.getWorldDirection(fwd);
                     fwd.y = 0;

package/dist/esm/rendering/NiceRenderExport.js

@@ -320,13 +320,13 @@ const NiceRenderExport = ({ renderer, scene, camera, className = '', }) => {
                             ? 'var(--nice-color-accent, #6366f1)'
                             : 'transparent',
                         color: config.width === p.width && config.height === p.height
-                            ? 'var(--nice-text-on-primary, #fff)'
+                            ? 'var(--nice-color-white, #fff)'
                             : 'inherit',
                     }, children: p.label }, p.label))) }), jsxs("div", { style: { display: 'flex', gap: 4, alignItems: 'center' }, children: [jsx("input", { type: "number", value: config.width, min: 1, max: 8192, onChange: (e) => setConfig({ width: parseInt(e.target.value, 10) || 1 }), style: { width: 70, padding: '3px 6px' } }), jsx("span", { children: "\u00D7" }), jsx("input", { type: "number", value: config.height, min: 1, max: 8192, onChange: (e) => setConfig({ height: parseInt(e.target.value, 10) || 1 }), style: { width: 70, padding: '3px 6px' } })] }), jsxs("label", { children: ["Format:", jsxs("select", { value: config.format, onChange: (e) => setConfig({ format: e.target.value }), style: { width: '100%', marginTop: 2 }, children: [jsx("option", { value: "png", children: "PNG (lossless + alpha)" }), jsx("option", { value: "jpeg", children: "JPEG (lossy, no alpha)" }), jsx("option", { value: "exr", children: "EXR (HDR float)" })] })] }), jsxs("label", { children: ["Background:", jsxs("select", { value: config.backgroundMode, onChange: (e) => setConfig({ backgroundMode: e.target.value }), style: { width: '100%', marginTop: 2 }, children: [jsx("option", { value: "transparent", children: "Transparent" }), jsx("option", { value: "color", children: "Solid Color" }), jsx("option", { value: "scene", children: "Scene Background" })] })] }), config.backgroundMode === 'color' && (jsxs("label", { style: { display: 'flex', alignItems: 'center', gap: 6 }, children: ["Color:", jsx("input", { type: "color", value: config.backgroundColor, onChange: (e) => setConfig({ backgroundColor: e.target.value }) })] })), jsxs("label", { children: ["Supersampling: ", config.samples, "x", jsxs("select", { value: config.samples, onChange: (e) => setConfig({ samples: parseInt(e.target.value, 10) }), style: { width: '100%', marginTop: 2 }, children: [jsx("option", { value: 1, children: "1x (none)" }), jsx("option", { value: 2, children: "2x" }), jsx("option", { value: 4, children: "4x (best quality)" })] })] }), jsx("button", { type: "button", onClick: handleRender, disabled: isRendering, style: {
                     background: isRendering
                         ? 'var(--nice-bg-tertiary, #94a3b8)'
                         : 'var(--nice-color-accent, #6366f1)',
-                    color: 'var(--nice-text-on-primary, #fff)',
+                    color: 'var(--nice-color-white, #fff)',
                     border: 'none',
                     borderRadius: 4,
                     padding: '8px 12px',

package/dist/esm/rendering/NiceWebGPURenderer.js

@@ -2,6 +2,7 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { NiceIcon } from '@nice2dev/ui';
 import { useState, useRef, useEffect, useCallback } from 'react';
 import * as THREE from 'three';
+import { SOFT_SHADOW_MAP } from '../core/threeCompat.js';
 
 /* ── WebGPU detection ── */
 async function detectWebGPU() {
@@ -116,7 +117,7 @@ function useWebGPURenderer(canvas, scene, camera, width = 800, height = 600, onR
             r.toneMappingExposure = toneMappingExposure;
             r.outputColorSpace = outputColorSpace;
             r.shadowMap.enabled = true;
-            r.shadowMap.type = THREE.PCFSoftShadowMap;
+            r.shadowMap.type = SOFT_SHADOW_MAP;
             rendererRef.current = r;
             setRenderer(r);
             setIsWebGPU(usingWebGPU);
@@ -214,7 +215,7 @@ const NiceWebGPURenderer = ({ canvas, scene, camera, width, height, onRendererRe
                             padding: '2px 6px',
                             borderRadius: 4,
                             background: isWebGPU ? 'var(--nice-success, #22c55e)' : 'var(--nice-warning, #f59e0b)',
-                            color: 'var(--nice-text-on-primary, #fff)',
+                            color: 'var(--nice-color-white, #fff)',
                         }, children: isWebGPU ? 'WebGPU' : 'WebGL' })] }), !isReady && jsx("div", { style: { opacity: 0.6, fontSize: 11 }, children: "Initializing\u2026" }), capabilities && (jsxs("div", { style: { fontSize: 10, opacity: 0.7, lineHeight: 1.5 }, children: ["GPU: ", capabilities.adapterName, jsx("br", {}), "Vendor: ", capabilities.vendor, jsx("br", {}), "Max Texture: ", capabilities.maxTextureDimension2D, "px", capabilities.features.length > 0 && (jsxs(Fragment, { children: [jsx("br", {}), "Features: ", capabilities.features.length] }))] })), jsxs("label", { children: ["Tone Mapping:", jsx("select", { value: toneMapping, onChange: (e) => setToneMapping(parseInt(e.target.value, 10)), style: { width: '100%', marginTop: 2 }, children: TONE_MAPPINGS.map((tm) => (jsx("option", { value: tm.value, children: tm.label }, tm.value))) })] }), jsxs("label", { children: ["Exposure: ", toneMappingExposure.toFixed(2), jsx("input", { type: "range", min: 0.1, max: 3, step: 0.05, value: toneMappingExposure, onChange: (e) => setToneMappingExposure(parseFloat(e.target.value)), style: { width: '100%' } })] }), jsxs("label", { children: ["Output Color Space:", jsxs("select", { value: outputColorSpace, onChange: (e) => setOutputColorSpace(e.target.value), style: { width: '100%', marginTop: 2 }, children: [jsx("option", { value: THREE.SRGBColorSpace, children: "sRGB" }), jsx("option", { value: THREE.LinearSRGBColorSpace, children: "Linear sRGB" })] })] }), jsxs("label", { children: ["Pixel Ratio: ", pixelRatio.toFixed(1), jsx("input", { type: "range", min: 0.5, max: 3, step: 0.5, value: pixelRatio, onChange: (e) => setPixelRatio(parseFloat(e.target.value)), style: { width: '100%' } })] })] }));
 };
 

package/dist/types/core/threeCompat.d.ts

@@ -0,0 +1,14 @@
+/**
+ * three.js r183 deprecated `Clock` (for `Timer`) and folds `PCFSoftShadowMap` into
+ * `PCFShadowMap`; both log a console warning there. The peer range starts at r150, which has
+ * neither `Timer` in its core nor the softer `PCFShadowMap`, so the choice follows the revision.
+ */
+import * as THREE from 'three';
+/** Soft shadows without the r183 deprecation warning; older three keeps `PCFSoftShadowMap`. */
+export declare const SOFT_SHADOW_MAP: THREE.ShadowMapType;
+/** Seconds since the previous call — what an animation loop feeds its mixer. */
+export interface FrameClock {
+    getDelta(): number;
+}
+/** `Timer` where three has deprecated `Clock`, `Clock` before. */
+export declare function createFrameClock(): FrameClock;

package/dist/types/dance/PoseDetector.d.ts

@@ -1,8 +1,17 @@
 import React from 'react';
-import type { Pose3DFrame } from '../model/modelEditorTypes';
+import type { PosePerson3D, Pose3DFrame } from '../model/modelEditorTypes';
 export type PoseBackend = 'mediapipe' | 'tfjs';
+/**
+ * Finds the people in one video frame; the model is yours — TF.js pose-detection (MoveNet,
+ * BlazePose), MediaPipe Pose Landmarker… Return keypoints in video pixels, named as in COCO-17
+ * (`nose`, `left_shoulder`, `right_ankle`, …): the overlay connects them by name. It may be
+ * async; the next detection waits for it.
+ */
+export type NicePoseDetectorFn = (video: HTMLVideoElement, timestampMs: number) => PosePerson3D[] | Promise<PosePerson3D[]>;
 export interface NicePoseDetectorConfig {
-    /** Detection backend */
+    /** Finds the poses in each frame. Without it the camera runs, but nothing is detected. */
+    detector?: NicePoseDetectorFn;
+    /** Which backend your `detector` uses — informational; the component loads no model. */
     backend?: PoseBackend;
     /** Maximum number of persons to track */
     maxPersons?: number;
@@ -17,8 +26,6 @@ export interface NicePoseDetectorConfig {
     /** Show confidence dots on keypoints */
     showConfidence?: boolean;
 }
-/** @deprecated Use NicePoseDetectorConfig */
-export type PoseDetectorConfig = NicePoseDetectorConfig;
 export interface NicePoseDetectorHandle {
     /** Start detection */
     start(): void;
@@ -29,8 +36,6 @@ export interface NicePoseDetectorHandle {
     /** Check if actively detecting */
     readonly isDetecting: boolean;
 }
-/** @deprecated Use NicePoseDetectorHandle */
-export type PoseDetectorHandle = NicePoseDetectorHandle;
 export interface NicePoseDetectorProps extends NicePoseDetectorConfig {
     /** Called each frame with detected poses */
     onFrame?: (frame: Pose3DFrame) => void;
@@ -38,7 +43,7 @@ export interface NicePoseDetectorProps extends NicePoseDetectorConfig {
     onStart?: () => void;
     /** Called when detection stops */
     onStop?: () => void;
-    /** Called on error */
+    /** Called when the camera cannot start or the detector fails (detection then stops) */
     onError?: (error: Error) => void;
     /** CSS class for the container */
     className?: string;
@@ -49,14 +54,10 @@ export interface NicePoseDetectorProps extends NicePoseDetectorConfig {
     /** Height of the video feed */
     height?: number;
 }
-/** @deprecated Use NicePoseDetectorProps */
-export type PoseDetectorProps = NicePoseDetectorProps;
-export declare function usePoseDetection(config?: PoseDetectorConfig): {
-    start: (video: HTMLVideoElement, onFrame?: (frame: Pose3DFrame) => void) => Promise<void>;
+export declare function usePoseDetection(config?: NicePoseDetectorConfig): {
+    start: (video: HTMLVideoElement, onFrame?: (frame: Pose3DFrame) => void, onError?: (error: Error) => void) => Promise<void>;
     stop: () => void;
     isDetecting: boolean;
     getLatestFrame: () => Pose3DFrame | null;
 };
 export declare const NicePoseDetector: React.ForwardRefExoticComponent<NicePoseDetectorProps & React.RefAttributes<NicePoseDetectorHandle>>;
-/** @deprecated Use NicePoseDetector */
-export declare const PoseDetector: React.ForwardRefExoticComponent<NicePoseDetectorProps & React.RefAttributes<NicePoseDetectorHandle>>;

package/dist/types/index.d.ts

@@ -2,11 +2,11 @@
  * @nice2dev/ui-3d — Public API
  *
  * Tree-shakeable exports. Import only what you need:
- *   import { ModelEditor } from '@nice2dev/ui-3d';
+ *   import { NiceModelEditor } from '@nice2dev/ui-3d';
  *   import { NiceI18nProvider } from '@nice2dev/ui-3d';
  */
-export { NiceModelEditor, ModelEditor, type NiceModelEditorProps, type ModelEditorProps, } from './model/ModelEditor';
-export { NiceModelViewer, ModelViewer, type NiceModelViewerProps, type ModelViewerProps, } from './model/ModelViewer';
+export { NiceModelEditor, type NiceModelEditorProps } from './model/ModelEditor';
+export { NiceModelViewer, type NiceModelViewerProps } from './model/ModelViewer';
 export { type CADTool, type CADSnapMode, type CADUnit, type CADGridConfig, type WallSegment, type WallOpening, type FloorPlan, type RoomDefinition, type RoomType, type StairConfig, type Annotation, type CADSettings, type DXFEntity, DEFAULT_CAD_SETTINGS, UNIT_SCALES, ROOM_COLORS, WALL_MATERIALS, FLOOR_MATERIALS, createCADGrid, snapToCADGrid, } from './model/cadModeUtils';
 export { type FurnitureCategory, type FurnitureItem, type PlacedFurniture, type RoomLayout, type SimsTool, type SimsState, FURNITURE_CATALOG, FURNITURE_CATEGORIES, ROOM_PRESETS, createFurnitureMesh, placeFurnitureInScene, removeFurnitureFromScene, rotatePlacedItem, resizePlacedItem, createDragPreview, getFloorIntersection, checkFurnitureCollision, applyRoomLayout, calculateBudget, } from './model/simsModeUtils';
 export { useModelEditor } from './model/useModelEditor';
@@ -15,7 +15,7 @@ export { NiceI18nProvider, useNiceTranslation, type NiceTranslateFn, type NiceI1
 export { UndoRedoStack, type UndoAction, PBR_PRESETS, type PBRPreset, applyPBRPreset, createMaterialFromPreset, generateLOD, type LODLevel, convertToInstanced, countTriangles, computeSceneBounds, measureDistance, measureAngle, type Measurement, HDRI_PRESETS, type HDRIPreset, applyHDRIPreset, snapToGrid, snapToVertex, snapToEdge, snapMulti, type SnapTarget, type SnapResult, evaluateTrack, setKeyframe, removeKeyframe, toThreeKeyframeTrack, createAnimationClip, type Keyframe, type KeyframeTrack, downloadBlob, exportSceneGLTF, exportSceneUSDZ, type ExportOptions, crossfadeAnimations, makeAdditiveAction, blendAnimations, subclip, type AnimationBlendConfig, solveIKChain, type IKChain, createViewportCamera, renderMultiViewport, QUAD_VIEWPORT, type ViewportPreset, type ViewportConfig, } from './model/modelEditorUtils';
 export { EditorShortcutManager, type EditorShortcut, type EditorShortcutBinding, type EditorShortcutConfig, } from './model/editorShortcuts';
 export type { Pose3DSequenceResult, Pose3DFrame, PosePerson3D, PoseKeypoint3D, SceneNode, AnimClip, TransformMode, ShadingMode, EditorMode, } from './model/modelEditorTypes';
-export { NicePoseDetector, PoseDetector, usePoseDetection, type NicePoseDetectorProps, type NicePoseDetectorHandle, type NicePoseDetectorConfig, type PoseDetectorProps, type PoseDetectorHandle, type PoseDetectorConfig, type PoseBackend, } from './dance/PoseDetector';
+export { NicePoseDetector, usePoseDetection, type NicePoseDetectorProps, type NicePoseDetectorHandle, type NicePoseDetectorConfig, type NicePoseDetectorFn, type PoseBackend, } from './dance/PoseDetector';
 export { DanceScoreEngine, useDanceScore, type DanceScoreConfig, type FrameScore, type DanceSessionResult, type HitRating, type KeypointScore, } from './dance/DanceScoreEngine';
 export { DanceBridge, useDanceBridge, rhythmToBeatSync, type DanceBridgeConfig, type DanceBridgeCallbacks, type DanceBridgeHandle, type DanceSessionState, type BeatSync, } from './dance/DanceBridge';
 export { NiceUVEditor, type NiceUVEditorProps } from './uv/NiceUVEditor';

package/dist/types/model/ModelEditor.d.ts

@@ -13,9 +13,5 @@ export interface NiceModelEditorProps {
     /** Optional AI pose-from-video callback. If omitted the AI video button is hidden. */
     onAIPoseVideo?: (file: File) => Promise<import('./modelEditorTypes').Pose3DSequenceResult>;
 }
-/** @deprecated Use NiceModelEditorProps */
-export type ModelEditorProps = NiceModelEditorProps;
 export declare const NiceModelEditor: React.FC<NiceModelEditorProps>;
-/** @deprecated Use NiceModelEditor */
-export declare const ModelEditor: React.FC<NiceModelEditorProps>;
 export default NiceModelEditor;

package/dist/types/model/ModelViewer.d.ts

@@ -23,9 +23,5 @@ export interface NiceModelViewerProps extends UseModelViewerProps {
     /** Render prop — exposes the full API. */
     children?: (api: ModelViewerAPI) => React.ReactNode;
 }
-/** @deprecated Use NiceModelViewerProps */
-export type ModelViewerProps = NiceModelViewerProps;
 export declare const NiceModelViewer: React.FC<NiceModelViewerProps>;
-/** @deprecated Use NiceModelViewer */
-export declare const ModelViewer: React.FC<NiceModelViewerProps>;
 export default NiceModelViewer;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nice2dev/ui-3d",
-  "version": "1.1.9",
-  "description": "Nice2Dev 3D Editor — Blender-style 3D model editor component for React, powered by Three.js",
+  "version": "1.2.0",
+  "description": "Nice2Dev 3D Editor — Blender-style 3D model editor component for React, powered by Three.js",
   "author": "NiceToDev <contact@nicetodev.com>",
   "license": "SEE LICENSE IN LICENSE",
   "homepage": "https://github.com/NiceToDev/NiceToDev.UI#readme",
@@ -65,7 +65,7 @@
     "three": ">=0.150.0"
   },
   "devDependencies": {
-    "@nice2dev/ui": "^1.1.9",
+    "@nice2dev/ui": "^1.2.0",
     "@rollup/plugin-commonjs": "^29.0.3",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-typescript": "^12.3.0",