@nice2dev/ui-3d 1.0.6 → 1.1.0

package/dist/cjs/core/i18n.js

@@ -1,13 +1,13 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var we = require('react');
+var ke = require('react');
 
 const fallback = (_key, defaultValue) => defaultValue;
-const NiceI18nContext = we.createContext(fallback);
+const NiceI18nContext = ke.createContext(fallback);
 const NiceI18nProvider = ({ t, children }) => (jsxRuntime.jsx(NiceI18nContext.Provider, { value: t, children: children }));
 function useNiceTranslation() {
-    const t = we.useContext(NiceI18nContext);
+    const t = ke.useContext(NiceI18nContext);
     return { t };
 }
 

package/dist/cjs/dance/DanceBridge.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var we = require('react');
+var ke = require('react');
 var DanceScoreEngine = require('./DanceScoreEngine.js');
 
 /**
@@ -113,13 +113,13 @@ class DanceBridge {
 }
 // ── React hook: useDanceBridge ──────────────────────────────────
 function useDanceBridge(config, callbacks) {
-    const bridgeRef = we.useRef(null);
-    const [state, setState] = we.useState('idle');
-    const [lastScore, setLastScore] = we.useState(null);
-    const [result, setResult] = we.useState(null);
-    const [combo, setCombo] = we.useState(0);
-    const [progress, setProgress] = we.useState(0);
-    we.useEffect(() => {
+    const bridgeRef = ke.useRef(null);
+    const [state, setState] = ke.useState('idle');
+    const [lastScore, setLastScore] = ke.useState(null);
+    const [result, setResult] = ke.useState(null);
+    const [combo, setCombo] = ke.useState(0);
+    const [progress, setProgress] = ke.useState(0);
+    ke.useEffect(() => {
         if (!config) {
             bridgeRef.current = null;
             return;
@@ -134,11 +134,11 @@ function useDanceBridge(config, callbacks) {
         return () => { bridgeRef.current = null; };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [config]);
-    const start = we.useCallback(() => { var _a; (_a = bridgeRef.current) === null || _a === void 0 ? void 0 : _a.start(); }, []);
-    const pause = we.useCallback(() => { var _a; (_a = bridgeRef.current) === null || _a === void 0 ? void 0 : _a.pause(); }, []);
-    const resume = we.useCallback(() => { var _a; (_a = bridgeRef.current) === null || _a === void 0 ? void 0 : _a.resume(); }, []);
-    const stop = we.useCallback(() => { var _a, _b; return (_b = (_a = bridgeRef.current) === null || _a === void 0 ? void 0 : _a.stop()) !== null && _b !== void 0 ? _b : null; }, []);
-    const feedFrame = we.useCallback((frame) => {
+    const start = ke.useCallback(() => { var _a; (_a = bridgeRef.current) === null || _a === void 0 ? void 0 : _a.start(); }, []);
+    const pause = ke.useCallback(() => { var _a; (_a = bridgeRef.current) === null || _a === void 0 ? void 0 : _a.pause(); }, []);
+    const resume = ke.useCallback(() => { var _a; (_a = bridgeRef.current) === null || _a === void 0 ? void 0 : _a.resume(); }, []);
+    const stop = ke.useCallback(() => { var _a, _b; return (_b = (_a = bridgeRef.current) === null || _a === void 0 ? void 0 : _a.stop()) !== null && _b !== void 0 ? _b : null; }, []);
+    const feedFrame = ke.useCallback((frame) => {
         var _a, _b;
         const score = (_b = (_a = bridgeRef.current) === null || _a === void 0 ? void 0 : _a.feedFrame(frame)) !== null && _b !== void 0 ? _b : null;
         if (bridgeRef.current)

package/dist/cjs/dance/DanceScoreEngine.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var we = require('react');
+var ke = require('react');
 
 // ── Default config ──────────────────────────────────────────────
 const DEFAULT_CONFIG = {
@@ -179,25 +179,25 @@ class DanceScoreEngine {
     }
 }
 function useDanceScore(config) {
-    const engineRef = we.useRef(new DanceScoreEngine(config));
-    const [lastScore, setLastScore] = we.useState(null);
-    const [result, setResult] = we.useState(null);
-    const loadReference = we.useCallback((seq) => {
+    const engineRef = ke.useRef(new DanceScoreEngine(config));
+    const [lastScore, setLastScore] = ke.useState(null);
+    const [result, setResult] = ke.useState(null);
+    const loadReference = ke.useCallback((seq) => {
         engineRef.current.loadReference(seq);
         setLastScore(null);
         setResult(null);
     }, []);
-    const scoreFrame = we.useCallback((frame) => {
+    const scoreFrame = ke.useCallback((frame) => {
         const score = engineRef.current.scoreFrame(frame);
         setLastScore(score);
         return score;
     }, []);
-    const finish = we.useCallback(() => {
+    const finish = ke.useCallback(() => {
         const r = engineRef.current.getResult();
         setResult(r);
         return r;
     }, []);
-    const reset = we.useCallback(() => {
+    const reset = ke.useCallback(() => {
         engineRef.current.reset();
         setLastScore(null);
         setResult(null);

package/dist/cjs/dance/PoseDetector.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var we = require('react');
+var ke = require('react');
 
 // ── Standard keypoint definitions (COCO 17-keypoint model) ──────
 const COCO_KEYPOINTS = [
@@ -31,14 +31,14 @@ function createSimulatedKeypoints() {
 // ── Hook: usePoseDetection ──────────────────────────────────────
 function usePoseDetection(config = {}) {
     const { maxPersons = 1, minConfidence = 0.5, targetFps = 30, } = config;
-    const [isDetecting, setIsDetecting] = we.useState(false);
-    const latestFrameRef = we.useRef(null);
-    const frameIndexRef = we.useRef(0);
-    const rafRef = we.useRef(0);
-    const streamRef = we.useRef(null);
-    const videoRef = we.useRef(null);
-    const callbackRef = we.useRef(null);
-    const processFrame = we.useCallback(() => {
+    const [isDetecting, setIsDetecting] = ke.useState(false);
+    const latestFrameRef = ke.useRef(null);
+    const frameIndexRef = ke.useRef(0);
+    const rafRef = ke.useRef(0);
+    const streamRef = ke.useRef(null);
+    const videoRef = ke.useRef(null);
+    const callbackRef = ke.useRef(null);
+    const processFrame = ke.useCallback(() => {
         var _a;
         if (!videoRef.current || videoRef.current.readyState < 2) {
             rafRef.current = requestAnimationFrame(processFrame);
@@ -64,7 +64,7 @@ function usePoseDetection(config = {}) {
         (_a = callbackRef.current) === null || _a === void 0 ? void 0 : _a.call(callbackRef, frame);
         rafRef.current = requestAnimationFrame(processFrame);
     }, [maxPersons, minConfidence, targetFps]);
-    const start = we.useCallback(async (video, onFrame) => {
+    const start = ke.useCallback(async (video, onFrame) => {
         try {
             const stream = await navigator.mediaDevices.getUserMedia({
                 video: { facingMode: 'user', width: { ideal: 640 }, height: { ideal: 480 } },
@@ -82,7 +82,7 @@ function usePoseDetection(config = {}) {
             throw new Error(`Camera access failed: ${err instanceof Error ? err.message : String(err)}`);
         }
     }, [processFrame]);
-    const stop = we.useCallback(() => {
+    const stop = ke.useCallback(() => {
         var _a;
         cancelAnimationFrame(rafRef.current);
         (_a = streamRef.current) === null || _a === void 0 ? void 0 : _a.getTracks().forEach(t => t.stop());
@@ -91,22 +91,22 @@ function usePoseDetection(config = {}) {
             videoRef.current.srcObject = null;
         setIsDetecting(false);
     }, []);
-    we.useEffect(() => () => { stop(); }, [stop]);
+    ke.useEffect(() => () => { stop(); }, [stop]);
     return { start, stop, isDetecting, getLatestFrame: () => latestFrameRef.current };
 }
 // ── Component: PoseDetector ─────────────────────────────────────
-const NicePoseDetector = we.forwardRef(function NicePoseDetector(props, ref) {
+const NicePoseDetector = ke.forwardRef(function NicePoseDetector(props, ref) {
     const { onFrame, onStart, onStop, onError, className, style, width = 640, height = 480, mirror = true, showSkeleton = true, showConfidence = false, ...config } = props;
-    const videoRef = we.useRef(null);
-    const canvasRef = we.useRef(null);
+    const videoRef = ke.useRef(null);
+    const canvasRef = ke.useRef(null);
     const detection = usePoseDetection(config);
-    we.useImperativeHandle(ref, () => ({
+    ke.useImperativeHandle(ref, () => ({
         start: handleStart,
         stop: handleStop,
         getLatestFrame: detection.getLatestFrame,
         get isDetecting() { return detection.isDetecting; },
     }));
-    const drawSkeleton = we.useCallback((frame) => {
+    const drawSkeleton = ke.useCallback((frame) => {
         var _a, _b, _c, _d, _e, _f;
         const ctx = (_a = canvasRef.current) === null || _a === void 0 ? void 0 : _a.getContext('2d');
         if (!ctx || !canvasRef.current)
@@ -144,11 +144,11 @@ const NicePoseDetector = we.forwardRef(function NicePoseDetector(props, ref) {
             }
         }
     }, [showSkeleton, showConfidence]);
-    const handleFrame = we.useCallback((frame) => {
+    const handleFrame = ke.useCallback((frame) => {
         drawSkeleton(frame);
         onFrame === null || onFrame === void 0 ? void 0 : onFrame(frame);
     }, [drawSkeleton, onFrame]);
-    const handleStart = we.useCallback(async () => {
+    const handleStart = ke.useCallback(async () => {
         try {
             if (videoRef.current) {
                 await detection.start(videoRef.current, handleFrame);
@@ -159,7 +159,7 @@ const NicePoseDetector = we.forwardRef(function NicePoseDetector(props, ref) {
             onError === null || onError === void 0 ? void 0 : onError(err instanceof Error ? err : new Error(String(err)));
         }
     }, [detection, handleFrame, onStart, onError]);
-    const handleStop = we.useCallback(() => {
+    const handleStop = ke.useCallback(() => {
         detection.stop();
         onStop === null || onStop === void 0 ? void 0 : onStop();
     }, [detection, onStop]);

package/dist/cjs/material/NiceMaterialEditor.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var we = require('react');
+var ke = require('react');
 var materialEditorTypes = require('./materialEditorTypes.js');
 var materialNodeDefinitions = require('./materialNodeDefinitions.js');
 var materialEditorUtils = require('./materialEditorUtils.js');
@@ -338,9 +338,9 @@ function materialEditorReducer(state, action) {
    Hook: useMaterialEditor
    ═══════════════════════════════════════════════════════════════════════════ */
 function useMaterialEditor(initialGraph) {
-    const [state, dispatch] = we.useReducer(materialEditorReducer, initialGraph, createInitialState);
+    const [state, dispatch] = ke.useReducer(materialEditorReducer, initialGraph, createInitialState);
     // Auto-compile when graph changes
-    we.useEffect(() => {
+    ke.useEffect(() => {
         if (state.autoCompile && !state.compiling) {
             const timeout = setTimeout(() => {
                 dispatch({ type: 'COMPILE' });
@@ -356,7 +356,7 @@ function NodePalette({ searchQuery, expandedCategories, onSearch, onToggleCatego
     const filteredNodes = searchQuery
         ? materialNodeDefinitions.searchNodes(searchQuery)
         : materialNodeDefinitions.MATERIAL_NODE_DEFINITIONS;
-    const categories = we.useMemo(() => {
+    const categories = ke.useMemo(() => {
         const cats = new Map();
         for (const node of filteredNodes) {
             if (!cats.has(node.category)) {
@@ -369,9 +369,9 @@ function NodePalette({ searchQuery, expandedCategories, onSearch, onToggleCatego
     return (jsxRuntime.jsxs("div", { className: MaterialEditor_module.palette, children: [jsxRuntime.jsx("div", { className: MaterialEditor_module.paletteSearch, children: jsxRuntime.jsx("input", { type: "text", placeholder: "Search nodes...", value: searchQuery, onChange: e => onSearch(e.target.value), className: MaterialEditor_module.searchInput }) }), jsxRuntime.jsx("div", { className: MaterialEditor_module.paletteCategories, children: Array.from(categories.entries()).map(([category, nodes]) => (jsxRuntime.jsxs("div", { className: MaterialEditor_module.paletteCategory, children: [jsxRuntime.jsxs("button", { className: MaterialEditor_module.categoryHeader, onClick: () => onToggleCategory(category), style: { borderLeftColor: materialEditorTypes.NODE_CATEGORY_COLORS[category] }, children: [jsxRuntime.jsx("span", { className: MaterialEditor_module.categoryIcon, children: expandedCategories.includes(category) ? '▼' : '►' }), jsxRuntime.jsx("span", { children: materialEditorTypes.NODE_CATEGORY_NAMES[category] }), jsxRuntime.jsx("span", { className: MaterialEditor_module.categoryCount, children: nodes.length })] }), expandedCategories.includes(category) && (jsxRuntime.jsx("div", { className: MaterialEditor_module.categoryNodes, children: nodes.map(nodeDef => (jsxRuntime.jsxs("div", { className: MaterialEditor_module.paletteNode, draggable: true, onDragStart: e => onDragStart(nodeDef.type, e), onDoubleClick: () => onAddNode(nodeDef.type), title: nodeDef.description, children: [jsxRuntime.jsx("span", { className: MaterialEditor_module.nodeColor, style: { backgroundColor: nodeDef.color || materialEditorTypes.NODE_CATEGORY_COLORS[nodeDef.category] } }), jsxRuntime.jsx("span", { className: MaterialEditor_module.nodeName, children: nodeDef.name })] }, nodeDef.type))) }))] }, category))) })] }));
 }
 function GraphNode({ node, definition, selected, viewTransform, connections, onSelect, onMove, onStartConnection, }) {
-    const nodeRef = we.useRef(null);
-    const [isDragging, setIsDragging] = we.useState(false);
-    const dragStart = we.useRef(null);
+    const nodeRef = ke.useRef(null);
+    const [isDragging, setIsDragging] = ke.useState(false);
+    const dragStart = ke.useRef(null);
     const handleMouseDown = (e) => {
         if (e.button !== 0)
             return;
@@ -384,7 +384,7 @@ function GraphNode({ node, definition, selected, viewTransform, connections, onS
             dragStart.current = { x: e.clientX, y: e.clientY };
         }
     };
-    we.useEffect(() => {
+    ke.useEffect(() => {
         if (!isDragging)
             return;
         const handleMouseMove = (e) => {
@@ -441,10 +441,10 @@ function Toolbar({ canUndo, canRedo, canPaste, hasSelection, autoCompile, compil
     return (jsxRuntime.jsxs("div", { className: MaterialEditor_module.toolbar, children: [jsxRuntime.jsxs("div", { className: MaterialEditor_module.toolbarGroup, children: [jsxRuntime.jsx("button", { onClick: onNew, title: "New Material (Ctrl+N)", children: "\uD83D\uDCC4" }), jsxRuntime.jsx("button", { onClick: onImport, title: "Import (Ctrl+O)", children: "\uD83D\uDCC2" }), jsxRuntime.jsx("button", { onClick: onExport, title: "Export (Ctrl+S)", children: "\uD83D\uDCBE" })] }), jsxRuntime.jsx("div", { className: MaterialEditor_module.toolbarSeparator }), jsxRuntime.jsxs("div", { className: MaterialEditor_module.toolbarGroup, children: [jsxRuntime.jsx("button", { onClick: onUndo, disabled: !canUndo, title: "Undo (Ctrl+Z)", children: "\u21A9\uFE0F" }), jsxRuntime.jsx("button", { onClick: onRedo, disabled: !canRedo, title: "Redo (Ctrl+Y)", children: "\u21AA\uFE0F" })] }), jsxRuntime.jsx("div", { className: MaterialEditor_module.toolbarSeparator }), jsxRuntime.jsxs("div", { className: MaterialEditor_module.toolbarGroup, children: [jsxRuntime.jsx("button", { onClick: onCut, disabled: !hasSelection, title: "Cut (Ctrl+X)", children: "\u2702\uFE0F" }), jsxRuntime.jsx("button", { onClick: onCopy, disabled: !hasSelection, title: "Copy (Ctrl+C)", children: "\uD83D\uDCCB" }), jsxRuntime.jsx("button", { onClick: onPaste, disabled: !canPaste, title: "Paste (Ctrl+V)", children: "\uD83D\uDCE5" }), jsxRuntime.jsx("button", { onClick: onDuplicate, disabled: !hasSelection, title: "Duplicate (Ctrl+D)", children: "\uD83D\uDD04" }), jsxRuntime.jsx("button", { onClick: onDelete, disabled: !hasSelection, title: "Delete (Del)", children: "\uD83D\uDDD1\uFE0F" })] }), jsxRuntime.jsx("div", { className: MaterialEditor_module.toolbarSeparator }), jsxRuntime.jsxs("div", { className: MaterialEditor_module.toolbarGroup, children: [jsxRuntime.jsx("button", { onClick: onSelectAll, title: "Select All (Ctrl+A)", children: "\u2B1C" }), jsxRuntime.jsx("button", { onClick: onZoomToFit, title: "Zoom to Fit (F)", children: "\uD83D\uDD0D" }), jsxRuntime.jsx("button", { onClick: onToggleGrid, className: showGrid ? MaterialEditor_module.active : '', title: "Toggle Grid (G)", children: "#" }), jsxRuntime.jsx("button", { onClick: onToggleSnap, className: snapToGrid ? MaterialEditor_module.active : '', title: "Toggle Snap (S)", children: "\uD83E\uDDF2" })] }), jsxRuntime.jsx("div", { className: MaterialEditor_module.toolbarSeparator }), jsxRuntime.jsxs("div", { className: MaterialEditor_module.toolbarGroup, children: [jsxRuntime.jsx("button", { onClick: onToggleAutoCompile, className: autoCompile ? MaterialEditor_module.active : '', title: "Auto Compile", children: "\u26A1" }), jsxRuntime.jsx("button", { onClick: onCompile, disabled: compiling, title: "Compile (F5)", children: compiling ? '⏳' : '▶️' })] })] }));
 }
 function PreviewPanel({ shader, mode, compiling, onModeChange }) {
-    const canvasRef = we.useRef(null);
+    const canvasRef = ke.useRef(null);
     const previewModes = ['sphere', 'cube', 'plane', 'cylinder', 'torus'];
     // Simple preview rendering (in real implementation would use Three.js)
-    we.useEffect(() => {
+    ke.useEffect(() => {
         const canvas = canvasRef.current;
         if (!canvas)
             return;
@@ -475,25 +475,25 @@ function PreviewPanel({ shader, mode, compiling, onModeChange }) {
    ═══════════════════════════════════════════════════════════════════════════ */
 function NiceMaterialEditor({ graph: initialGraph, onGraphChange, onCompile, customNodes, textures, width = '100%', height = '600px', readOnly = false, showToolbar = true, showPalette = true, showProperties = true, showPreview = true, previewMode: initialPreviewMode = 'sphere', theme = 'dark', className, }) {
     const { state, dispatch } = useMaterialEditor(initialGraph);
-    const canvasRef = we.useRef(null);
-    const [pendingConnection, setPendingConnection] = we.useState(null);
+    const canvasRef = ke.useRef(null);
+    const [pendingConnection, setPendingConnection] = ke.useState(null);
     // Merge custom node definitions
-    const definitions = we.useMemo(() => {
+    const definitions = ke.useMemo(() => {
         const map = new Map(materialNodeDefinitions.MATERIAL_NODE_MAP);
         customNodes === null || customNodes === void 0 ? void 0 : customNodes.forEach(def => map.set(def.type, def));
         return map;
     }, [customNodes]);
     // Notify parent of changes
-    we.useEffect(() => {
+    ke.useEffect(() => {
         onGraphChange === null || onGraphChange === void 0 ? void 0 : onGraphChange(state.graph);
     }, [state.graph, onGraphChange]);
-    we.useEffect(() => {
+    ke.useEffect(() => {
         if (state.compiledShader) {
             onCompile === null || onCompile === void 0 ? void 0 : onCompile(state.compiledShader);
         }
     }, [state.compiledShader, onCompile]);
     // Keyboard shortcuts
-    we.useEffect(() => {
+    ke.useEffect(() => {
         const handleKeyDown = (e) => {
             if (readOnly)
                 return;
@@ -553,7 +553,7 @@ function NiceMaterialEditor({ graph: initialGraph, onGraphChange, onCompile, cus
         return () => window.removeEventListener('keydown', handleKeyDown);
     }, [readOnly, state.selectedNodes, dispatch]);
     // Handle wheel zoom
-    const handleWheel = we.useCallback((e) => {
+    const handleWheel = ke.useCallback((e) => {
         var _a;
         e.preventDefault();
         const delta = e.deltaY > 0 ? 0.9 : 1.1;
@@ -571,8 +571,8 @@ function NiceMaterialEditor({ graph: initialGraph, onGraphChange, onCompile, cus
         });
     }, [state.viewTransform, dispatch]);
     // Handle canvas pan
-    const [isPanning, setIsPanning] = we.useState(false);
-    const panStart = we.useRef(null);
+    const [isPanning, setIsPanning] = ke.useState(false);
+    const panStart = ke.useRef(null);
     const handleCanvasMouseDown = (e) => {
         if (e.button === 1 || (e.button === 0 && e.altKey)) {
             setIsPanning(true);

package/dist/cjs/model/ModelEditorLeftPanel.js

@@ -1,11 +1,11 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var we = require('react');
+var ke = require('react');
 var ModelEditor_module = require('./ModelEditor.module.css.js');
-var NiceButtonDmTHNHet = require('../ui/dist/NiceButton-DmTHNHet.js');
+var NiceButtonD9l39Rs7 = require('../ui/dist/NiceButton-D9l39Rs7.js');
 
-const ModelEditorLeftPanel = we.memo(({ api }) => {
+const ModelEditorLeftPanel = ke.memo(({ api }) => {
     const { sceneTree, selectedId, outlinerSearch, setOutlinerSearch, selectObject, rebuildTree, toggleNodeExpanded, toggleNodeVisibility, } = api;
     const renderTreeNode = (node, depth) => {
         // Outliner search filter
@@ -24,7 +24,7 @@ const ModelEditorLeftPanel = we.memo(({ api }) => {
                 node.type === "light" ? "💡" :
                     node.type === "camera" ? "📷" :
                         node.type === "helper" ? "◇" : "📁";
-        return (jsxRuntime.jsxs(we.Fragment, { children: [jsxRuntime.jsxs("div", { className: `${ModelEditor_module.treeItem} ${selectedId === node.id ? ModelEditor_module.treeItemActive : ""}`, style: { paddingLeft: depth * 16 + 4 }, onClick: () => selectObject(node), children: [hasChildren ? (jsxRuntime.jsx("span", { className: ModelEditor_module.treeToggle, onClick: (e) => {
+        return (jsxRuntime.jsxs(ke.Fragment, { children: [jsxRuntime.jsxs("div", { className: `${ModelEditor_module.treeItem} ${selectedId === node.id ? ModelEditor_module.treeItemActive : ""}`, style: { paddingLeft: depth * 16 + 4 }, onClick: () => selectObject(node), children: [hasChildren ? (jsxRuntime.jsx("span", { className: ModelEditor_module.treeToggle, onClick: (e) => {
                                 e.stopPropagation();
                                 toggleNodeExpanded(node);
                             }, children: node.expanded ? "▼" : "▶" })) : (jsxRuntime.jsx("span", { className: ModelEditor_module.treeToggle })), jsxRuntime.jsx("span", { className: ModelEditor_module.treeIcon, children: icon }), jsxRuntime.jsx("span", { style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis" }, children: node.name }), jsxRuntime.jsx("span", { className: ModelEditor_module.treeVisibility, onClick: (e) => {
@@ -33,7 +33,7 @@ const ModelEditorLeftPanel = we.memo(({ api }) => {
                             }, children: node.visible ? "👁" : "◌" })] }), node.expanded &&
                     node.children.map((c) => renderTreeNode(c, depth + 1))] }, node.id));
     };
-    return (jsxRuntime.jsx("div", { className: ModelEditor_module.leftPanel, children: jsxRuntime.jsxs("div", { className: ModelEditor_module.panelSection, children: [jsxRuntime.jsxs("div", { className: ModelEditor_module.panelTitle, children: ["\uD83D\uDCCB Outliner", jsxRuntime.jsx(NiceButtonDmTHNHet.c, { variant: "ghost", size: "sm", onClick: rebuildTree, title: "Refresh", "aria-label": "Refresh outliner", children: "\u27F3" })] }), jsxRuntime.jsx("div", { className: ModelEditor_module.outlinerSearch, children: jsxRuntime.jsx(NiceButtonDmTHNHet.b, { className: ModelEditor_module.propInput, placeholder: "\uD83D\uDD0D Filter...", value: outlinerSearch, onChange: (val) => setOutlinerSearch(val), style: { width: "100%", marginBottom: 4 } }) }), jsxRuntime.jsxs("div", { className: ModelEditor_module.panelContent, style: { overflowY: "auto", flex: 1 }, children: [sceneTree.length === 0 && (jsxRuntime.jsx("div", { style: { color: "#666", fontSize: 10, padding: "8px 0" }, children: "Drop a 3D file to begin" })), sceneTree.map((n) => renderTreeNode(n, 0))] })] }) }));
+    return (jsxRuntime.jsx("div", { className: ModelEditor_module.leftPanel, children: jsxRuntime.jsxs("div", { className: ModelEditor_module.panelSection, children: [jsxRuntime.jsxs("div", { className: ModelEditor_module.panelTitle, children: ["\uD83D\uDCCB Outliner", jsxRuntime.jsx(NiceButtonD9l39Rs7.c, { variant: "ghost", size: "sm", onClick: rebuildTree, title: "Refresh", "aria-label": "Refresh outliner", children: "\u27F3" })] }), jsxRuntime.jsx("div", { className: ModelEditor_module.outlinerSearch, children: jsxRuntime.jsx(NiceButtonD9l39Rs7.b, { className: ModelEditor_module.propInput, placeholder: "\uD83D\uDD0D Filter...", value: outlinerSearch, onChange: (val) => setOutlinerSearch(val), style: { width: "100%", marginBottom: 4 } }) }), jsxRuntime.jsxs("div", { className: ModelEditor_module.panelContent, style: { overflowY: "auto", flex: 1 }, children: [sceneTree.length === 0 && (jsxRuntime.jsx("div", { style: { color: "#666", fontSize: 10, padding: "8px 0" }, children: "Drop a 3D file to begin" })), sceneTree.map((n) => renderTreeNode(n, 0))] })] }) }));
 });
 ModelEditorLeftPanel.displayName = "ModelEditorLeftPanel";
 

package/dist/cjs/model/ModelEditorMenuBar.js

@@ -1,18 +1,18 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var we = require('react');
+var ke = require('react');
 var ModelEditor_module = require('./ModelEditor.module.css.js');
-var NiceButtonDmTHNHet = require('../ui/dist/NiceButton-DmTHNHet.js');
-var NiceToggleC1UKGXmJ = require('../ui/dist/NiceToggle-C1UKGXmJ.js');
+var NiceButtonD9l39Rs7 = require('../ui/dist/NiceButton-D9l39Rs7.js');
+var NiceToggleCaY1u82g = require('../ui/dist/NiceToggle-CaY1u82g.js');
 
-const ModelEditorMenuBar = we.memo(({ api, hasOnSaveToLibrary }) => {
+const ModelEditorMenuBar = ke.memo(({ api, hasOnSaveToLibrary }) => {
     const { editorMode, setEditorMode, fileInputRef, mergeInputRef, addMenuOpen, setAddMenuOpen, addPrimitive, addSceneLight, addCameraObject, addEmpty, selectedNode, duplicateSelected, deleteSelected, exportGLTF, exportOBJ, exportSTL, exportPLY, exportUSDZ, saveToLibrary, clearScene, showGrid, setShowGrid, showAxes, setShowAxes, wireframe, setWireframe, showSkeleton, setShowSkeleton, showLightHelpers, setShowLightHelpers, bgColor, setBgColor, } = api;
-    return (jsxRuntime.jsxs("div", { className: ModelEditor_module.menuBar, children: [jsxRuntime.jsx(NiceButtonDmTHNHet.a, { className: ModelEditor_module.modeSelect, value: editorMode, onChange: (val) => setEditorMode(val), options: [
+    return (jsxRuntime.jsxs("div", { className: ModelEditor_module.menuBar, children: [jsxRuntime.jsx(NiceButtonD9l39Rs7.a, { className: ModelEditor_module.modeSelect, value: editorMode, onChange: (val) => setEditorMode(val), options: [
                     { value: "object", label: "Object Mode" },
                     { value: "edit", label: "Edit Mode" },
                     { value: "pose", label: "Pose Mode" },
-                ] }), jsxRuntime.jsx("div", { className: ModelEditor_module.menuSep }), jsxRuntime.jsx(NiceButtonDmTHNHet.c, { className: ModelEditor_module.menuBtn, variant: "ghost", size: "sm", onClick: () => { var _a; return (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, children: "\uD83D\uDCC2 Open" }), jsxRuntime.jsx(NiceButtonDmTHNHet.c, { className: ModelEditor_module.menuBtn, variant: "ghost", size: "sm", onClick: () => { var _a; return (_a = mergeInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, title: "Merge animations from FBX/GLTF onto current model", children: "\u2795 Merge Anim" }), jsxRuntime.jsx("div", { className: ModelEditor_module.menuSep }), jsxRuntime.jsxs("div", { className: ModelEditor_module.menuDropdownWrap, children: [jsxRuntime.jsx(NiceButtonDmTHNHet.c, { className: ModelEditor_module.menuBtn, variant: "ghost", size: "sm", onClick: () => setAddMenuOpen(addMenuOpen ? null : "mesh"), children: "\uFF0B Add \u25BE" }), addMenuOpen && (jsxRuntime.jsxs("div", { className: ModelEditor_module.dropdownMenu, children: [jsxRuntime.jsx("div", { className: ModelEditor_module.dropdownTitle, children: "Mesh" }), ["cube", "sphere", "cylinder", "cone", "torus", "plane", "circle", "ring", "dodecahedron", "icosahedron", "octahedron", "tetrahedron", "torusKnot"].map((t) => (jsxRuntime.jsx("div", { className: ModelEditor_module.dropdownItem, onClick: () => addPrimitive(t), children: t.charAt(0).toUpperCase() + t.slice(1) }, t))), jsxRuntime.jsx("div", { className: ModelEditor_module.dropdownSep }), jsxRuntime.jsx("div", { className: ModelEditor_module.dropdownTitle, children: "Light" }), ["point", "spot", "directional", "hemisphere"].map((t) => (jsxRuntime.jsxs("div", { className: ModelEditor_module.dropdownItem, onClick: () => addSceneLight(t), children: ["\uD83D\uDCA1 ", t.charAt(0).toUpperCase() + t.slice(1)] }, t))), jsxRuntime.jsx("div", { className: ModelEditor_module.dropdownSep }), jsxRuntime.jsx("div", { className: ModelEditor_module.dropdownTitle, children: "Other" }), jsxRuntime.jsx("div", { className: ModelEditor_module.dropdownItem, onClick: addCameraObject, children: "\uD83D\uDCF7 Camera" }), jsxRuntime.jsx("div", { className: ModelEditor_module.dropdownItem, onClick: () => addEmpty("arrows"), children: "\u22B9 Empty (Arrows)" })] }))] }), jsxRuntime.jsx(NiceButtonDmTHNHet.c, { className: ModelEditor_module.menuBtn, variant: "ghost", size: "sm", onClick: duplicateSelected, disabled: !selectedNode, title: "Duplicate selected (Shift+D)", children: "\uD83D\uDCCB Duplicate" }), jsxRuntime.jsx(NiceButtonDmTHNHet.c, { className: ModelEditor_module.menuBtn, variant: "ghost", size: "sm", onClick: deleteSelected, disabled: !selectedNode, title: "Delete selected (Delete)", children: "\u2715 Delete" }), jsxRuntime.jsx("div", { className: ModelEditor_module.menuSep }), jsxRuntime.jsx(NiceButtonDmTHNHet.c, { className: ModelEditor_module.menuBtn, variant: "ghost", size: "sm", onClick: () => exportGLTF(true), children: "\uD83D\uDCBE Export GLB" }), jsxRuntime.jsx(NiceButtonDmTHNHet.c, { className: ModelEditor_module.menuBtn, variant: "ghost", size: "sm", onClick: () => exportGLTF(false), children: "\uD83D\uDCC4 Export GLTF" }), jsxRuntime.jsx(NiceButtonDmTHNHet.c, { className: ModelEditor_module.menuBtn, variant: "ghost", size: "sm", onClick: exportOBJ, children: "\uD83D\uDCC4 Export OBJ" }), jsxRuntime.jsx(NiceButtonDmTHNHet.c, { className: ModelEditor_module.menuBtn, variant: "ghost", size: "sm", onClick: () => exportSTL(true), children: "\uD83D\uDCC4 Export STL" }), jsxRuntime.jsx(NiceButtonDmTHNHet.c, { className: ModelEditor_module.menuBtn, variant: "ghost", size: "sm", onClick: () => exportPLY(true), children: "\uD83D\uDCC4 Export PLY" }), jsxRuntime.jsx(NiceButtonDmTHNHet.c, { className: ModelEditor_module.menuBtn, variant: "ghost", size: "sm", onClick: exportUSDZ, children: "\uD83D\uDCC4 Export USDZ" }), hasOnSaveToLibrary && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: ModelEditor_module.menuSep }), jsxRuntime.jsx(NiceButtonDmTHNHet.c, { className: ModelEditor_module.menuBtn, variant: "ghost", size: "sm", onClick: saveToLibrary, children: "\uD83D\uDCE6 Save to Library" })] })), jsxRuntime.jsx("div", { className: ModelEditor_module.menuSep }), jsxRuntime.jsx(NiceButtonDmTHNHet.c, { className: ModelEditor_module.menuBtn, variant: "ghost", size: "sm", onClick: clearScene, children: "\uD83D\uDDD1 Clear" }), jsxRuntime.jsx("div", { className: ModelEditor_module.menuSep }), jsxRuntime.jsx(NiceToggleC1UKGXmJ.N, { checked: showGrid, onChange: () => setShowGrid((v) => !v), label: "Grid" }), jsxRuntime.jsx(NiceToggleC1UKGXmJ.N, { checked: showAxes, onChange: () => setShowAxes((v) => !v), label: "Axes" }), jsxRuntime.jsx(NiceToggleC1UKGXmJ.N, { checked: wireframe, onChange: () => setWireframe((v) => !v), label: "Wire" }), jsxRuntime.jsx(NiceToggleC1UKGXmJ.N, { checked: showSkeleton, onChange: () => setShowSkeleton((v) => !v), label: "Skel" }), jsxRuntime.jsx(NiceToggleC1UKGXmJ.N, { checked: showLightHelpers, onChange: () => setShowLightHelpers((v) => !v), label: "Helpers" }), jsxRuntime.jsxs("div", { className: ModelEditor_module.menuRight, children: [jsxRuntime.jsx("label", { className: ModelEditor_module.menuLabel, children: "BG" }), jsxRuntime.jsx(NiceButtonDmTHNHet.N, { value: bgColor, onChange: (c) => setBgColor(c) })] })] }));
+                ] }), jsxRuntime.jsx("div", { className: ModelEditor_module.menuSep }), jsxRuntime.jsx(NiceButtonD9l39Rs7.c, { className: ModelEditor_module.menuBtn, variant: "ghost", size: "sm", onClick: () => { var _a; return (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, children: "\uD83D\uDCC2 Open" }), jsxRuntime.jsx(NiceButtonD9l39Rs7.c, { className: ModelEditor_module.menuBtn, variant: "ghost", size: "sm", onClick: () => { var _a; return (_a = mergeInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, title: "Merge animations from FBX/GLTF onto current model", children: "\u2795 Merge Anim" }), jsxRuntime.jsx("div", { className: ModelEditor_module.menuSep }), jsxRuntime.jsxs("div", { className: ModelEditor_module.menuDropdownWrap, children: [jsxRuntime.jsx(NiceButtonD9l39Rs7.c, { className: ModelEditor_module.menuBtn, variant: "ghost", size: "sm", onClick: () => setAddMenuOpen(addMenuOpen ? null : "mesh"), children: "\uFF0B Add \u25BE" }), addMenuOpen && (jsxRuntime.jsxs("div", { className: ModelEditor_module.dropdownMenu, children: [jsxRuntime.jsx("div", { className: ModelEditor_module.dropdownTitle, children: "Mesh" }), ["cube", "sphere", "cylinder", "cone", "torus", "plane", "circle", "ring", "dodecahedron", "icosahedron", "octahedron", "tetrahedron", "torusKnot"].map((t) => (jsxRuntime.jsx("div", { className: ModelEditor_module.dropdownItem, onClick: () => addPrimitive(t), children: t.charAt(0).toUpperCase() + t.slice(1) }, t))), jsxRuntime.jsx("div", { className: ModelEditor_module.dropdownSep }), jsxRuntime.jsx("div", { className: ModelEditor_module.dropdownTitle, children: "Light" }), ["point", "spot", "directional", "hemisphere"].map((t) => (jsxRuntime.jsxs("div", { className: ModelEditor_module.dropdownItem, onClick: () => addSceneLight(t), children: ["\uD83D\uDCA1 ", t.charAt(0).toUpperCase() + t.slice(1)] }, t))), jsxRuntime.jsx("div", { className: ModelEditor_module.dropdownSep }), jsxRuntime.jsx("div", { className: ModelEditor_module.dropdownTitle, children: "Other" }), jsxRuntime.jsx("div", { className: ModelEditor_module.dropdownItem, onClick: addCameraObject, children: "\uD83D\uDCF7 Camera" }), jsxRuntime.jsx("div", { className: ModelEditor_module.dropdownItem, onClick: () => addEmpty("arrows"), children: "\u22B9 Empty (Arrows)" })] }))] }), jsxRuntime.jsx(NiceButtonD9l39Rs7.c, { className: ModelEditor_module.menuBtn, variant: "ghost", size: "sm", onClick: duplicateSelected, disabled: !selectedNode, title: "Duplicate selected (Shift+D)", children: "\uD83D\uDCCB Duplicate" }), jsxRuntime.jsx(NiceButtonD9l39Rs7.c, { className: ModelEditor_module.menuBtn, variant: "ghost", size: "sm", onClick: deleteSelected, disabled: !selectedNode, title: "Delete selected (Delete)", children: "\u2715 Delete" }), jsxRuntime.jsx("div", { className: ModelEditor_module.menuSep }), jsxRuntime.jsx(NiceButtonD9l39Rs7.c, { className: ModelEditor_module.menuBtn, variant: "ghost", size: "sm", onClick: () => exportGLTF(true), children: "\uD83D\uDCBE Export GLB" }), jsxRuntime.jsx(NiceButtonD9l39Rs7.c, { className: ModelEditor_module.menuBtn, variant: "ghost", size: "sm", onClick: () => exportGLTF(false), children: "\uD83D\uDCC4 Export GLTF" }), jsxRuntime.jsx(NiceButtonD9l39Rs7.c, { className: ModelEditor_module.menuBtn, variant: "ghost", size: "sm", onClick: exportOBJ, children: "\uD83D\uDCC4 Export OBJ" }), jsxRuntime.jsx(NiceButtonD9l39Rs7.c, { className: ModelEditor_module.menuBtn, variant: "ghost", size: "sm", onClick: () => exportSTL(true), children: "\uD83D\uDCC4 Export STL" }), jsxRuntime.jsx(NiceButtonD9l39Rs7.c, { className: ModelEditor_module.menuBtn, variant: "ghost", size: "sm", onClick: () => exportPLY(true), children: "\uD83D\uDCC4 Export PLY" }), jsxRuntime.jsx(NiceButtonD9l39Rs7.c, { className: ModelEditor_module.menuBtn, variant: "ghost", size: "sm", onClick: exportUSDZ, children: "\uD83D\uDCC4 Export USDZ" }), hasOnSaveToLibrary && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: ModelEditor_module.menuSep }), jsxRuntime.jsx(NiceButtonD9l39Rs7.c, { className: ModelEditor_module.menuBtn, variant: "ghost", size: "sm", onClick: saveToLibrary, children: "\uD83D\uDCE6 Save to Library" })] })), jsxRuntime.jsx("div", { className: ModelEditor_module.menuSep }), jsxRuntime.jsx(NiceButtonD9l39Rs7.c, { className: ModelEditor_module.menuBtn, variant: "ghost", size: "sm", onClick: clearScene, children: "\uD83D\uDDD1 Clear" }), jsxRuntime.jsx("div", { className: ModelEditor_module.menuSep }), jsxRuntime.jsx(NiceToggleCaY1u82g.N, { checked: showGrid, onChange: () => setShowGrid((v) => !v), label: "Grid" }), jsxRuntime.jsx(NiceToggleCaY1u82g.N, { checked: showAxes, onChange: () => setShowAxes((v) => !v), label: "Axes" }), jsxRuntime.jsx(NiceToggleCaY1u82g.N, { checked: wireframe, onChange: () => setWireframe((v) => !v), label: "Wire" }), jsxRuntime.jsx(NiceToggleCaY1u82g.N, { checked: showSkeleton, onChange: () => setShowSkeleton((v) => !v), label: "Skel" }), jsxRuntime.jsx(NiceToggleCaY1u82g.N, { checked: showLightHelpers, onChange: () => setShowLightHelpers((v) => !v), label: "Helpers" }), jsxRuntime.jsxs("div", { className: ModelEditor_module.menuRight, children: [jsxRuntime.jsx("label", { className: ModelEditor_module.menuLabel, children: "BG" }), jsxRuntime.jsx(NiceButtonD9l39Rs7.N, { value: bgColor, onChange: (c) => setBgColor(c) })] })] }));
 });
 ModelEditorMenuBar.displayName = "ModelEditorMenuBar";
 

package/dist/cjs/model/ModelEditorRightPanel.js

@@ -1,14 +1,14 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var we = require('react');
+var ke = require('react');
 var THREE = require('three');
 var ModelEditor_module = require('./ModelEditor.module.css.js');
 var modelEditorTypes = require('./modelEditorTypes.js');
 var ModelEditorSubComponents = require('./ModelEditorSubComponents.js');
-var NiceButtonDmTHNHet = require('../ui/dist/NiceButton-DmTHNHet.js');
-var NicePinCodeInput4q8yULuo = require('../ui/dist/NicePinCodeInput-4q8yULuo.js');
-var NiceToggleC1UKGXmJ = require('../ui/dist/NiceToggle-C1UKGXmJ.js');
+var NiceButtonD9l39Rs7 = require('../ui/dist/NiceButton-D9l39Rs7.js');
+var NicePinCodeInputCrMfdxxc = require('../ui/dist/NicePinCodeInput-CrMfdxxc.js');
+var NiceToggleCaY1u82g = require('../ui/dist/NiceToggle-CaY1u82g.js');
 
 function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -29,44 +29,44 @@ function _interopNamespaceDefault(e) {
 
 var THREE__namespace = /*#__PURE__*/_interopNamespaceDefault(THREE);
 
-const ModelEditorRightPanel = we.memo(({ api }) => {
+const ModelEditorRightPanel = ke.memo(({ api }) => {
     const { propTab, setPropTab, selectedNode, selectedMaterials, selMaterialIdx, setSelMaterialIdx, setMatRefresh, rebuildTree, aiBusy, aiStatus, rootObjectRef, videoInputRef, bgColor, setBgColor, fogEnabled, setFogEnabled, fogColor, setFogColor, fogNear, setFogNear, fogFar, setFogFar, showLightHelpers, setShowLightHelpers, showGrid, setShowGrid, showAxes, setShowAxes, showSkeleton, setShowSkeleton, snapEnabled, setSnapEnabled, snapGrid, setSnapGrid, setStatusText, } = api;
-    return (jsxRuntime.jsxs("div", { className: ModelEditor_module.rightPanel, children: [jsxRuntime.jsx("div", { className: ModelEditor_module.propTabs, children: ["object", "material", "world", "modifiers", "physics"].map((t) => (jsxRuntime.jsx(NiceButtonDmTHNHet.c, { className: ModelEditor_module.propTabBtn, variant: propTab === t ? "primary" : "ghost", size: "sm", onClick: () => setPropTab(t), title: t.charAt(0).toUpperCase() + t.slice(1), children: t === "object" ? "🔧" : t === "material" ? "🎨" : t === "world" ? "🌍" : t === "modifiers" ? "🔩" : "⚡" }, t))) }), propTab === "object" && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: ModelEditor_module.panelSection, children: [jsxRuntime.jsx("div", { className: ModelEditor_module.panelTitle, children: "\uD83D\uDD27 Transform" }), jsxRuntime.jsx("div", { className: ModelEditor_module.panelContent, children: selectedNode ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Name" }), jsxRuntime.jsx(NiceButtonDmTHNHet.b, { className: ModelEditor_module.propInput, value: selectedNode.name, onChange: (val) => {
+    return (jsxRuntime.jsxs("div", { className: ModelEditor_module.rightPanel, children: [jsxRuntime.jsx("div", { className: ModelEditor_module.propTabs, children: ["object", "material", "world", "modifiers", "physics"].map((t) => (jsxRuntime.jsx(NiceButtonD9l39Rs7.c, { className: ModelEditor_module.propTabBtn, variant: propTab === t ? "primary" : "ghost", size: "sm", onClick: () => setPropTab(t), title: t.charAt(0).toUpperCase() + t.slice(1), children: t === "object" ? "🔧" : t === "material" ? "🎨" : t === "world" ? "🌍" : t === "modifiers" ? "🔩" : "⚡" }, t))) }), propTab === "object" && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: ModelEditor_module.panelSection, children: [jsxRuntime.jsx("div", { className: ModelEditor_module.panelTitle, children: "\uD83D\uDD27 Transform" }), jsxRuntime.jsx("div", { className: ModelEditor_module.panelContent, children: selectedNode ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Name" }), jsxRuntime.jsx(NiceButtonD9l39Rs7.b, { className: ModelEditor_module.propInput, value: selectedNode.name, onChange: (val) => {
                                                         selectedNode.object.name = val;
                                                         rebuildTree();
-                                                    } })] }), jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Type" }), jsxRuntime.jsx("span", { style: { fontSize: 10, color: "#888" }, children: selectedNode.type })] }), jsxRuntime.jsx(ModelEditorSubComponents.Vec3Row, { label: "Position", value: selectedNode.object.position, onChange: () => setMatRefresh((n) => n + 1) }), jsxRuntime.jsx(ModelEditorSubComponents.Vec3RowDeg, { label: "Rotation", value: selectedNode.object.rotation, onChange: () => setMatRefresh((n) => n + 1) }), jsxRuntime.jsx(ModelEditorSubComponents.Vec3Row, { label: "Scale", value: selectedNode.object.scale, onChange: () => setMatRefresh((n) => n + 1) })] })) : (jsxRuntime.jsx("div", { style: { color: "#666", fontSize: 10 }, children: "Select an object" })) })] }), selectedNode && selectedNode.object instanceof THREE__namespace.Light && (jsxRuntime.jsxs("div", { className: ModelEditor_module.panelSection, children: [jsxRuntime.jsx("div", { className: ModelEditor_module.panelTitle, children: "\uD83D\uDCA1 Light" }), jsxRuntime.jsxs("div", { className: ModelEditor_module.panelContent, children: [jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Color" }), jsxRuntime.jsx(NiceButtonDmTHNHet.N, { value: `#${selectedNode.object.color.getHexString()}`, onChange: (c) => {
+                                                    } })] }), jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Type" }), jsxRuntime.jsx("span", { style: { fontSize: 10, color: "#888" }, children: selectedNode.type })] }), jsxRuntime.jsx(ModelEditorSubComponents.Vec3Row, { label: "Position", value: selectedNode.object.position, onChange: () => setMatRefresh((n) => n + 1) }), jsxRuntime.jsx(ModelEditorSubComponents.Vec3RowDeg, { label: "Rotation", value: selectedNode.object.rotation, onChange: () => setMatRefresh((n) => n + 1) }), jsxRuntime.jsx(ModelEditorSubComponents.Vec3Row, { label: "Scale", value: selectedNode.object.scale, onChange: () => setMatRefresh((n) => n + 1) })] })) : (jsxRuntime.jsx("div", { style: { color: "#666", fontSize: 10 }, children: "Select an object" })) })] }), selectedNode && selectedNode.object instanceof THREE__namespace.Light && (jsxRuntime.jsxs("div", { className: ModelEditor_module.panelSection, children: [jsxRuntime.jsx("div", { className: ModelEditor_module.panelTitle, children: "\uD83D\uDCA1 Light" }), jsxRuntime.jsxs("div", { className: ModelEditor_module.panelContent, children: [jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Color" }), jsxRuntime.jsx(NiceButtonD9l39Rs7.N, { value: `#${selectedNode.object.color.getHexString()}`, onChange: (c) => {
                                                     selectedNode.object.color.set(c);
                                                     setMatRefresh((n) => n + 1);
-                                                } })] }), jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Intensity" }), jsxRuntime.jsx(NicePinCodeInput4q8yULuo.U, { min: 0, max: 10, step: 0.1, value: selectedNode.object.intensity, onChange: (val) => {
+                                                } })] }), jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Intensity" }), jsxRuntime.jsx(NicePinCodeInputCrMfdxxc.U, { min: 0, max: 10, step: 0.1, value: selectedNode.object.intensity, onChange: (val) => {
                                                     selectedNode.object.intensity = val;
                                                     setMatRefresh((n) => n + 1);
-                                                }, style: { flex: 1 } }), jsxRuntime.jsx("span", { style: { fontSize: 9, color: "#888", width: 28, textAlign: "right" }, children: selectedNode.object.intensity.toFixed(1) })] }), "castShadow" in selectedNode.object && (jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Shadow" }), jsxRuntime.jsx(NiceToggleC1UKGXmJ.N, { checked: selectedNode.object.castShadow, onChange: (checked) => {
+                                                }, style: { flex: 1 } }), jsxRuntime.jsx("span", { style: { fontSize: 9, color: "#888", width: 28, textAlign: "right" }, children: selectedNode.object.intensity.toFixed(1) })] }), "castShadow" in selectedNode.object && (jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Shadow" }), jsxRuntime.jsx(NiceToggleCaY1u82g.N, { checked: selectedNode.object.castShadow, onChange: (checked) => {
                                                     selectedNode.object.castShadow = checked;
                                                     setMatRefresh((n) => n + 1);
-                                                } })] })), selectedNode.object instanceof THREE__namespace.SpotLight && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Angle" }), jsxRuntime.jsx(NicePinCodeInput4q8yULuo.U, { min: 0, max: 90, step: 1, value: (selectedNode.object.angle * modelEditorTypes.DEG), onChange: (val) => {
+                                                } })] })), selectedNode.object instanceof THREE__namespace.SpotLight && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Angle" }), jsxRuntime.jsx(NicePinCodeInputCrMfdxxc.U, { min: 0, max: 90, step: 1, value: (selectedNode.object.angle * modelEditorTypes.DEG), onChange: (val) => {
                                                             selectedNode.object.angle = val / modelEditorTypes.DEG;
                                                             setMatRefresh((n) => n + 1);
-                                                        }, style: { flex: 1 } }), jsxRuntime.jsxs("span", { style: { fontSize: 9, color: "#888", width: 28, textAlign: "right" }, children: [(selectedNode.object.angle * modelEditorTypes.DEG).toFixed(0), "\u00B0"] })] }), jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Penumbra" }), jsxRuntime.jsx(NicePinCodeInput4q8yULuo.U, { min: 0, max: 1, step: 0.01, value: selectedNode.object.penumbra, onChange: (val) => {
+                                                        }, style: { flex: 1 } }), jsxRuntime.jsxs("span", { style: { fontSize: 9, color: "#888", width: 28, textAlign: "right" }, children: [(selectedNode.object.angle * modelEditorTypes.DEG).toFixed(0), "\u00B0"] })] }), jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Penumbra" }), jsxRuntime.jsx(NicePinCodeInputCrMfdxxc.U, { min: 0, max: 1, step: 0.01, value: selectedNode.object.penumbra, onChange: (val) => {
                                                             selectedNode.object.penumbra = val;
                                                             setMatRefresh((n) => n + 1);
-                                                        }, style: { flex: 1 } })] })] }))] })] })), selectedNode && selectedNode.object instanceof THREE__namespace.PerspectiveCamera && (jsxRuntime.jsxs("div", { className: ModelEditor_module.panelSection, children: [jsxRuntime.jsx("div", { className: ModelEditor_module.panelTitle, children: "\uD83D\uDCF7 Camera" }), jsxRuntime.jsxs("div", { className: ModelEditor_module.panelContent, children: [jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "FOV" }), jsxRuntime.jsx(NicePinCodeInput4q8yULuo.U, { min: 10, max: 120, step: 1, value: selectedNode.object.fov, onChange: (val) => {
+                                                        }, style: { flex: 1 } })] })] }))] })] })), selectedNode && selectedNode.object instanceof THREE__namespace.PerspectiveCamera && (jsxRuntime.jsxs("div", { className: ModelEditor_module.panelSection, children: [jsxRuntime.jsx("div", { className: ModelEditor_module.panelTitle, children: "\uD83D\uDCF7 Camera" }), jsxRuntime.jsxs("div", { className: ModelEditor_module.panelContent, children: [jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "FOV" }), jsxRuntime.jsx(NicePinCodeInputCrMfdxxc.U, { min: 10, max: 120, step: 1, value: selectedNode.object.fov, onChange: (val) => {
                                                     const cam = selectedNode.object;
                                                     cam.fov = val;
                                                     cam.updateProjectionMatrix();
                                                     setMatRefresh((n) => n + 1);
-                                                }, style: { flex: 1 } }), jsxRuntime.jsxs("span", { style: { fontSize: 9, color: "#888", width: 28, textAlign: "right" }, children: [selectedNode.object.fov.toFixed(0), "\u00B0"] })] }), jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Near" }), jsxRuntime.jsx(NiceToggleC1UKGXmJ.a, { className: ModelEditor_module.propInput, step: 0.01, value: selectedNode.object.near, onChange: (val) => {
+                                                }, style: { flex: 1 } }), jsxRuntime.jsxs("span", { style: { fontSize: 9, color: "#888", width: 28, textAlign: "right" }, children: [selectedNode.object.fov.toFixed(0), "\u00B0"] })] }), jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Near" }), jsxRuntime.jsx(NiceToggleCaY1u82g.a, { className: ModelEditor_module.propInput, step: 0.01, value: selectedNode.object.near, onChange: (val) => {
                                                     const cam = selectedNode.object;
                                                     cam.near = val !== null && val !== void 0 ? val : 0.1;
                                                     cam.updateProjectionMatrix();
                                                     setMatRefresh((n) => n + 1);
