@nice2dev/ui-3d 1.3.15 → 1.3.17

package/dist/cjs/model/ModelEditorTimeline.js

@@ -1,36 +1,234 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var ui = require('@nice2dev/ui');
-var React = require('react');
-var i18n = require('../core/i18n.js');
-var ModelEditor_module = require('./ModelEditor.module.css.js');
-var modelEditorTypes = require('./modelEditorTypes.js');
-
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const ui = require("@nice2dev/ui");
+const React = require("react");
+const i18n = require("../core/i18n.js");
+const ModelEditor_module = require("./ModelEditor.module.css.js");
+const modelEditorTypes = require("./modelEditorTypes.js");
 const ModelEditorTimeline = /* @__PURE__ */ Object.assign(
-/* @__PURE__ */ React.memo(({ api }) => {
+  /* @__PURE__ */ React.memo(({ api }) => {
     const { t } = i18n.useNiceTranslation();
-    const { bottomCollapsed, setBottomCollapsed, animations, activeAnimIdx, isPlaying, animTime, animDuration, animSpeed, setAnimSpeed, loopAnim, setLoopAnim, seekAnim, togglePlay, stopAnim, playClip, mergeInputRef, } = api;
-    return (jsxRuntime.jsxs("div", { className: `${ModelEditor_module.bottomPanel} ${bottomCollapsed ? ModelEditor_module.bottomPanelCollapsed : ''}`, children: [jsxRuntime.jsxs("div", { className: ModelEditor_module.bottomPanelHeader, children: [jsxRuntime.jsx("span", { role: "presentation", className: ModelEditor_module.bottomToggle, onClick: () => setBottomCollapsed((c) => !c), children: jsxRuntime.jsx(ui.NiceIcon, { name: bottomCollapsed ? 'chevron-right' : 'chevron-down', size: 14 }) }), jsxRuntime.jsx("span", { role: "button", tabIndex: 0, "aria-expanded": !bottomCollapsed, onKeyDown: ui.clickOnActivationKey, className: ModelEditor_module.bottomPanelTitle, onClick: () => setBottomCollapsed((c) => !c), children: animations.length !== 1
-                            ? t('modelEditorTimeline.animationClipsMany', 'Animation ({animations} clips)').replace('{animations}', String(animations.length))
-                            : t('modelEditorTimeline.animationClipsOne', 'Animation ({animations} clip)').replace('{animations}', String(animations.length)) }), jsxRuntime.jsx("div", { className: ModelEditor_module.menuSep }), jsxRuntime.jsxs("div", { className: ModelEditor_module.transportBar, children: [jsxRuntime.jsx(ui.NiceButton, { className: ModelEditor_module.transportBtn, variant: "ghost", size: "sm", onClick: () => seekAnim(0), title: t('modelEditorTimeline.goToStart', 'Go to start'), "aria-label": t('modelEditorTimeline.goToStart', 'Go to start'), children: jsxRuntime.jsx(ui.NiceIcon, { name: "chevron-left", size: 16 }) }), jsxRuntime.jsx(ui.NiceButton, { className: ModelEditor_module.transportBtn, variant: isPlaying ? 'primary' : 'ghost', size: "sm", onClick: togglePlay, title: t('modelEditorTimeline.playPauseSpace', 'Play/Pause (Space)'), "aria-label": t('modelEditorTimeline.playPauseSpace', 'Play/Pause (Space)'), children: jsxRuntime.jsx(ui.NiceIcon, { name: isPlaying ? 'pause' : 'play', size: 16 }) }), jsxRuntime.jsx(ui.NiceButton, { className: ModelEditor_module.transportBtn, variant: "ghost", size: "sm", onClick: stopAnim, title: t('modelEditorTimeline.stop', 'Stop'), "aria-label": t('modelEditorTimeline.stop', 'Stop'), children: jsxRuntime.jsx(ui.NiceIcon, { name: "stop", size: 16 }) }), jsxRuntime.jsx(ui.NiceButton, { className: ModelEditor_module.transportBtn, variant: loopAnim ? 'primary' : 'ghost', size: "sm", onClick: () => setLoopAnim((v) => !v), title: t('modelEditorTimeline.loop', 'Loop'), "aria-label": t('modelEditorTimeline.loop', 'Loop'), children: jsxRuntime.jsx(ui.NiceIcon, { name: "refresh", size: 16 }) })] }), jsxRuntime.jsxs("span", { className: ModelEditor_module.transportTime, children: [modelEditorTypes.fmtTime(animTime), " / ", modelEditorTypes.fmtTime(animDuration)] }), jsxRuntime.jsx("div", { className: ModelEditor_module.menuSep }), jsxRuntime.jsx("label", { className: ModelEditor_module.menuLabel, children: t('modelEditorTimeline.speed', 'Speed') }), jsxRuntime.jsx(ui.NiceSlider, { min: 0.1, max: 3, step: 0.1, value: animSpeed, onChange: (val) => setAnimSpeed(val), style: { width: 60 } }), jsxRuntime.jsxs("span", { className: ModelEditor_module.menuLabel, children: [animSpeed.toFixed(1), "\u00D7"] })] }), !bottomCollapsed && (jsxRuntime.jsxs("div", { className: ModelEditor_module.animListArea, children: [jsxRuntime.jsxs("div", { className: ModelEditor_module.animList, children: [animations.length === 0 && (jsxRuntime.jsx("div", { style: { color: 'var(--nice-text-secondary, #666)', fontSize: 10, padding: 8 }, children: t('modelEditorTimeline.noAnimationsLoaded', 'No animations loaded') })), animations.map((anim, i) => (jsxRuntime.jsxs("div", { role: "button", tabIndex: 0, onKeyDown: ui.clickOnActivationKey, className: `${ModelEditor_module.animItem} ${i === activeAnimIdx ? ModelEditor_module.animItemActive : ''}`, onClick: () => playClip(i), children: [jsxRuntime.jsx("span", { children: anim.name }), jsxRuntime.jsxs("span", { className: ModelEditor_module.animDuration, children: [anim.duration.toFixed(1), "s"] })] }, `${anim.name}-${i}`))), jsxRuntime.jsx("div", { style: { padding: '4px 8px' }, children: jsxRuntime.jsx(ui.NiceButton, { className: ModelEditor_module.btnSecondary, variant: "ghost", size: "sm", style: { width: '100%', fontSize: 10 }, onClick: () => { var _a; return (_a = mergeInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, children: t('modelEditorTimeline.addAnimationFile', '+ Add Animation File') }) })] }), jsxRuntime.jsxs("div", { className: ModelEditor_module.timelineArea, children: [jsxRuntime.jsxs("div", { className: ModelEditor_module.timelineRuler, children: [animDuration > 0 &&
-                                        Array.from({ length: Math.ceil(animDuration) + 1 }, (_, i) => {
-                                            const pct = (i / animDuration) * 100;
-                                            return (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsx("div", { className: ModelEditor_module.rulerTick, style: { left: `${pct}%` } }), jsxRuntime.jsxs("span", { className: ModelEditor_module.rulerLabel, style: { left: `${pct}%` }, children: [i, "s"] })] }, i));
-                                        }), animDuration > 0 && (jsxRuntime.jsx("div", { className: ModelEditor_module.playhead, style: {
-                                            left: `${(animTime / animDuration) * 100}%`,
-                                            height: '100%',
-                                        }, children: jsxRuntime.jsx("div", { className: ModelEditor_module.playheadHandle }) }))] }), jsxRuntime.jsx("div", { role: "presentation", className: ModelEditor_module.timelineTracks, style: { height: 140, cursor: 'pointer' }, onClick: (e) => {
-                                    if (animDuration <= 0) {
-                                        return;
-                                    }
-                                    const rect = e.currentTarget.getBoundingClientRect();
-                                    const pct = (e.clientX - rect.left) / rect.width;
-                                    seekAnim(Math.max(0, Math.min(animDuration, pct * animDuration)));
-                                }, children: animDuration > 0 && (jsxRuntime.jsx("div", { className: ModelEditor_module.playhead, style: {
-                                        left: `${(animTime / animDuration) * 100}%`,
-                                        height: '100%',
-                                    } })) })] })] }))] }));
-}), { displayName: 'ModelEditorTimeline' });
-
-module.exports = ModelEditorTimeline;
+    const {
+      bottomCollapsed,
+      setBottomCollapsed,
+      animations,
+      activeAnimIdx,
+      isPlaying,
+      animTime,
+      animDuration,
+      animSpeed,
+      setAnimSpeed,
+      loopAnim,
+      setLoopAnim,
+      seekAnim,
+      togglePlay,
+      stopAnim,
+      playClip,
+      mergeInputRef
+    } = api;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: `${ModelEditor_module.default.bottomPanel} ${bottomCollapsed ? ModelEditor_module.default.bottomPanelCollapsed : ""}`,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ModelEditor_module.default.bottomPanelHeader, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                role: "presentation",
+                className: ModelEditor_module.default.bottomToggle,
+                onClick: () => setBottomCollapsed((c) => !c),
+                children: /* @__PURE__ */ jsxRuntime.jsx(ui.NiceIcon, { name: bottomCollapsed ? "chevron-right" : "chevron-down", size: 14 })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                role: "button",
+                tabIndex: 0,
+                "aria-expanded": !bottomCollapsed,
+                onKeyDown: ui.clickOnActivationKey,
+                className: ModelEditor_module.default.bottomPanelTitle,
+                onClick: () => setBottomCollapsed((c) => !c),
+                children: animations.length !== 1 ? t(
+                  "modelEditorTimeline.animationClipsMany",
+                  "Animation ({animations} clips)"
+                ).replace("{animations}", String(animations.length)) : t("modelEditorTimeline.animationClipsOne", "Animation ({animations} clip)").replace(
+                  "{animations}",
+                  String(animations.length)
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: ModelEditor_module.default.menuSep }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ModelEditor_module.default.transportBar, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ui.NiceButton,
+                {
+                  className: ModelEditor_module.default.transportBtn,
+                  variant: "ghost",
+                  size: "sm",
+                  onClick: () => seekAnim(0),
+                  title: t("modelEditorTimeline.goToStart", "Go to start"),
+                  "aria-label": t("modelEditorTimeline.goToStart", "Go to start"),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(ui.NiceIcon, { name: "chevron-left", size: 16 })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ui.NiceButton,
+                {
+                  className: ModelEditor_module.default.transportBtn,
+                  variant: isPlaying ? "primary" : "ghost",
+                  size: "sm",
+                  onClick: togglePlay,
+                  title: t("modelEditorTimeline.playPauseSpace", "Play/Pause (Space)"),
+                  "aria-label": t("modelEditorTimeline.playPauseSpace", "Play/Pause (Space)"),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(ui.NiceIcon, { name: isPlaying ? "pause" : "play", size: 16 })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ui.NiceButton,
+                {
+                  className: ModelEditor_module.default.transportBtn,
+                  variant: "ghost",
+                  size: "sm",
+                  onClick: stopAnim,
+                  title: t("modelEditorTimeline.stop", "Stop"),
+                  "aria-label": t("modelEditorTimeline.stop", "Stop"),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(ui.NiceIcon, { name: "stop", size: 16 })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ui.NiceButton,
+                {
+                  className: ModelEditor_module.default.transportBtn,
+                  variant: loopAnim ? "primary" : "ghost",
+                  size: "sm",
+                  onClick: () => setLoopAnim((v) => !v),
+                  title: t("modelEditorTimeline.loop", "Loop"),
+                  "aria-label": t("modelEditorTimeline.loop", "Loop"),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(ui.NiceIcon, { name: "refresh", size: 16 })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: ModelEditor_module.default.transportTime, children: [
+              modelEditorTypes.fmtTime(animTime),
+              " / ",
+              modelEditorTypes.fmtTime(animDuration)
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: ModelEditor_module.default.menuSep }),
+            /* @__PURE__ */ jsxRuntime.jsx("label", { className: ModelEditor_module.default.menuLabel, children: t("modelEditorTimeline.speed", "Speed") }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.NiceSlider,
+              {
+                min: 0.1,
+                max: 3,
+                step: 0.1,
+                value: animSpeed,
+                onChange: (val) => setAnimSpeed(val),
+                style: { width: 60 }
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: ModelEditor_module.default.menuLabel, children: [
+              animSpeed.toFixed(1),
+              "×"
+            ] })
+          ] }),
+          !bottomCollapsed && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ModelEditor_module.default.animListArea, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ModelEditor_module.default.animList, children: [
+              animations.length === 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  style: { color: "var(--nice-text-secondary, #666)", fontSize: 10, padding: 8 },
+                  children: t("modelEditorTimeline.noAnimationsLoaded", "No animations loaded")
+                }
+              ),
+              animations.map((anim, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  role: "button",
+                  tabIndex: 0,
+                  onKeyDown: ui.clickOnActivationKey,
+                  className: `${ModelEditor_module.default.animItem} ${i === activeAnimIdx ? ModelEditor_module.default.animItemActive : ""}`,
+                  onClick: () => playClip(i),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { children: anim.name }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: ModelEditor_module.default.animDuration, children: [
+                      anim.duration.toFixed(1),
+                      "s"
+                    ] })
+                  ]
+                },
+                `${anim.name}-${i}`
+              )),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "4px 8px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+                ui.NiceButton,
+                {
+                  className: ModelEditor_module.default.btnSecondary,
+                  variant: "ghost",
+                  size: "sm",
+                  style: { width: "100%", fontSize: 10 },
+                  onClick: () => mergeInputRef.current?.click(),
+                  children: t("modelEditorTimeline.addAnimationFile", "+ Add Animation File")
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ModelEditor_module.default.timelineArea, children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ModelEditor_module.default.timelineRuler, children: [
+                animDuration > 0 && Array.from({ length: Math.ceil(animDuration) + 1 }, (_, i) => {
+                  const pct = i / animDuration * 100;
+                  return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: ModelEditor_module.default.rulerTick, style: { left: `${pct}%` } }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: ModelEditor_module.default.rulerLabel, style: { left: `${pct}%` }, children: [
+                      i,
+                      "s"
+                    ] })
+                  ] }, i);
+                }),
+                animDuration > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    className: ModelEditor_module.default.playhead,
+                    style: {
+                      left: `${animTime / animDuration * 100}%`,
+                      height: "100%"
+                    },
+                    children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: ModelEditor_module.default.playheadHandle })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  role: "presentation",
+                  className: ModelEditor_module.default.timelineTracks,
+                  style: { height: 140, cursor: "pointer" },
+                  onClick: (e) => {
+                    if (animDuration <= 0) {
+                      return;
+                    }
+                    const rect = e.currentTarget.getBoundingClientRect();
+                    const pct = (e.clientX - rect.left) / rect.width;
+                    seekAnim(Math.max(0, Math.min(animDuration, pct * animDuration)));
+                  },
+                  children: animDuration > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                    "div",
+                    {
+                      className: ModelEditor_module.default.playhead,
+                      style: {
+                        left: `${animTime / animDuration * 100}%`,
+                        height: "100%"
+                      }
+                    }
+                  )
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    );
+  }),
+  { displayName: "ModelEditorTimeline" }
+);
+exports.default = ModelEditorTimeline;

