@vuer-ai/vuer-uikit 0.0.121 → 0.1.0

package/dist/{chunk-JVZ6J2UX.cjs → chunk-QS6WNNLM.cjs}

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkQF3JWGWX_cjs = require('./chunk-QF3JWGWX.cjs');
+var chunk2KBNQ5PY_cjs = require('./chunk-2KBNQ5PY.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(chunkQF3JWGWX_cjs.VectorInput, { ref, value, labels, ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunk2KBNQ5PY_cjs.VectorInput, { ref, value, labels, ...props });
 });
 
 exports.KVectorInput = KVectorInput;

package/dist/{chunk-S4BL7C3Y.mjs → chunk-QSDYNIZB.mjs}

@@ -27,6 +27,7 @@ var badgeVariants = cva(
     variants: {
       variant: {
         default: "bg-brand-primary",
+        outline: "text-text-primary bg-transparent border border-bg-tertiary",
         secondary: "bg-bg-secondary text-text-primary",
         destructive: "bg-danger-primary",
         success: "bg-accent-success",

package/dist/{chunk-WYD3KNAT.cjs → chunk-QTLUPDLH.cjs}

@@ -24,13 +24,12 @@ function _interopNamespace(e) {
 
 var SwitchPrimitive__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitive);
 
-function Switch({ className, ...props }) {
+function Switch({ className, thumbClassName, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     SwitchPrimitive__namespace.Root,
     {
       "data-slot": "switch",
       className: chunk6LTCLQH3_cjs.cn(
-        className,
         "group",
         "w-[32px]",
         "h-[16px]",
@@ -38,7 +37,8 @@ function Switch({ className, ...props }) {
         "bg-bg-tertiary",
         "aria-checked:bg-brand-primary",
         "disabled:bg-bg-secondary",
-        "disabled:cursor-not-allowed"
+        "disabled:cursor-not-allowed",
+        className
       ),
       ...props,
       children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -54,7 +54,8 @@ function Switch({ className, ...props }) {
             "transition-transform",
             "duration-200",
             "translate-x-[2px]",
-            "data-[state=checked]:translate-x-[18px]"
+            "data-[state=checked]:translate-x-[18px]",
+            thumbClassName
           )
         }
       )

package/dist/{chunk-NC2U7QTW.cjs → chunk-RHVKIZMQ.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkCV2EDA3W_cjs = require('./chunk-CV2EDA3W.cjs');
+var chunkJDEZ6NNG_cjs = require('./chunk-JDEZ6NNG.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var EulerDegInput = react.forwardRef(
   function EulerDegInput2(props, ref) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkCV2EDA3W_cjs.EulerInput, { ref, unit: "deg", ...props });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkJDEZ6NNG_cjs.EulerInput, { ref, unit: "deg", ...props });
   }
 );
 

package/dist/{chunk-67H3OSM3.mjs → chunk-RR76Z6OK.mjs}

@@ -2,8 +2,8 @@ import { cn } from './chunk-HBEU2PU2.mjs';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var DIAL_PACKAGE_NAME = "@vuer-ai/dial-cli" ;
-var DIAL_PACKAGE_VERSION = "0.0.23" ;
-var DIAL_GIT_HASH = "93872f6" ;
+var DIAL_PACKAGE_VERSION = "0.0.25" ;
+var DIAL_GIT_HASH = "d89e683" ;
 function DialBadge({
   className,
   package: showPackage = true,

package/dist/chunk-SBAVMK7J.cjs

@@ -0,0 +1,181 @@
+'use strict';
+
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
+var AlertDialogPrimitive = require('@radix-ui/react-alert-dialog');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var AlertDialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(AlertDialogPrimitive);
+
+function AlertDialog({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Root, { "data-slot": "alert-dialog", ...props });
+}
+function AlertDialogTrigger({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
+}
+function AlertDialogPortal({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Portal, { "data-slot": "alert-dialog-portal", ...props });
+}
+var alertDialogOverlayVariants = classVarianceAuthority.cva([
+  "fixed",
+  "inset-0",
+  "z-10",
+  "bg-bg-mask",
+  "transition-all",
+  "duration-200"
+]);
+function AlertDialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AlertDialogPrimitive__namespace.Overlay,
+    {
+      "data-slot": "alert-dialog-overlay",
+      className: chunk6LTCLQH3_cjs.cn(alertDialogOverlayVariants(), className),
+      ...props
+    }
+  );
+}
+var alertDialogContentVariants = classVarianceAuthority.cva([
+  "p-xl",
+  "bg-bg-primary",
+  "rounded-uk-xl",
+  "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
+  "duration-200",
+  "transition-all",
+  "fixed",
+  "translate-x-[-50%]",
+  "translate-y-[-50%]",
+  "z-11",
+  "left-1/2",
+  "top-1/2",
+  "flex",
+  "flex-col",
+  "w-full",
+  "max-w-[calc(100%-2rem)]",
+  "gap-md",
+  "data-[state=open]:animate-in",
+  "data-[state=closed]:animate-out",
+  "data-[state=closed]:fade-out-0",
+  "data-[state=open]:fade-in-0",
+  "data-[state=closed]:zoom-out-95",
+  "data-[state=open]:zoom-in-95",
+  "liquid-dark:liquid-dark-bg",
+  "liquid-light:liquid-light-bg"
+]);
+function AlertDialogContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      AlertDialogPrimitive__namespace.Content,
+      {
+        "data-slot": "alert-dialog-content",
+        className: chunk6LTCLQH3_cjs.cn(alertDialogContentVariants(), className),
+        ...props
+      }
+    )
+  ] });
+}
+function AlertDialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "alert-dialog-header",
+      className: chunk6LTCLQH3_cjs.cn("flex", "flex-col", "gap-sm", "text-center", "sm:text-left", className),
+      ...props
+    }
+  );
+}
+function AlertDialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "alert-dialog-footer",
+      className: chunk6LTCLQH3_cjs.cn(
+        "w-full",
+        "flex",
+        "flex-col-reverse",
+        "gap-sm",
+        "sm:flex-row",
+        "sm:justify-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AlertDialogPrimitive__namespace.Title,
+    {
+      "data-slot": "alert-dialog-title",
+      className: chunk6LTCLQH3_cjs.cn(
+        "text-text-highlight",
+        "text-uk-lg",
+        "leading-uk-lg",
+        "font-medium",
+        "py-lg",
+        "px-xl",
+        "text-center",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AlertDialogPrimitive__namespace.Description,
+    {
+      "data-slot": "alert-dialog-description",
+      className: chunk6LTCLQH3_cjs.cn("text-text-primary", "text-uk-md", "leading-uk-md", "text-start", className),
+      ...props
+    }
+  );
+}
+function AlertDialogAction({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Action, { "data-slot": "alert-dialog-action", ...props });
+}
+function AlertDialogCancel({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Cancel, { "data-slot": "alert-dialog-cancel", ...props });
+}
+
+exports.AlertDialog = AlertDialog;
+exports.AlertDialogAction = AlertDialogAction;
+exports.AlertDialogCancel = AlertDialogCancel;
+exports.AlertDialogContent = AlertDialogContent;
+exports.AlertDialogDescription = AlertDialogDescription;
+exports.AlertDialogFooter = AlertDialogFooter;
+exports.AlertDialogHeader = AlertDialogHeader;
+exports.AlertDialogOverlay = AlertDialogOverlay;
+exports.AlertDialogPortal = AlertDialogPortal;
+exports.AlertDialogTitle = AlertDialogTitle;
+exports.AlertDialogTrigger = AlertDialogTrigger;

package/dist/{chunk-GBRIW266.cjs → chunk-SOHGIAGF.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkQF3JWGWX_cjs = require('./chunk-QF3JWGWX.cjs');
+var chunk2KBNQ5PY_cjs = require('./chunk-2KBNQ5PY.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var Vec3Input = react.forwardRef(function Vec3Input2({ value, onValuesChange, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkQF3JWGWX_cjs.VectorInput,
+    chunk2KBNQ5PY_cjs.VectorInput,
     {
       ref,
       value,

package/dist/{chunk-4YVKJKWV.mjs → chunk-TCCFFSXM.mjs}

@@ -1,7 +1,8 @@
-import { useTheme } from './chunk-FK6ZROZE.mjs';
+import { useTheme } from './chunk-ZJYPKTF4.mjs';
 import { Tooltip, TooltipTrigger, TooltipContent } from './chunk-IPMWGCAI.mjs';
 import { Button } from './chunk-5JYH7TXY.mjs';
 import { PanelsTopLeft, LayoutTemplate, SunMoon, Moon, Sun } from 'lucide-react';
+import { useRef } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var LiquidToggle = ({ className, ...props }) => {
@@ -22,19 +23,35 @@ var LiquidToggle = ({ className, ...props }) => {
     /* @__PURE__ */ jsx(TooltipContent, { children: isLiquid ? "Dock Layout" : "Liquid Layout" })
   ] });
 };
+var QUICK_TOGGLE_TIMEOUT = 1500;
 var ThemeColorToggle = (props) => {
   const { baseTheme, setBaseTheme, resolvedTheme } = useTheme();
+  const lastClickRef = useRef(0);
+  const isDark = resolvedTheme?.includes("dark");
+  const isSystem = baseTheme === "system";
   const handleThemeChange = () => {
-    if (baseTheme === "light") {
-      setBaseTheme("dark");
-    } else if (baseTheme === "dark") {
-      setBaseTheme("system");
-    } else if (baseTheme === "system") {
-      setBaseTheme("light");
+    const now = Date.now();
+    const timeSinceLastClick = now - lastClickRef.current;
+    lastClickRef.current = now;
+    const isQuickToggle = timeSinceLastClick < QUICK_TOGGLE_TIMEOUT;
+    if (isQuickToggle) {
+      if (baseTheme === "light") {
+        setBaseTheme("dark");
+      } else if (baseTheme === "dark") {
+        setBaseTheme("system");
+      } else {
+        setBaseTheme("light");
+      }
+    } else {
+      if (baseTheme === "system") {
+        setBaseTheme(isDark ? "light" : "dark");
+      } else if (baseTheme === "light") {
+        setBaseTheme("dark");
+      } else {
+        setBaseTheme("light");
+      }
     }
   };
-  const isDark = resolvedTheme?.includes("dark");
-  const isSystem = baseTheme === "system";
   return /* @__PURE__ */ jsx(
     Button,
     {
@@ -43,7 +60,7 @@ var ThemeColorToggle = (props) => {
       "aria-label": `Current theme: ${isSystem ? "system" : isDark ? "dark" : "light"}`,
       ...props,
       onClick: handleThemeChange,
-      children: isSystem ? /* @__PURE__ */ jsx(SunMoon, { size: 20 }) : isDark ? /* @__PURE__ */ jsx(Moon, { size: 20 }) : /* @__PURE__ */ jsx(Sun, { size: 20 })
+      children: isSystem ? /* @__PURE__ */ jsx(SunMoon, { size: 24 }) : isDark ? /* @__PURE__ */ jsx(Moon, { size: 24 }) : /* @__PURE__ */ jsx(Sun, { size: 24 })
     }
   );
 };

package/dist/{chunk-EMZEL54F.cjs → chunk-THE6FZKP.cjs}

@@ -84,6 +84,7 @@ function TabsListInner({
 }
 var tabsTriggerVariants = classVarianceAuthority.cva(
   [
+    "cursor-pointer",
     "inline-flex",
     "items-center",
     "justify-center",
@@ -142,4 +143,5 @@ function TabsContent({ className, ...props }) {
 exports.Tabs = Tabs;
 exports.TabsContent = TabsContent;
 exports.TabsList = TabsList;
+exports.TabsListInner = TabsListInner;
 exports.TabsTrigger = TabsTrigger;

package/dist/{chunk-DGJ7E77I.mjs → chunk-TQOGGHSJ.mjs}

@@ -1,4 +1,4 @@
-import { useTheme } from './chunk-FK6ZROZE.mjs';
+import { useTheme } from './chunk-ZJYPKTF4.mjs';
 import { Toaster as Toaster$1 } from 'sonner';
 export { toast } from 'sonner';
 import { jsx } from 'react/jsx-runtime';

package/dist/{chunk-XC25ZQ7H.mjs → chunk-UBGNADCN.mjs}

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

package/dist/chunk-UEHPZIQB.cjs

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/{chunk-DG2EVWIW.cjs → chunk-UZTOUPJ7.cjs}

@@ -36,6 +36,8 @@ var InputNumbers = React.forwardRef(function InputNumbers2({
   onValuesChange,
   prefix,
   suffix,
+  disabledItems,
+  onSuffixBatchAction,
   step = 0.1,
   min,
   max,
@@ -56,6 +58,9 @@ var InputNumbers = React.forwardRef(function InputNumbers2({
   const dragStart = React.useRef({ x: 0, y: 0 });
   const initialDragStart = React.useRef({ x: 0, y: 0 });
   const accumulatedDelta = React.useRef(0);
+  const isSuffixDrag = React.useRef(false);
+  const lastMouseMoveTime = React.useRef(0);
+  const accumulatedValues = React.useRef(value);
   const applyConstraints = React.useCallback(
     (numValue, index) => {
       const currentMin = Array.isArray(min) ? min[index] : min;
@@ -78,28 +83,41 @@ var InputNumbers = React.forwardRef(function InputNumbers2({
     };
     document.addEventListener("click", stopClick2, true);
   }, []);
-  const handleMouseDown = React.useCallback((e) => {
-    if (e.button !== 0) return;
-    e.preventDefault();
-    e.stopPropagation();
-    setIsDragging(true);
-    setCursorState("dragging-y");
-    dragStart.current = { x: e.clientX, y: e.clientY };
-    initialDragStart.current = { x: e.clientX, y: e.clientY };
-    accumulatedDelta.current = 0;
-    inputChange.current = false;
-    dragDirection.current = "none";
-    selectRange.current[0] = getHoverElementAndIndex(
-      document.elementFromPoint(e.clientX, e.clientY),
-      inputs.current
-    );
-  }, []);
+  const handleMouseDown = React.useCallback(
+    (e) => {
+      if (e.button !== 0) return;
+      e.preventDefault();
+      e.stopPropagation();
+      const target = e.target;
+      const suffixElement = target.closest('[data-side="right"]');
+      isSuffixDrag.current = !!suffixElement;
+      setIsDragging(true);
+      setCursorState("dragging-y");
+      dragStart.current = { x: e.clientX, y: e.clientY };
+      initialDragStart.current = { x: e.clientX, y: e.clientY };
+      accumulatedDelta.current = 0;
+      inputChange.current = false;
+      dragDirection.current = "none";
+      lastMouseMoveTime.current = Date.now();
+      accumulatedValues.current = [...value];
+      selectRange.current[0] = getHoverElementAndIndex(
+        document.elementFromPoint(e.clientX, e.clientY),
+        inputs.current
+      );
+    },
+    [value]
+  );
   const handleMouseMove = React.useCallback(
     (e) => {
       if (!isDragging) return;
       e.preventDefault();
       e.stopPropagation();
       const deltaX = e.clientX - dragStart.current.x;
+      const now = Date.now();
+      const timeDelta = Math.max(1, now - lastMouseMoveTime.current);
+      lastMouseMoveTime.current = now;
+      const velocity = Math.abs(deltaX) / timeDelta;
+      const velocityMultiplier = Math.max(0.5, Math.min(3, velocity * 2));
       const totalDeltaX = e.clientX - initialDragStart.current.x;
       const totalDeltaY = e.clientY - initialDragStart.current.y;
       if (dragDirection.current === "none") {
@@ -110,19 +128,19 @@ var InputNumbers = React.forwardRef(function InputNumbers2({
             input?.blur();
           });
         }
-      } else if (dragDirection.current === "y" && Math.abs(totalDeltaX) > 5) {
+      } else if (dragDirection.current === "y" && Math.abs(totalDeltaX) > 5 && !isSuffixDrag.current) {
         dragDirection.current = "x";
         setCursorState("dragging-x");
       }
-      if (dragDirection.current === "x") {
-        accumulatedDelta.current += deltaX / 2;
+      if (dragDirection.current === "x" && !isSuffixDrag.current) {
+        accumulatedDelta.current += deltaX / 2 * velocityMultiplier;
         dragStart.current = { x: e.clientX, y: e.clientY };
         if (selectRange.current[1] === null) {
           selectRange.current[1] = selectRange.current[0];
         }
         if (Math.abs(accumulatedDelta.current) >= (inputChange.current ? 1 : 5)) {
           const multiplyStep = e.shiftKey ? 5 : e.altKey ? 1 / 5 : 1;
-          const newValue = value.map((v, i) => {
+          const newValues = accumulatedValues.current.map((v, i) => {
             const [first, last] = selectRange.current;
             if (first === null || last === null) {
               return v;
@@ -137,7 +155,8 @@ var InputNumbers = React.forwardRef(function InputNumbers2({
               return v;
             }
           });
-          onValuesChange?.(newValue);
+          accumulatedValues.current = newValues;
+          onValuesChange?.(newValues);
           accumulatedDelta.current = 0;
           inputChange.current = true;
         }
@@ -155,17 +174,28 @@ var InputNumbers = React.forwardRef(function InputNumbers2({
         stopClick();
       }
     },
-    [isDragging, value, onValuesChange, step, min, max, stopClick, applyConstraints]
+    [isDragging, onValuesChange, step, min, max, stopClick, applyConstraints]
   );
   const handleMouseUp = React.useCallback(() => {
     if (!isDragging) return;
+    if (isSuffixDrag.current && onSuffixBatchAction) {
+      const [first, last] = selectRange.current;
+      if (first !== null) {
+        const actualLast = last === null || last === first ? first : last;
+        const minIndex = Math.min(first, actualLast);
+        const maxIndex = Math.max(first, actualLast);
+        const indices = Array.from({ length: maxIndex - minIndex + 1 }, (_, i) => minIndex + i);
+        onSuffixBatchAction(indices);
+      }
+    }
     setIsDragging(false);
     setCursorState("default");
     selectRange.current = [null, null];
     inputChange.current = false;
     dragDirection.current = "none";
+    isSuffixDrag.current = false;
     changeElementsHoverState(inputs.current, selectRange.current, "none");
-  }, [isDragging]);
+  }, [isDragging, onSuffixBatchAction]);
   React__default.default.useEffect(() => {
     if (isDragging) {
       const handleGlobalMouseMove = (e) => {
@@ -266,73 +296,82 @@ var InputNumbers = React.forwardRef(function InputNumbers2({
         "data-[hover=y]:cursor-ns-resize"
       ]),
       style: useGrid ? gridStyles : void 0,
-      children: value.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
-        chunkPMG3NZF5_cjs.InputRoot,
-        {
-          ref: (r) => {
-            inputs.current.set(index.toString(), r);
-            return () => {
-              inputs.current.delete(index.toString());
-            };
-          },
-          size,
-          side,
-          type: "number",
-          step: Array.isArray(step) ? step[index] ?? 0.1 : step,
-          value: item,
-          onClick: () => {
-            inputs.current.get(index.toString())?.focus();
-          },
-          onChange: valueChangeHandler(index),
-          onKeyDown: handleKeyDown(index),
-          "data-hover": "none",
-          className: chunk6LTCLQH3_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",
-            "data-[hover=x]:cursor-col-resize",
-            "data-[hover=y]:cursor-ns-resize"
-          ]),
-          inputClassName: chunk6LTCLQH3_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] && /* @__PURE__ */ jsxRuntime.jsx(
-              chunkPMG3NZF5_cjs.InputSlot,
-              {
-                side: "left",
-                className: chunk6LTCLQH3_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: (Array.isArray(value) ? value : []).map((item, index) => {
+        const isDisabled = disabledItems?.[index] ?? false;
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          chunkPMG3NZF5_cjs.InputRoot,
+          {
+            ref: (r) => {
+              inputs.current.set(index.toString(), r);
+              return () => {
+                inputs.current.delete(index.toString());
+              };
+            },
+            size,
+            side,
+            type: "number",
+            step: Array.isArray(step) ? step[index] ?? 0.1 : step,
+            value: item,
+            disabled: isDisabled,
+            onClick: () => {
+              if (!isDisabled) {
+                inputs.current.get(index.toString())?.focus();
               }
-            ),
-            suffix?.[index] && /* @__PURE__ */ jsxRuntime.jsx(
-              chunkPMG3NZF5_cjs.InputSlot,
-              {
-                side: "right",
-                className: chunk6LTCLQH3_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
-      ))
+            },
+            onChange: valueChangeHandler(index),
+            onKeyDown: handleKeyDown(index),
+            "data-hover": "none",
+            "data-input-index": index,
+            className: chunk6LTCLQH3_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",
+              "data-[hover=x]:cursor-col-resize",
+              "data-[hover=y]:cursor-ns-resize",
+              isDisabled && "cursor-not-allowed opacity-50"
+            ]),
+            inputClassName: chunk6LTCLQH3_cjs.cn([
+              "cursor-text",
+              "group-data-[hover=x]/number-input:cursor-col-resize",
+              "group-data-[hover=y]/number-input:cursor-ns-resize",
+              isDisabled && "cursor-not-allowed"
+            ]),
+            children: [
+              prefix?.[index] && /* @__PURE__ */ jsxRuntime.jsx(
+                chunkPMG3NZF5_cjs.InputSlot,
+                {
+                  side: "left",
+                  className: chunk6LTCLQH3_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(
+                chunkPMG3NZF5_cjs.InputSlot,
+                {
+                  side: "right",
+                  className: chunk6LTCLQH3_cjs.cn(
+                    "cursor-none",
+                    "group-data-[hover=x]/number-input:cursor-col-resize",
+                    "group-data-[hover=y]/number-input:cursor-ns-resize"
+                  ),
+                  children: suffix[index]
+                }
+              )
+            ]
+          },
+          index
+        );
+      })
     }
   );
 });