-                                                }, style: { width: 60 } })] }), jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Far" }), jsxRuntime.jsx(NiceToggleC1UKGXmJ.a, { className: ModelEditor_module.propInput, step: 1, value: selectedNode.object.far, onChange: (val) => {
+                                                }, style: { width: 60 } })] }), jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Far" }), jsxRuntime.jsx(NiceToggleCaY1u82g.a, { className: ModelEditor_module.propInput, step: 1, value: selectedNode.object.far, onChange: (val) => {
                                                     const cam = selectedNode.object;
                                                     cam.far = val !== null && val !== void 0 ? val : 1000;
                                                     cam.updateProjectionMatrix();
                                                     setMatRefresh((n) => n + 1);
-                                                }, style: { width: 80 } })] })] })] })), jsxRuntime.jsxs("div", { className: ModelEditor_module.panelSection, children: [jsxRuntime.jsx("div", { className: ModelEditor_module.panelTitle, children: "\uD83E\uDD16 AI Animation" }), jsxRuntime.jsx("div", { className: ModelEditor_module.panelContent, children: jsxRuntime.jsxs("div", { className: ModelEditor_module.aiPanel, children: [jsxRuntime.jsx("div", { className: ModelEditor_module.aiHeader, children: "\u2728 Generate animation from video" }), jsxRuntime.jsx("p", { style: { fontSize: 10, color: "#888", margin: "0 0 6px" }, children: "Upload a video and AI will extract 3D pose data to create an animation clip for the current model." }), jsxRuntime.jsx("div", { className: ModelEditor_module.aiBtnRow, children: jsxRuntime.jsx(NiceButtonDmTHNHet.c, { className: ModelEditor_module.aiBtn, variant: "ghost", size: "sm", disabled: aiBusy || !rootObjectRef.current, onClick: () => { var _a; return (_a = videoInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, children: aiBusy ? "Processing..." : "Upload Video" }) }), aiStatus && (jsxRuntime.jsx("div", { className: ModelEditor_module.aiStatus, children: aiStatus }))] }) })] })] })), propTab === "material" && (jsxRuntime.jsxs("div", { className: ModelEditor_module.panelSection, children: [jsxRuntime.jsx("div", { className: ModelEditor_module.panelTitle, children: "\uD83C\uDFA8 Materials" }), jsxRuntime.jsx("div", { className: ModelEditor_module.panelContent, children: selectedMaterials.length > 0 ? (selectedMaterials.map((mat, i) => (jsxRuntime.jsx(ModelEditorSubComponents.MaterialCard, { material: mat, active: i === selMaterialIdx, onClick: () => setSelMaterialIdx(i), onUpdate: () => setMatRefresh((n) => n + 1) }, i)))) : (jsxRuntime.jsx("div", { style: { color: "#666", fontSize: 10 }, children: selectedNode
+                                                }, style: { width: 80 } })] })] })] })), jsxRuntime.jsxs("div", { className: ModelEditor_module.panelSection, children: [jsxRuntime.jsx("div", { className: ModelEditor_module.panelTitle, children: "\uD83E\uDD16 AI Animation" }), jsxRuntime.jsx("div", { className: ModelEditor_module.panelContent, children: jsxRuntime.jsxs("div", { className: ModelEditor_module.aiPanel, children: [jsxRuntime.jsx("div", { className: ModelEditor_module.aiHeader, children: "\u2728 Generate animation from video" }), jsxRuntime.jsx("p", { style: { fontSize: 10, color: "#888", margin: "0 0 6px" }, children: "Upload a video and AI will extract 3D pose data to create an animation clip for the current model." }), jsxRuntime.jsx("div", { className: ModelEditor_module.aiBtnRow, children: jsxRuntime.jsx(NiceButtonD9l39Rs7.c, { className: ModelEditor_module.aiBtn, variant: "ghost", size: "sm", disabled: aiBusy || !rootObjectRef.current, onClick: () => { var _a; return (_a = videoInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, children: aiBusy ? "Processing..." : "Upload Video" }) }), aiStatus && (jsxRuntime.jsx("div", { className: ModelEditor_module.aiStatus, children: aiStatus }))] }) })] })] })), propTab === "material" && (jsxRuntime.jsxs("div", { className: ModelEditor_module.panelSection, children: [jsxRuntime.jsx("div", { className: ModelEditor_module.panelTitle, children: "\uD83C\uDFA8 Materials" }), jsxRuntime.jsx("div", { className: ModelEditor_module.panelContent, children: selectedMaterials.length > 0 ? (selectedMaterials.map((mat, i) => (jsxRuntime.jsx(ModelEditorSubComponents.MaterialCard, { material: mat, active: i === selMaterialIdx, onClick: () => setSelMaterialIdx(i), onUpdate: () => setMatRefresh((n) => n + 1) }, i)))) : (jsxRuntime.jsx("div", { style: { color: "#666", fontSize: 10 }, children: selectedNode
                                 ? "No materials on this object"
-                                : "Select a mesh to inspect" })) })] })), propTab === "world" && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: ModelEditor_module.panelSection, children: [jsxRuntime.jsx("div", { className: ModelEditor_module.panelTitle, children: "\uD83C\uDF0D Environment" }), jsxRuntime.jsx("div", { className: ModelEditor_module.panelContent, children: jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Background" }), jsxRuntime.jsx(NiceButtonDmTHNHet.N, { value: bgColor, onChange: (c) => setBgColor(c) }), jsxRuntime.jsx("span", { style: { fontSize: 9, color: "#888" }, children: bgColor })] }) })] }), jsxRuntime.jsxs("div", { className: ModelEditor_module.panelSection, children: [jsxRuntime.jsx("div", { className: ModelEditor_module.panelTitle, children: "\uD83C\uDF2B Fog" }), jsxRuntime.jsxs("div", { className: ModelEditor_module.panelContent, children: [jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Enable" }), jsxRuntime.jsx(NiceToggleC1UKGXmJ.N, { checked: fogEnabled, onChange: () => setFogEnabled((v) => !v) })] }), fogEnabled && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Color" }), jsxRuntime.jsx(NiceButtonDmTHNHet.N, { value: fogColor, onChange: (c) => setFogColor(c) })] }), jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Near" }), jsxRuntime.jsx(NiceToggleC1UKGXmJ.a, { className: ModelEditor_module.propInput, value: fogNear, onChange: (val) => setFogNear(val !== null && val !== void 0 ? val : 1), style: { width: 60 } })] }), jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Far" }), jsxRuntime.jsx(NiceToggleC1UKGXmJ.a, { className: ModelEditor_module.propInput, value: fogFar, onChange: (val) => setFogFar(val !== null && val !== void 0 ? val : 100), style: { width: 60 } })] })] }))] })] }), jsxRuntime.jsxs("div", { className: ModelEditor_module.panelSection, children: [jsxRuntime.jsx("div", { className: ModelEditor_module.panelTitle, children: "\uD83D\uDD06 Scene Lights" }), jsxRuntime.jsxs("div", { className: ModelEditor_module.panelContent, children: [jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Show Helpers" }), jsxRuntime.jsx(NiceToggleC1UKGXmJ.N, { checked: showLightHelpers, onChange: () => setShowLightHelpers((v) => !v) })] }), jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Grid" }), jsxRuntime.jsx(NiceToggleC1UKGXmJ.N, { checked: showGrid, onChange: () => setShowGrid((v) => !v) })] }), jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Axes" }), jsxRuntime.jsx(NiceToggleC1UKGXmJ.N, { checked: showAxes, onChange: () => setShowAxes((v) => !v) })] }), jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Skeleton" }), jsxRuntime.jsx(NiceToggleC1UKGXmJ.N, { checked: showSkeleton, onChange: () => setShowSkeleton((v) => !v) })] })] })] }), jsxRuntime.jsxs("div", { className: ModelEditor_module.panelSection, children: [jsxRuntime.jsx("div", { className: ModelEditor_module.panelTitle, children: "\uD83E\uDDF2 Snapping" }), jsxRuntime.jsxs("div", { className: ModelEditor_module.panelContent, children: [jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Snap" }), jsxRuntime.jsx(NiceToggleC1UKGXmJ.N, { checked: snapEnabled, onChange: () => setSnapEnabled((v) => !v) })] }), snapEnabled && (jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Grid Size" }), jsxRuntime.jsx(NiceToggleC1UKGXmJ.a, { className: ModelEditor_module.propInput, step: 0.25, min: 0.1, value: snapGrid, onChange: (val) => setSnapGrid(val !== null && val !== void 0 ? val : 1), style: { width: 60 } })] }))] })] })] })), propTab === "modifiers" && (jsxRuntime.jsxs("div", { className: ModelEditor_module.panelSection, children: [jsxRuntime.jsx("div", { className: ModelEditor_module.panelTitle, children: "\uD83D\uDD29 Modifiers" }), jsxRuntime.jsx("div", { className: ModelEditor_module.panelContent, children: selectedNode && selectedNode.object instanceof THREE__namespace.Mesh ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(NiceButtonDmTHNHet.c, { className: ModelEditor_module.btnSecondary, variant: "ghost", size: "sm", style: { width: "100%", marginBottom: 4 }, onClick: () => {
+                                : "Select a mesh to inspect" })) })] })), propTab === "world" && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: ModelEditor_module.panelSection, children: [jsxRuntime.jsx("div", { className: ModelEditor_module.panelTitle, children: "\uD83C\uDF0D Environment" }), jsxRuntime.jsx("div", { className: ModelEditor_module.panelContent, children: jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Background" }), jsxRuntime.jsx(NiceButtonD9l39Rs7.N, { value: bgColor, onChange: (c) => setBgColor(c) }), jsxRuntime.jsx("span", { style: { fontSize: 9, color: "#888" }, children: bgColor })] }) })] }), jsxRuntime.jsxs("div", { className: ModelEditor_module.panelSection, children: [jsxRuntime.jsx("div", { className: ModelEditor_module.panelTitle, children: "\uD83C\uDF2B Fog" }), jsxRuntime.jsxs("div", { className: ModelEditor_module.panelContent, children: [jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Enable" }), jsxRuntime.jsx(NiceToggleCaY1u82g.N, { checked: fogEnabled, onChange: () => setFogEnabled((v) => !v) })] }), fogEnabled && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Color" }), jsxRuntime.jsx(NiceButtonD9l39Rs7.N, { value: fogColor, onChange: (c) => setFogColor(c) })] }), jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Near" }), jsxRuntime.jsx(NiceToggleCaY1u82g.a, { className: ModelEditor_module.propInput, value: fogNear, onChange: (val) => setFogNear(val !== null && val !== void 0 ? val : 1), style: { width: 60 } })] }), jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Far" }), jsxRuntime.jsx(NiceToggleCaY1u82g.a, { className: ModelEditor_module.propInput, value: fogFar, onChange: (val) => setFogFar(val !== null && val !== void 0 ? val : 100), style: { width: 60 } })] })] }))] })] }), jsxRuntime.jsxs("div", { className: ModelEditor_module.panelSection, children: [jsxRuntime.jsx("div", { className: ModelEditor_module.panelTitle, children: "\uD83D\uDD06 Scene Lights" }), jsxRuntime.jsxs("div", { className: ModelEditor_module.panelContent, children: [jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Show Helpers" }), jsxRuntime.jsx(NiceToggleCaY1u82g.N, { checked: showLightHelpers, onChange: () => setShowLightHelpers((v) => !v) })] }), jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Grid" }), jsxRuntime.jsx(NiceToggleCaY1u82g.N, { checked: showGrid, onChange: () => setShowGrid((v) => !v) })] }), jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Axes" }), jsxRuntime.jsx(NiceToggleCaY1u82g.N, { checked: showAxes, onChange: () => setShowAxes((v) => !v) })] }), jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Skeleton" }), jsxRuntime.jsx(NiceToggleCaY1u82g.N, { checked: showSkeleton, onChange: () => setShowSkeleton((v) => !v) })] })] })] }), jsxRuntime.jsxs("div", { className: ModelEditor_module.panelSection, children: [jsxRuntime.jsx("div", { className: ModelEditor_module.panelTitle, children: "\uD83E\uDDF2 Snapping" }), jsxRuntime.jsxs("div", { className: ModelEditor_module.panelContent, children: [jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Snap" }), jsxRuntime.jsx(NiceToggleCaY1u82g.N, { checked: snapEnabled, onChange: () => setSnapEnabled((v) => !v) })] }), snapEnabled && (jsxRuntime.jsxs("div", { className: ModelEditor_module.propRow, children: [jsxRuntime.jsx("span", { className: ModelEditor_module.propLabel, children: "Grid Size" }), jsxRuntime.jsx(NiceToggleCaY1u82g.a, { className: ModelEditor_module.propInput, step: 0.25, min: 0.1, value: snapGrid, onChange: (val) => setSnapGrid(val !== null && val !== void 0 ? val : 1), style: { width: 60 } })] }))] })] })] })), propTab === "modifiers" && (jsxRuntime.jsxs("div", { className: ModelEditor_module.panelSection, children: [jsxRuntime.jsx("div", { className: ModelEditor_module.panelTitle, children: "\uD83D\uDD29 Modifiers" }), jsxRuntime.jsx("div", { className: ModelEditor_module.panelContent, children: selectedNode && selectedNode.object instanceof THREE__namespace.Mesh ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(NiceButtonD9l39Rs7.c, { className: ModelEditor_module.btnSecondary, variant: "ghost", size: "sm", style: { width: "100%", marginBottom: 4 }, onClick: () => {
                                         const mesh = selectedNode.object;
                                         const geo = mesh.geometry;
                                         const pos = geo.attributes.position;
@@ -76,17 +76,17 @@ const ModelEditorRightPanel = we.memo(({ api }) => {
                                             setStatusText("Applied Wireframe modifier");
                                             rebuildTree();
                                         }
-                                    }, children: "+ Wireframe Modifier" }), jsxRuntime.jsx(NiceButtonDmTHNHet.c, { className: ModelEditor_module.btnSecondary, variant: "ghost", size: "sm", style: { width: "100%", marginBottom: 4 }, onClick: () => {
+                                    }, children: "+ Wireframe Modifier" }), jsxRuntime.jsx(NiceButtonD9l39Rs7.c, { className: ModelEditor_module.btnSecondary, variant: "ghost", size: "sm", style: { width: "100%", marginBottom: 4 }, onClick: () => {
                                         const mesh = selectedNode.object;
                                         mesh.geometry.computeVertexNormals();
                                         setStatusText("Recomputed normals");
-                                    }, children: "Recompute Normals" }), jsxRuntime.jsx(NiceButtonDmTHNHet.c, { className: ModelEditor_module.btnSecondary, variant: "ghost", size: "sm", style: { width: "100%", marginBottom: 4 }, onClick: () => {
+                                    }, children: "Recompute Normals" }), jsxRuntime.jsx(NiceButtonD9l39Rs7.c, { className: ModelEditor_module.btnSecondary, variant: "ghost", size: "sm", style: { width: "100%", marginBottom: 4 }, onClick: () => {
                                         const mesh = selectedNode.object;
                                         const geo = mesh.geometry;
                                         geo.center();
                                         setStatusText("Centered geometry");
                                         setMatRefresh((n) => n + 1);
-                                    }, children: "Center Geometry" }), jsxRuntime.jsx(NiceButtonDmTHNHet.c, { className: ModelEditor_module.btnSecondary, variant: "ghost", size: "sm", style: { width: "100%", marginBottom: 4 }, onClick: () => {
+                                    }, children: "Center Geometry" }), jsxRuntime.jsx(NiceButtonD9l39Rs7.c, { className: ModelEditor_module.btnSecondary, variant: "ghost", size: "sm", style: { width: "100%", marginBottom: 4 }, onClick: () => {
                                         const mesh = selectedNode.object;
                                         const geo = mesh.geometry;
                                         const idx = geo.index;