package/dist/cjs/model/ModelEditorToolbar.js

@@ -1,16 +1,172 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var ui = require('@nice2dev/ui');
-var React = require('react');
-var i18n = require('../core/i18n.js');
-var ModelEditor_module = require('./ModelEditor.module.css.js');
-
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const ui = require("@nice2dev/ui");
+const React = require("react");
+const i18n = require("../core/i18n.js");
+const ModelEditor_module = require("./ModelEditor.module.css.js");
 const ModelEditorToolbar = /* @__PURE__ */ Object.assign(
-/* @__PURE__ */ React.memo(({ api }) => {
+  /* @__PURE__ */ React.memo(({ api }) => {
     const { t } = i18n.useNiceTranslation();
-    const { transformMode, setTransformMode, snapEnabled, setSnapEnabled, gizmoSpace, setGizmoSpace, rootObjectRef, focusOnObject, setCameraPreset, deleteSelected, duplicateSelected, selectedNode, } = api;
-    return (jsxRuntime.jsxs("div", { className: ModelEditor_module.toolbar, children: [jsxRuntime.jsx(ui.NiceButton, { className: ModelEditor_module.toolBtn, variant: transformMode === 'translate' ? 'primary' : 'ghost', size: "sm", onClick: () => setTransformMode('translate'), title: t('modelEditorToolbar.translateG', 'Translate (G)'), "aria-label": t('modelEditorToolbar.translateG', 'Translate (G)'), children: jsxRuntime.jsx(ui.NiceIcon, { name: "move", size: 16 }) }), jsxRuntime.jsx(ui.NiceButton, { className: ModelEditor_module.toolBtn, variant: transformMode === 'rotate' ? 'primary' : 'ghost', size: "sm", onClick: () => setTransformMode('rotate'), title: t('modelEditorToolbar.rotateR', 'Rotate (R)'), "aria-label": t('modelEditorToolbar.rotateR', 'Rotate (R)'), children: jsxRuntime.jsx(ui.NiceIcon, { name: "refresh", size: 16 }) }), jsxRuntime.jsx(ui.NiceButton, { className: ModelEditor_module.toolBtn, variant: transformMode === 'scale' ? 'primary' : 'ghost', size: "sm", onClick: () => setTransformMode('scale'), title: t('modelEditorToolbar.scaleS', 'Scale (S)'), "aria-label": t('modelEditorToolbar.scaleS', 'Scale (S)'), children: jsxRuntime.jsx(ui.NiceIcon, { name: "hexagon", size: 16 }) }), jsxRuntime.jsx("div", { className: ModelEditor_module.toolSep }), jsxRuntime.jsx(ui.NiceButton, { className: ModelEditor_module.toolBtn, variant: snapEnabled ? 'primary' : 'ghost', size: "sm", onClick: () => setSnapEnabled((v) => !v), title: t('modelEditorToolbar.snapToGridState', 'Snap to Grid ({state})').replace('{state}', snapEnabled ? t('modelEditorToolbar.on', 'ON') : t('modelEditorToolbar.off', 'OFF')), "aria-label": t('modelEditorToolbar.snapToGrid', 'Snap to Grid'), children: jsxRuntime.jsx(ui.NiceIcon, { name: "grid", size: 16 }) }), jsxRuntime.jsx(ui.NiceButton, { className: ModelEditor_module.toolBtn, variant: "ghost", size: "sm", onClick: () => setGizmoSpace((s) => (s === 'local' ? 'world' : 'local')), title: t('modelEditorToolbar.orientation', 'Orientation: {gizmoSpace}').replace('{gizmoSpace}', String(gizmoSpace)), "aria-label": t('modelEditorToolbar.orientation', 'Orientation: {gizmoSpace}').replace('{gizmoSpace}', String(gizmoSpace)), children: jsxRuntime.jsx(ui.NiceIcon, { name: gizmoSpace === 'local' ? 'target' : 'globe', size: 16 }) }), jsxRuntime.jsx("div", { className: ModelEditor_module.toolSep }), jsxRuntime.jsx(ui.NiceButton, { className: ModelEditor_module.toolBtn, variant: "ghost", size: "sm", onClick: () => rootObjectRef.current && focusOnObject(rootObjectRef.current), title: t('modelEditorToolbar.focusF', 'Focus (F)'), "aria-label": t('modelEditorToolbar.focusF', 'Focus (F)'), children: jsxRuntime.jsx(ui.NiceIcon, { name: "target", size: 16 }) }), jsxRuntime.jsx(ui.NiceButton, { className: ModelEditor_module.toolBtn, variant: "ghost", size: "sm", onClick: () => setCameraPreset('front'), title: t('modelEditorToolbar.frontViewNumpad1', 'Front view (Numpad 1)'), children: "1" }), jsxRuntime.jsx(ui.NiceButton, { className: ModelEditor_module.toolBtn, variant: "ghost", size: "sm", onClick: () => setCameraPreset('right'), title: t('modelEditorToolbar.rightViewNumpad3', 'Right view (Numpad 3)'), children: "3" }), jsxRuntime.jsx(ui.NiceButton, { className: ModelEditor_module.toolBtn, variant: "ghost", size: "sm", onClick: () => setCameraPreset('top'), title: t('modelEditorToolbar.topViewNumpad7', 'Top view (Numpad 7)'), children: "7" }), jsxRuntime.jsx("div", { className: ModelEditor_module.toolSep }), jsxRuntime.jsx(ui.NiceButton, { className: ModelEditor_module.toolBtn, variant: "ghost", size: "sm", onClick: deleteSelected, title: t('modelEditorToolbar.deleteSelectedDel', 'Delete selected (Del)'), "aria-label": t('modelEditorToolbar.deleteSelectedDel', 'Delete selected (Del)'), children: jsxRuntime.jsx(ui.NiceIcon, { name: "trash", size: 16 }) }), jsxRuntime.jsx(ui.NiceButton, { className: ModelEditor_module.toolBtn, variant: "ghost", size: "sm", onClick: duplicateSelected, title: t('modelEditorToolbar.duplicateShiftD', 'Duplicate (Shift+D)'), disabled: !selectedNode, "aria-label": t('modelEditorToolbar.duplicateShiftD', 'Duplicate (Shift+D)'), children: jsxRuntime.jsx(ui.NiceIcon, { name: "clipboard", size: 16 }) })] }));
-}), { displayName: 'ModelEditorToolbar' });
-
-module.exports = ModelEditorToolbar;
+    const {
+      transformMode,
+      setTransformMode,
+      snapEnabled,
+      setSnapEnabled,
+      gizmoSpace,
+      setGizmoSpace,
+      rootObjectRef,
+      focusOnObject,
+      setCameraPreset,
+      deleteSelected,
+      duplicateSelected,
+      selectedNode
+    } = api;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ModelEditor_module.default.toolbar, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.NiceButton,
+        {
+          className: ModelEditor_module.default.toolBtn,
+          variant: transformMode === "translate" ? "primary" : "ghost",
+          size: "sm",
+          onClick: () => setTransformMode("translate"),
+          title: t("modelEditorToolbar.translateG", "Translate (G)"),
+          "aria-label": t("modelEditorToolbar.translateG", "Translate (G)"),
+          children: /* @__PURE__ */ jsxRuntime.jsx(ui.NiceIcon, { name: "move", size: 16 })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.NiceButton,
+        {
+          className: ModelEditor_module.default.toolBtn,
+          variant: transformMode === "rotate" ? "primary" : "ghost",
+          size: "sm",
+          onClick: () => setTransformMode("rotate"),
+          title: t("modelEditorToolbar.rotateR", "Rotate (R)"),
+          "aria-label": t("modelEditorToolbar.rotateR", "Rotate (R)"),
+          children: /* @__PURE__ */ jsxRuntime.jsx(ui.NiceIcon, { name: "refresh", size: 16 })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.NiceButton,
+        {
+          className: ModelEditor_module.default.toolBtn,
+          variant: transformMode === "scale" ? "primary" : "ghost",
+          size: "sm",
+          onClick: () => setTransformMode("scale"),
+          title: t("modelEditorToolbar.scaleS", "Scale (S)"),
+          "aria-label": t("modelEditorToolbar.scaleS", "Scale (S)"),
+          children: /* @__PURE__ */ jsxRuntime.jsx(ui.NiceIcon, { name: "hexagon", size: 16 })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: ModelEditor_module.default.toolSep }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.NiceButton,
+        {
+          className: ModelEditor_module.default.toolBtn,
+          variant: snapEnabled ? "primary" : "ghost",
+          size: "sm",
+          onClick: () => setSnapEnabled((v) => !v),
+          title: t("modelEditorToolbar.snapToGridState", "Snap to Grid ({state})").replace(
+            "{state}",
+            snapEnabled ? t("modelEditorToolbar.on", "ON") : t("modelEditorToolbar.off", "OFF")
+          ),
+          "aria-label": t("modelEditorToolbar.snapToGrid", "Snap to Grid"),
+          children: /* @__PURE__ */ jsxRuntime.jsx(ui.NiceIcon, { name: "grid", size: 16 })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.NiceButton,
+        {
+          className: ModelEditor_module.default.toolBtn,
+          variant: "ghost",
+          size: "sm",
+          onClick: () => setGizmoSpace((s) => s === "local" ? "world" : "local"),
+          title: t("modelEditorToolbar.orientation", "Orientation: {gizmoSpace}").replace(
+            "{gizmoSpace}",
+            String(gizmoSpace)
+          ),
+          "aria-label": t("modelEditorToolbar.orientation", "Orientation: {gizmoSpace}").replace(
+            "{gizmoSpace}",
+            String(gizmoSpace)
+          ),
+          children: /* @__PURE__ */ jsxRuntime.jsx(ui.NiceIcon, { name: gizmoSpace === "local" ? "target" : "globe", size: 16 })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: ModelEditor_module.default.toolSep }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.NiceButton,
+        {
+          className: ModelEditor_module.default.toolBtn,
+          variant: "ghost",
+          size: "sm",
+          onClick: () => rootObjectRef.current && focusOnObject(rootObjectRef.current),
+          title: t("modelEditorToolbar.focusF", "Focus (F)"),
+          "aria-label": t("modelEditorToolbar.focusF", "Focus (F)"),
+          children: /* @__PURE__ */ jsxRuntime.jsx(ui.NiceIcon, { name: "target", size: 16 })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.NiceButton,
+        {
+          className: ModelEditor_module.default.toolBtn,
+          variant: "ghost",
+          size: "sm",
+          onClick: () => setCameraPreset("front"),
+          title: t("modelEditorToolbar.frontViewNumpad1", "Front view (Numpad 1)"),
+          children: "1"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.NiceButton,
+        {
+          className: ModelEditor_module.default.toolBtn,
+          variant: "ghost",
+          size: "sm",
+          onClick: () => setCameraPreset("right"),
+          title: t("modelEditorToolbar.rightViewNumpad3", "Right view (Numpad 3)"),
+          children: "3"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.NiceButton,
+        {
+          className: ModelEditor_module.default.toolBtn,
+          variant: "ghost",
+          size: "sm",
+          onClick: () => setCameraPreset("top"),
+          title: t("modelEditorToolbar.topViewNumpad7", "Top view (Numpad 7)"),
+          children: "7"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: ModelEditor_module.default.toolSep }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.NiceButton,
+        {
+          className: ModelEditor_module.default.toolBtn,
+          variant: "ghost",
+          size: "sm",
+          onClick: deleteSelected,
+          title: t("modelEditorToolbar.deleteSelectedDel", "Delete selected (Del)"),
+          "aria-label": t("modelEditorToolbar.deleteSelectedDel", "Delete selected (Del)"),
+          children: /* @__PURE__ */ jsxRuntime.jsx(ui.NiceIcon, { name: "trash", size: 16 })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.NiceButton,
+        {
+          className: ModelEditor_module.default.toolBtn,
+          variant: "ghost",
+          size: "sm",
+          onClick: duplicateSelected,
+          title: t("modelEditorToolbar.duplicateShiftD", "Duplicate (Shift+D)"),
+          disabled: !selectedNode,
+          "aria-label": t("modelEditorToolbar.duplicateShiftD", "Duplicate (Shift+D)"),
+          children: /* @__PURE__ */ jsxRuntime.jsx(ui.NiceIcon, { name: "clipboard", size: 16 })
+        }
+      )
+    ] });
+  }),
+  { displayName: "ModelEditorToolbar" }
+);
+exports.default = ModelEditorToolbar;