@vuer-ai/vuer-uikit 0.0.73 → 0.0.74

package/dist/SyncScroll/SyncScroll.cjs

@@ -1,41 +1,45 @@
 'use strict';
 
-var chunkD6326INV_cjs = require('../chunk-D6326INV.cjs');
+var chunkFABHCVYU_cjs = require('../chunk-FABHCVYU.cjs');
 require('../chunk-G4FJGNY5.cjs');
 require('../chunk-QN4N4I3Z.cjs');
 require('../chunk-Q7E73DVJ.cjs');
 require('../chunk-JR4TVE43.cjs');
-require('../chunk-DSWSIBVQ.cjs');
-require('../chunk-NWA32DT2.cjs');
+require('../chunk-VXZURKMQ.cjs');
+require('../chunk-Q4XH2Z5M.cjs');
 require('../chunk-6BOWMGFG.cjs');
-require('../chunk-NJEIDGQY.cjs');
+require('../chunk-YZIR6LIY.cjs');
 require('../chunk-RPTRTGC2.cjs');
-require('../chunk-QFMQNY4G.cjs');
+require('../chunk-LBWMTA5T.cjs');
 require('../chunk-DWD754BX.cjs');
 
 
 
 Object.defineProperty(exports, "SyncDrag", {
   enumerable: true,
-  get: function () { return chunkD6326INV_cjs.SyncDrag; }
+  get: function () { return chunkFABHCVYU_cjs.SyncDrag; }
 });
 Object.defineProperty(exports, "SyncDragSlave", {
   enumerable: true,
-  get: function () { return chunkD6326INV_cjs.SyncDragSlave; }
+  get: function () { return chunkFABHCVYU_cjs.SyncDragSlave; }
 });
 Object.defineProperty(exports, "SyncDragSlaveX", {
   enumerable: true,
-  get: function () { return chunkD6326INV_cjs.SyncDragSlaveX; }
+  get: function () { return chunkFABHCVYU_cjs.SyncDragSlaveX; }
 });
 Object.defineProperty(exports, "SyncDragX", {
   enumerable: true,
-  get: function () { return chunkD6326INV_cjs.SyncDragX; }
+  get: function () { return chunkFABHCVYU_cjs.SyncDragX; }
+});
+Object.defineProperty(exports, "SyncDragY", {
+  enumerable: true,
+  get: function () { return chunkFABHCVYU_cjs.SyncDragY; }
 });
 Object.defineProperty(exports, "SyncScroll", {
   enumerable: true,
-  get: function () { return chunkD6326INV_cjs.SyncScroll; }
+  get: function () { return chunkFABHCVYU_cjs.SyncScroll; }
 });
 Object.defineProperty(exports, "SyncScrollSlave", {
   enumerable: true,
-  get: function () { return chunkD6326INV_cjs.SyncScrollSlave; }
+  get: function () { return chunkFABHCVYU_cjs.SyncScrollSlave; }
 });

package/dist/SyncScroll/SyncScroll.d.cts

@@ -10,5 +10,6 @@ declare const SyncDrag: ({ ref: extRef, children, className, asChild, ...props }
 declare const SyncDragX: ({ children, className, asChild, ...props }: SyncScrollProps) => react_jsx_runtime.JSX.Element;
 declare const SyncDragSlave: ({ ref: extRef, children, className, asChild, ...props }: SyncScrollProps) => react_jsx_runtime.JSX.Element;
 declare const SyncDragSlaveX: ({ ref: extRef, children, className, asChild, ...props }: SyncScrollProps) => react_jsx_runtime.JSX.Element;
+declare const SyncDragY: ({ ref: extRef, children, className, asChild, ...props }: SyncScrollProps) => react_jsx_runtime.JSX.Element;
 
-export { SyncDrag, SyncDragSlave, SyncDragSlaveX, SyncDragX, SyncScroll, type SyncScrollProps, SyncScrollSlave };
+export { SyncDrag, SyncDragSlave, SyncDragSlaveX, SyncDragX, SyncDragY, SyncScroll, type SyncScrollProps, SyncScrollSlave };

package/dist/SyncScroll/SyncScroll.d.ts

@@ -10,5 +10,6 @@ declare const SyncDrag: ({ ref: extRef, children, className, asChild, ...props }
 declare const SyncDragX: ({ children, className, asChild, ...props }: SyncScrollProps) => react_jsx_runtime.JSX.Element;
 declare const SyncDragSlave: ({ ref: extRef, children, className, asChild, ...props }: SyncScrollProps) => react_jsx_runtime.JSX.Element;
 declare const SyncDragSlaveX: ({ ref: extRef, children, className, asChild, ...props }: SyncScrollProps) => react_jsx_runtime.JSX.Element;
+declare const SyncDragY: ({ ref: extRef, children, className, asChild, ...props }: SyncScrollProps) => react_jsx_runtime.JSX.Element;
 
-export { SyncDrag, SyncDragSlave, SyncDragSlaveX, SyncDragX, SyncScroll, type SyncScrollProps, SyncScrollSlave };
+export { SyncDrag, SyncDragSlave, SyncDragSlaveX, SyncDragX, SyncDragY, SyncScroll, type SyncScrollProps, SyncScrollSlave };

package/dist/SyncScroll/SyncScroll.mjs

@@ -1,12 +1,12 @@
-export { SyncDrag, SyncDragSlave, SyncDragSlaveX, SyncDragX, SyncScroll, SyncScrollSlave } from '../chunk-CGFJLQRG.mjs';
+export { SyncDrag, SyncDragSlave, SyncDragSlaveX, SyncDragX, SyncDragY, SyncScroll, SyncScrollSlave } from '../chunk-EEKGYANW.mjs';
 import '../chunk-SAGQV2YZ.mjs';
 import '../chunk-F7ZHPSLA.mjs';
 import '../chunk-3QT5VABC.mjs';
 import '../chunk-XHJDRQD7.mjs';
-import '../chunk-QCD2WTD3.mjs';
-import '../chunk-MTB2EWG2.mjs';
+import '../chunk-LQOPO4KU.mjs';
+import '../chunk-U3LN5NB6.mjs';
 import '../chunk-IZARTVYN.mjs';
-import '../chunk-RHX3D3GE.mjs';
+import '../chunk-VA4LUFKD.mjs';
 import '../chunk-4F2GSF2T.mjs';
-import '../chunk-ES4LBRHV.mjs';
+import '../chunk-IDUVYPN7.mjs';
 import '../chunk-KVFUDYD3.mjs';

package/dist/SyncScroll/index.cjs

@@ -1,44 +1,48 @@
 'use strict';
 
 require('../chunk-JMCH2AFN.cjs');
-var chunkD6326INV_cjs = require('../chunk-D6326INV.cjs');
+var chunkFABHCVYU_cjs = require('../chunk-FABHCVYU.cjs');
 var chunkG4FJGNY5_cjs = require('../chunk-G4FJGNY5.cjs');
 require('../chunk-QN4N4I3Z.cjs');
 require('../chunk-Q7E73DVJ.cjs');
 require('../chunk-JR4TVE43.cjs');
-require('../chunk-DSWSIBVQ.cjs');
-require('../chunk-NWA32DT2.cjs');
+require('../chunk-VXZURKMQ.cjs');
+require('../chunk-Q4XH2Z5M.cjs');
 require('../chunk-6BOWMGFG.cjs');
-require('../chunk-NJEIDGQY.cjs');
+require('../chunk-YZIR6LIY.cjs');
 require('../chunk-RPTRTGC2.cjs');
-require('../chunk-QFMQNY4G.cjs');
+require('../chunk-LBWMTA5T.cjs');
 require('../chunk-DWD754BX.cjs');
 
 
 
 Object.defineProperty(exports, "SyncDrag", {
   enumerable: true,
-  get: function () { return chunkD6326INV_cjs.SyncDrag; }
+  get: function () { return chunkFABHCVYU_cjs.SyncDrag; }
 });
 Object.defineProperty(exports, "SyncDragSlave", {
   enumerable: true,
-  get: function () { return chunkD6326INV_cjs.SyncDragSlave; }
+  get: function () { return chunkFABHCVYU_cjs.SyncDragSlave; }
 });
 Object.defineProperty(exports, "SyncDragSlaveX", {
   enumerable: true,
-  get: function () { return chunkD6326INV_cjs.SyncDragSlaveX; }
+  get: function () { return chunkFABHCVYU_cjs.SyncDragSlaveX; }
 });
 Object.defineProperty(exports, "SyncDragX", {
   enumerable: true,
-  get: function () { return chunkD6326INV_cjs.SyncDragX; }
+  get: function () { return chunkFABHCVYU_cjs.SyncDragX; }
+});
+Object.defineProperty(exports, "SyncDragY", {
+  enumerable: true,
+  get: function () { return chunkFABHCVYU_cjs.SyncDragY; }
 });
 Object.defineProperty(exports, "SyncScroll", {
   enumerable: true,
-  get: function () { return chunkD6326INV_cjs.SyncScroll; }
+  get: function () { return chunkFABHCVYU_cjs.SyncScroll; }
 });
 Object.defineProperty(exports, "SyncScrollSlave", {
   enumerable: true,
-  get: function () { return chunkD6326INV_cjs.SyncScrollSlave; }
+  get: function () { return chunkFABHCVYU_cjs.SyncScrollSlave; }
 });
 Object.defineProperty(exports, "SyncScrollProvider", {
   enumerable: true,

package/dist/SyncScroll/index.d.cts

@@ -1,4 +1,4 @@
 export { BaseScrollOptions, ScrollRole, SyncScrollProvider, UseSyncScrollOptions, useScrollSlave, useSyncDrag, useSyncScroll } from './useSyncScroll.cjs';
-export { SyncDrag, SyncDragSlave, SyncDragSlaveX, SyncDragX, SyncScroll, SyncScrollProps, SyncScrollSlave } from './SyncScroll.cjs';
+export { SyncDrag, SyncDragSlave, SyncDragSlaveX, SyncDragX, SyncDragY, SyncScroll, SyncScrollProps, SyncScrollSlave } from './SyncScroll.cjs';
 import 'react/jsx-runtime';
 import 'react';

package/dist/SyncScroll/index.d.ts

@@ -1,4 +1,4 @@
 export { BaseScrollOptions, ScrollRole, SyncScrollProvider, UseSyncScrollOptions, useScrollSlave, useSyncDrag, useSyncScroll } from './useSyncScroll.js';
-export { SyncDrag, SyncDragSlave, SyncDragSlaveX, SyncDragX, SyncScroll, SyncScrollProps, SyncScrollSlave } from './SyncScroll.js';
+export { SyncDrag, SyncDragSlave, SyncDragSlaveX, SyncDragX, SyncDragY, SyncScroll, SyncScrollProps, SyncScrollSlave } from './SyncScroll.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/SyncScroll/index.mjs

@@ -1,13 +1,13 @@
 import '../chunk-BNDRHLLZ.mjs';
-export { SyncDrag, SyncDragSlave, SyncDragSlaveX, SyncDragX, SyncScroll, SyncScrollSlave } from '../chunk-CGFJLQRG.mjs';
+export { SyncDrag, SyncDragSlave, SyncDragSlaveX, SyncDragX, SyncDragY, SyncScroll, SyncScrollSlave } from '../chunk-EEKGYANW.mjs';
 export { SyncScrollProvider, useScrollSlave, useSyncDrag, useSyncScroll } from '../chunk-SAGQV2YZ.mjs';
 import '../chunk-F7ZHPSLA.mjs';
 import '../chunk-3QT5VABC.mjs';
 import '../chunk-XHJDRQD7.mjs';
-import '../chunk-QCD2WTD3.mjs';
-import '../chunk-MTB2EWG2.mjs';
+import '../chunk-LQOPO4KU.mjs';
+import '../chunk-U3LN5NB6.mjs';
 import '../chunk-IZARTVYN.mjs';
-import '../chunk-RHX3D3GE.mjs';
+import '../chunk-VA4LUFKD.mjs';
 import '../chunk-4F2GSF2T.mjs';
-import '../chunk-ES4LBRHV.mjs';
+import '../chunk-IDUVYPN7.mjs';
 import '../chunk-KVFUDYD3.mjs';

package/dist/chunk-2GLIFBNP.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+var chunk2JDLZHCB_cjs = require('./chunk-2JDLZHCB.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var RadInput = react.forwardRef(function RadInput2({ value = 0, onChange, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunk2JDLZHCB_cjs.InputNumbers,
+    {
+      ref,
+      value: [value],
+      onValuesChange: (values) => onChange?.(values[0]),
+      suffix: ["rad"],
+      ...props
+    }
+  );
+});
+
+exports.RadInput = RadInput;

package/dist/{chunk-7OHIAOEL.cjs → chunk-2JDLZHCB.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkNFJTF2GL_cjs = require('./chunk-NFJTF2GL.cjs');
+var chunkWVQ4FHYY_cjs = require('./chunk-WVQ4FHYY.cjs');
 var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -29,7 +29,7 @@ var changeElementsHoverState = (inputs, range, changed) => {
     }
   });
 };
-var InputNumbers = React.forwardRef(function InputNumbers2({ size, value, onValuesChange, prefix, step = 0.1 }, ref) {
+var InputNumbers = React.forwardRef(function InputNumbers2({ size, side, value, onValuesChange, prefix, suffix, step = 0.1 }, ref) {
   const inputs = React.useRef(/* @__PURE__ */ new Map());
   const selectRange = React.useRef([null, null]);
   const inputChange = React.useRef(false);
@@ -185,8 +185,8 @@ var InputNumbers = React.forwardRef(function InputNumbers2({ size, value, onValu
         "data-[hover=x]:cursor-col-resize",
         "data-[hover=y]:cursor-ns-resize"
       ]),
-      children: value.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
-        chunkNFJTF2GL_cjs.InputRoot,
+      children: value.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+        chunkWVQ4FHYY_cjs.InputRoot,
         {
           ref: (r) => {
             inputs.current.set(index.toString(), r);
@@ -195,6 +195,8 @@ var InputNumbers = React.forwardRef(function InputNumbers2({ size, value, onValu
             };
           },
           size,
+          side,
+          type: "number",
           value: item,
           onClick: () => {
             inputs.current.get(index.toString())?.focus();
@@ -204,6 +206,10 @@ var InputNumbers = React.forwardRef(function InputNumbers2({ size, value, onValu
           className: chunkDWD754BX_cjs.cn([
             "group/number-input",
             "cursor-text",
+            cursorState === "dragging-x" && [
+              "hover:!bg-bg-secondary",
+              "data-[hover=x]:hover:!bg-bg-tertiary"
+            ],
             "data-[hover=down]:bg-bg-tertiary",
             "data-[hover=x]:bg-bg-tertiary",
             "data-[hover=y]:bg-bg-tertiary",
@@ -215,17 +221,32 @@ var InputNumbers = React.forwardRef(function InputNumbers2({ size, value, onValu
             "group-data-[hover=x]/number-input:cursor-col-resize",
             "group-data-[hover=y]/number-input:cursor-ns-resize"
           ]),
-          children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkNFJTF2GL_cjs.InputSlot,
-            {
-              className: chunkDWD754BX_cjs.cn(
-                "cursor-text",
-                "group-data-[hover=x]/number-input:cursor-col-resize",
-                "group-data-[hover=y]/number-input:cursor-ns-resize"
-              ),
-              children: prefix?.[index]
-            }
-          )
+          children: [
+            prefix?.[index] && /* @__PURE__ */ jsxRuntime.jsx(
+              chunkWVQ4FHYY_cjs.InputSlot,
+              {
+                side: "left",
+                className: chunkDWD754BX_cjs.cn(
+                  "cursor-text",
+                  "group-data-[hover=x]/number-input:cursor-col-resize",
+                  "group-data-[hover=y]/number-input:cursor-ns-resize"
+                ),
+                children: prefix[index]
+              }
+            ),
+            suffix?.[index] && /* @__PURE__ */ jsxRuntime.jsx(
+              chunkWVQ4FHYY_cjs.InputSlot,
+              {
+                side: "right",
+                className: chunkDWD754BX_cjs.cn(
+                  "cursor-text",
+                  "group-data-[hover=x]/number-input:cursor-col-resize",
+                  "group-data-[hover=y]/number-input:cursor-ns-resize"
+                ),
+                children: suffix[index]
+              }
+            )
+          ]
         },
         index
       ))

package/dist/{chunk-TH2MJEHW.mjs → chunk-2JZMJ2ZP.mjs}

@@ -1,7 +1,7 @@
 import { Tabs } from './chunk-3GYDDYRD.mjs';
 import { Textarea } from './chunk-MXXKPTX3.mjs';
 import { SelectTrigger } from './chunk-C7WMCSNN.mjs';
-import { InputRoot } from './chunk-IWPVLQSF.mjs';
+import { InputRoot } from './chunk-TNARVKPU.mjs';
 import { Button } from './chunk-3MSEMXKG.mjs';
 import { withCursor } from './chunk-RAHKRYQJ.mjs';
 

package/dist/{chunk-A5S72EIK.cjs → chunk-347DAO5H.cjs}

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkMK6XW5PC_cjs = require('./chunk-MK6XW5PC.cjs');
+var chunkJZYL64WT_cjs = require('./chunk-JZYL64WT.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var KVectorInput = react.forwardRef(function KVectorInput2({ value, dimensions, ...props }, ref) {
   const k = dimensions || value.length;
   const labels = Array.from({ length: k }, (_, i) => `${i}`);
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkMK6XW5PC_cjs.VectorInput, { ref, value, labels, ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkJZYL64WT_cjs.VectorInput, { ref, value, labels, ...props });
 });
 
 exports.KVectorInput = KVectorInput;

package/dist/{chunk-RE74NVMU.mjs → chunk-3AVBTPE6.mjs}

@@ -2,9 +2,9 @@ import { cn } from './chunk-KVFUDYD3.mjs';
 import { GitBranch } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-var PACKAGE_VERSION = "0.0.73" ;
+var PACKAGE_VERSION = "0.0.74" ;
 var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
-var GIT_HASH = "e3a33c3" ;
+var GIT_HASH = "15b30a4" ;
 function PackageBadge({
   className,
   packageName,

package/dist/{chunk-ZLQIYYLM.mjs → chunk-3BKTGDQM.mjs}

@@ -1,4 +1,4 @@
-import { VectorInput } from './chunk-SIU54HGH.mjs';
+import { VectorInput } from './chunk-J3ZWVQT7.mjs';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/chunk-4U232QAX.mjs

@@ -0,0 +1,79 @@
+// src/ui/waterfall/utils.ts
+var TOTAL_DURATION = 22;
+var formatDuration = (seconds) => {
+  const sign = seconds < 0 ? "-" : "";
+  const absSeconds = Math.abs(seconds);
+  if (absSeconds < 1) {
+    if (absSeconds < 5e-4) return "0s";
+    return `${sign}${Math.round(absSeconds * 1e3)}ms`;
+  }
+  if (absSeconds < 60) {
+    return `${sign}${absSeconds.toFixed(3)}s`;
+  }
+  const SECONDS_IN_MINUTE = 60;
+  const SECONDS_IN_HOUR = 3600;
+  const SECONDS_IN_DAY = 86400;
+  const SECONDS_IN_MONTH = 2592e3;
+  const SECONDS_IN_YEAR = 31536e3;
+  if (absSeconds < SECONDS_IN_HOUR) {
+    const m = Math.floor(absSeconds / SECONDS_IN_MINUTE);
+    const s = absSeconds % SECONDS_IN_MINUTE;
+    return `${sign}${m}m ${s.toFixed(2).padStart(5, "0")}s`;
+  }
+  if (absSeconds < SECONDS_IN_DAY) {
+    const h = Math.floor(absSeconds / SECONDS_IN_HOUR);
+    const m = Math.floor(absSeconds % SECONDS_IN_HOUR / SECONDS_IN_MINUTE);
+    const s = Math.floor(absSeconds % SECONDS_IN_MINUTE);
+    return `${sign}${h}h ${String(m).padStart(2, "0")}m ${String(s).padStart(2, "0")}s`;
+  }
+  if (absSeconds < SECONDS_IN_MONTH) {
+    const d2 = Math.floor(absSeconds / SECONDS_IN_DAY);
+    const h = Math.floor(absSeconds % SECONDS_IN_DAY / SECONDS_IN_HOUR);
+    const m = Math.floor(absSeconds % SECONDS_IN_HOUR / SECONDS_IN_MINUTE);
+    return `${sign}${d2}d ${String(h).padStart(2, "0")}h ${String(m).padStart(2, "0")}m`;
+  }
+  if (absSeconds < SECONDS_IN_YEAR) {
+    const mo2 = Math.floor(absSeconds / SECONDS_IN_MONTH);
+    const d2 = Math.floor(absSeconds % SECONDS_IN_MONTH / SECONDS_IN_DAY);
+    const h = Math.floor(absSeconds % SECONDS_IN_DAY / SECONDS_IN_HOUR);
+    return `${sign}${mo2}mo ${String(d2).padStart(3, "0")}d ${String(h).padStart(2, "0")}h`;
+  }
+  const y = Math.floor(absSeconds / SECONDS_IN_YEAR);
+  const mo = Math.floor(absSeconds % SECONDS_IN_YEAR / SECONDS_IN_MONTH);
+  const d = Math.floor(absSeconds % SECONDS_IN_MONTH / SECONDS_IN_DAY);
+  return `${sign}${y}y ${String(mo).padStart(2, "0")}mo ${String(d).padStart(3, "0")}d`;
+};
+var borderColorClasses = {
+  blue: "border-blue-500",
+  green: "border-green-500",
+  orange: "border-orange-500",
+  purple: "border-purple-500",
+  "gray-light": "border-muted",
+  "gray-medium": "border-slate-400 dark:border-slate-600"
+};
+var colorClasses = {
+  blue: "bg-blue-500",
+  green: "bg-green-500",
+  orange: "bg-orange-500",
+  purple: "bg-purple-500",
+  "gray-light": "bg-muted",
+  "gray-medium": "bg-slate-400 dark:bg-slate-700"
+};
+var leftWedgeClasses = {
+  blue: "border-l-blue-500",
+  green: "border-l-green-500",
+  orange: "border-l-orange-500",
+  purple: "border-l-purple-500",
+  "gray-light": "border-l-slate-300 dark:border-l-slate-600",
+  "gray-medium": "border-l-slate-400 dark:border-l-slate-500"
+};
+var rightWedgeClasses = {
+  blue: "border-r-blue-500",
+  green: "border-r-green-500",
+  orange: "border-r-orange-500",
+  purple: "border-r-purple-500",
+  "gray-light": "border-r-slate-300 dark:border-r-slate-600",
+  "gray-medium": "border-r-slate-400 dark:border-r-slate-500"
+};
+
+export { TOTAL_DURATION, borderColorClasses, colorClasses, formatDuration, leftWedgeClasses, rightWedgeClasses };

package/dist/chunk-5EXV5EWF.mjs

@@ -0,0 +1,38 @@
+import { formatDuration } from './chunk-4U232QAX.mjs';
+import { ChevronLeft, ChevronRight } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function NavigationControls({
+  viewDuration,
+  handlePan,
+  handleZoomDragStart
+}) {
+  return /* @__PURE__ */ jsx("div", { className: "sticky left-1/2 z-20 w-max", children: /* @__PURE__ */ jsxs("div", { className: "bg-bg-primary/75 flex items-center gap-2 rounded-full p-1 text-sm shadow-[0_4px_16px_0_var(--color-shadow-secondary)] backdrop-blur-[2px]", children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => handlePan("left"),
+        className: "hover:bg-bg-secondary rounded-full p-1",
+        children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "text-uk-sm hover:bg-bg-secondary/50 w-24 cursor-col-resize rounded px-1 py-0.5 text-center font-mono transition-colors select-none",
+        onMouseDown: handleZoomDragStart,
+        children: formatDuration(viewDuration)
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => handlePan("right"),
+        className: "hover:bg-bg-secondary rounded-full p-1",
+        children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-4" })
+      }
+    )
+  ] }) });
+}
+
+export { NavigationControls };

package/dist/{chunk-7Y2LX6UY.mjs → chunk-5YXW3C3G.mjs}

@@ -1,4 +1,4 @@
-import { EulerInput } from './chunk-PABIHEC7.mjs';
+import { EulerInput } from './chunk-CXD4LN7V.mjs';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-MTITDGHI.mjs → chunk-623MBAXA.mjs}

@@ -1,8 +1,8 @@
+import { Skeleton } from './chunk-G73SWE4J.mjs';
 import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-XSJ6XVTR.mjs';
 import { Separator } from './chunk-OKAV7AZP.mjs';
 import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription } from './chunk-IUATO2BH.mjs';
-import { Skeleton } from './chunk-G73SWE4J.mjs';
-import { InputRoot } from './chunk-IWPVLQSF.mjs';
+import { InputRoot } from './chunk-TNARVKPU.mjs';
 import { Button } from './chunk-3MSEMXKG.mjs';
 import { useIsMobile } from './chunk-XHJDRQD7.mjs';
 import { cn } from './chunk-KVFUDYD3.mjs';

package/dist/chunk-6L7FIR3L.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+var chunk2JDLZHCB_cjs = require('./chunk-2JDLZHCB.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var InchInput = react.forwardRef(function InchInput2({ value = 0, onChange, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunk2JDLZHCB_cjs.InputNumbers,
+    {
+      ref,
+      value: [value],
+      onValuesChange: (values) => onChange?.(values[0]),
+      suffix: ["in"],
+      ...props
+    }
+  );
+});
+
+exports.InchInput = InchInput;

package/dist/chunk-6TSA7KXX.cjs

@@ -0,0 +1,38 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/ui/waterfall/Tick.tsx
+function Tick({ time, label, timeToPercent, zIndex = 10 }) {
+  const naturalCenterPercent = timeToPercent(time);
+  if (naturalCenterPercent < -20 || naturalCenterPercent > 120) {
+    return null;
+  }
+  const labelHalfWidthPercent = 3;
+  const clampedCenterPercent = Math.min(
+    100 - labelHalfWidthPercent,
+    Math.max(labelHalfWidthPercent, naturalCenterPercent)
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "bg-line-primary absolute top-0 h-full w-px",
+        style: { left: `${naturalCenterPercent}%` }
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "bg-bg-primary text-text-secondary rounded-uk-xs text-uk-sm pointer-events-none absolute top-1/2 -translate-x-1/2 -translate-y-1/2 px-1 backdrop-blur-sm",
+        style: {
+          left: `${clampedCenterPercent}%`,
+          zIndex
+        },
+        children: label
+      }
+    )
+  ] });
+}
+
+exports.Tick = Tick;

package/dist/{chunk-A77GE42F.cjs → chunk-75PCMZP2.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkMK6XW5PC_cjs = require('./chunk-MK6XW5PC.cjs');
+var chunkJZYL64WT_cjs = require('./chunk-JZYL64WT.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var QuaternionInput = react.forwardRef(function QuaternionInput2({ value, onValuesChange, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkMK6XW5PC_cjs.VectorInput,
+    chunkJZYL64WT_cjs.VectorInput,
     {
       ref,
       value,

package/dist/chunk-7PJS7VX3.mjs

@@ -0,0 +1,18 @@
+import { InputNumbers } from './chunk-ZNY7VYIN.mjs';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var IntInput = forwardRef(function IntInput2({ value = 0, onChange, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    InputNumbers,
+    {
+      ref,
+      value: [value],
+      onValuesChange: (values) => onChange?.(values[0]),
+      step: 1,
+      ...props
+    }
+  );
+});
+
+export { IntInput };

package/dist/chunk-A2LWPEGE.cjs

@@ -0,0 +1,42 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/ui/icons/MouseCursorIcons.tsx
+var MouseCursorIcon = ({ strokeWidth = 2.25 }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-width": strokeWidth,
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      className: "lucide lucide-mouse-pointer2-icon lucide-mouse-pointer-2",
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" })
+    }
+  );
+};
+var MouseCursorAltIcon = ({ strokeWidth = 2.25 }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      stroke: "currentColor",
+      "stroke-width": strokeWidth / 2,
+      className: "lucide lucide-mouse-pointer2-icon lucide-mouse-pointer-2",
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" })
+    }
+  );
+};
+
+exports.MouseCursorAltIcon = MouseCursorAltIcon;
+exports.MouseCursorIcon = MouseCursorIcon;

package/dist/{chunk-EDHFKW5G.cjs → chunk-ARO7HIKD.cjs}

@@ -1,10 +1,10 @@
 'use strict';
 
+var chunkMDDAL4L5_cjs = require('./chunk-MDDAL4L5.cjs');
 var chunkMKKH4EGP_cjs = require('./chunk-MKKH4EGP.cjs');
 var chunkNQIPNYJK_cjs = require('./chunk-NQIPNYJK.cjs');
 var chunkDDPLVMRO_cjs = require('./chunk-DDPLVMRO.cjs');
-var chunkMDDAL4L5_cjs = require('./chunk-MDDAL4L5.cjs');
-var chunkNFJTF2GL_cjs = require('./chunk-NFJTF2GL.cjs');
+var chunkWVQ4FHYY_cjs = require('./chunk-WVQ4FHYY.cjs');
 var chunkBHC7GX53_cjs = require('./chunk-BHC7GX53.cjs');
 var chunkJR4TVE43_cjs = require('./chunk-JR4TVE43.cjs');
 var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
@@ -251,7 +251,7 @@ function SidebarInset({ className, ...props }) {
 }
 function SidebarInput({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkNFJTF2GL_cjs.InputRoot,
+    chunkWVQ4FHYY_cjs.InputRoot,
     {
       "data-slot": "sidebar-input",
       "data-sidebar": "input",