@vuer-ai/vuer-uikit 0.0.88 → 0.0.89

package/dist/chunk-PDOFOJ4P.mjs

@@ -0,0 +1,300 @@
+import { cn } from './chunk-HMN4IKTG.mjs';
+import { useSyncScroll, useScrollSlave, useSyncDrag } from './chunk-SAGQV2YZ.mjs';
+import { Slot } from '@radix-ui/react-slot';
+import { useState, useRef, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var SyncScroll = ({ children, className, asChild = false, ...props }) => {
+  const Comp = asChild ? Slot : "div";
+  return /* @__PURE__ */ jsx(Comp, { ref: useSyncScroll(), className: cn("overflow-y-auto", className), ...props, children });
+};
+var SyncScrollSlave = ({
+  children,
+  className,
+  asChild = false,
+  ...props
+}) => {
+  const Comp = asChild ? Slot : "div";
+  return /* @__PURE__ */ jsx(Comp, { ref: useScrollSlave(), className: cn("overflow-y-auto", className), ...props, children });
+};
+var SyncDrag = ({
+  ref: extRef,
+  children,
+  className,
+  asChild = false,
+  ...props
+}) => {
+  const ref = useSyncDrag({ ref: extRef, axis: "both" });
+  const [isDragging, setIsDragging] = useState(false);
+  const dragStartX = useRef(0);
+  const dragStartY = useRef(0);
+  const scrollStartLeft = useRef(0);
+  const scrollStartTop = useRef(0);
+  useEffect(() => {
+    const element = ref.current;
+    if (!element) return;
+    const handleMouseDown = (e) => {
+      setIsDragging(true);
+      dragStartX.current = e.clientX;
+      dragStartY.current = e.clientY;
+      scrollStartLeft.current = element.scrollLeft;
+      scrollStartTop.current = element.scrollTop;
+      e.preventDefault();
+    };
+    const handleMouseMove = (e) => {
+      if (!isDragging || !element) return;
+      const deltaX = e.clientX - dragStartX.current;
+      const deltaY = e.clientY - dragStartY.current;
+      element.scrollLeft = scrollStartLeft.current - deltaX * 2;
+      element.scrollTop = scrollStartTop.current - deltaY * 2;
+    };
+    const handleMouseUp = () => {
+      setIsDragging(false);
+    };
+    element.addEventListener("mousedown", handleMouseDown);
+    if (isDragging) {
+      document.addEventListener("mousemove", handleMouseMove);
+      document.addEventListener("mouseup", handleMouseUp);
+      document.addEventListener("mouseleave", handleMouseUp);
+    }
+    return () => {
+      element.removeEventListener("mousedown", handleMouseDown);
+      document.removeEventListener("mousemove", handleMouseMove);
+      document.removeEventListener("mouseup", handleMouseUp);
+      document.removeEventListener("mouseleave", handleMouseUp);
+    };
+  }, [isDragging, ref]);
+  const Comp = asChild ? Slot : "div";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ref,
+      className: cn("cursor-grab overflow-auto", isDragging && "cursor-grabbing", className),
+      style: { userSelect: isDragging ? "none" : "auto", ...props.style },
+      ...props,
+      children
+    }
+  );
+};
+var SyncDragX = ({ children, className, asChild = false, ...props }) => {
+  const ref = useSyncDrag({ axis: "horizontal" });
+  const [isDragging, setIsDragging] = useState(false);
+  const dragStartX = useRef(0);
+  const scrollStartLeft = useRef(0);
+  useEffect(() => {
+    const element = ref.current;
+    if (!element) return;
+    const handleMouseDown = (e) => {
+      setIsDragging(true);
+      dragStartX.current = e.clientX;
+      scrollStartLeft.current = element.scrollLeft;
+      e.preventDefault();
+    };
+    const handleMouseMove = (e) => {
+      if (!isDragging || !element) return;
+      const deltaX = e.clientX - dragStartX.current;
+      element.scrollLeft = scrollStartLeft.current - deltaX * 2;
+    };
+    const handleMouseUp = () => {
+      setIsDragging(false);
+    };
+    element.addEventListener("mousedown", handleMouseDown);
+    if (isDragging) {
+      document.addEventListener("mousemove", handleMouseMove);
+      document.addEventListener("mouseup", handleMouseUp);
+      document.addEventListener("mouseleave", handleMouseUp);
+    }
+    return () => {
+      element.removeEventListener("mousedown", handleMouseDown);
+      document.removeEventListener("mousemove", handleMouseMove);
+      document.removeEventListener("mouseup", handleMouseUp);
+      document.removeEventListener("mouseleave", handleMouseUp);
+    };
+  }, [isDragging, ref]);
+  const Comp = asChild ? Slot : "div";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ref,
+      className: cn("cursor-grab overflow-x-auto", isDragging ? "cursor-grabbing" : "", className),
+      style: { userSelect: isDragging ? "none" : "auto", ...props.style },
+      ...props,
+      children
+    }
+  );
+};
+var SyncDragSlave = ({
+  ref: extRef,
+  children,
+  className,
+  asChild = false,
+  ...props
+}) => {
+  const ref = useScrollSlave({ ref: extRef, axis: "both" });
+  const [isDragging, setIsDragging] = useState(false);
+  const dragStartX = useRef(0);
+  const dragStartY = useRef(0);
+  const scrollStartLeft = useRef(0);
+  const scrollStartTop = useRef(0);
+  useEffect(() => {
+    const element = ref.current;
+    if (!element) return;
+    const handleMouseDown = (e) => {
+      setIsDragging(true);
+      dragStartX.current = e.clientX;
+      dragStartY.current = e.clientY;
+      scrollStartLeft.current = element.scrollLeft;
+      scrollStartTop.current = element.scrollTop;
+      e.preventDefault();
+    };
+    const handleMouseMove = (e) => {
+      if (!isDragging || !element) return;
+      const deltaX = e.clientX - dragStartX.current;
+      const deltaY = e.clientY - dragStartY.current;
+      element.scrollLeft = scrollStartLeft.current - deltaX * 2;
+      element.scrollTop = scrollStartTop.current - deltaY * 2;
+    };
+    const handleMouseUp = () => {
+      setIsDragging(false);
+    };
+    element.addEventListener("mousedown", handleMouseDown);
+    if (isDragging) {
+      document.addEventListener("mousemove", handleMouseMove);
+      document.addEventListener("mouseup", handleMouseUp);
+      document.addEventListener("mouseleave", handleMouseUp);
+    }
+    return () => {
+      element.removeEventListener("mousedown", handleMouseDown);
+      document.removeEventListener("mousemove", handleMouseMove);
+      document.removeEventListener("mouseup", handleMouseUp);
+      document.removeEventListener("mouseleave", handleMouseUp);
+    };
+  }, [isDragging, ref]);
+  const Comp = asChild ? Slot : "div";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ref,
+      className: cn("cursor-grab overflow-auto", isDragging && "cursor-grabbing", className),
+      style: { userSelect: isDragging ? "none" : "auto", ...props.style },
+      ...props,
+      children
+    }
+  );
+};
+var SyncDragSlaveX = ({
+  ref: extRef,
+  children,
+  className,
+  asChild = false,
+  ...props
+}) => {
+  const ref = useScrollSlave({ ref: extRef, axis: "horizontal" });
+  const [isDragging, setIsDragging] = useState(false);
+  const dragStartX = useRef(0);
+  const scrollStartLeft = useRef(0);
+  useEffect(() => {
+    const element = ref.current;
+    if (!element) return;
+    const handleMouseDown = (e) => {
+      setIsDragging(true);
+      dragStartX.current = e.clientX;
+      scrollStartLeft.current = element.scrollLeft;
+      e.preventDefault();
+    };
+    const handleMouseMove = (e) => {
+      if (!isDragging || !element) return;
+      const deltaX = e.clientX - dragStartX.current;
+      element.scrollLeft = scrollStartLeft.current - deltaX * 2;
+    };
+    const handleMouseUp = () => {
+      setIsDragging(false);
+    };
+    element.addEventListener("mousedown", handleMouseDown);
+    if (isDragging) {
+      document.addEventListener("mousemove", handleMouseMove);
+      document.addEventListener("mouseup", handleMouseUp);
+      document.addEventListener("mouseleave", handleMouseUp);
+    }
+    return () => {
+      element.removeEventListener("mousedown", handleMouseDown);
+      document.removeEventListener("mousemove", handleMouseMove);
+      document.removeEventListener("mouseup", handleMouseUp);
+      document.removeEventListener("mouseleave", handleMouseUp);
+    };
+  }, [isDragging, ref]);
+  const Comp = asChild ? Slot : "div";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ref,
+      className: cn(
+        "cursor-grab overflow-x-auto overflow-y-hidden",
+        isDragging && "cursor-grabbing",
+        className
+      ),
+      style: { userSelect: isDragging ? "none" : "auto", ...props.style },
+      ...props,
+      children
+    }
+  );
+};
+var SyncDragY = ({
+  ref: extRef,
+  children,
+  className,
+  asChild = false,
+  ...props
+}) => {
+  const ref = useSyncDrag({ ref: extRef, axis: "vertical" });
+  const [isDragging, setIsDragging] = useState(false);
+  const dragStartY = useRef(0);
+  const scrollStartTop = useRef(0);
+  useEffect(() => {
+    const element = ref.current;
+    if (!element) return;
+    const handleMouseDown = (e) => {
+      setIsDragging(true);
+      dragStartY.current = e.clientY;
+      scrollStartTop.current = element.scrollTop;
+      e.preventDefault();
+    };
+    const handleMouseMove = (e) => {
+      if (!isDragging || !element) return;
+      const deltaY = e.clientY - dragStartY.current;
+      element.scrollTop = scrollStartTop.current - deltaY * 2;
+    };
+    const handleMouseUp = () => {
+      setIsDragging(false);
+    };
+    element.addEventListener("mousedown", handleMouseDown);
+    if (isDragging) {
+      document.addEventListener("mousemove", handleMouseMove);
+      document.addEventListener("mouseup", handleMouseUp);
+      document.addEventListener("mouseleave", handleMouseUp);
+    }
+    return () => {
+      element.removeEventListener("mousedown", handleMouseDown);
+      document.removeEventListener("mousemove", handleMouseMove);
+      document.removeEventListener("mouseup", handleMouseUp);
+      document.removeEventListener("mouseleave", handleMouseUp);
+    };
+  }, [isDragging, ref]);
+  const Comp = asChild ? Slot : "div";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ref,
+      className: cn(
+        "cursor-grab overflow-x-hidden overflow-y-auto",
+        isDragging && "cursor-grabbing",
+        className
+      ),
+      style: { userSelect: isDragging ? "none" : "auto", ...props.style },
+      ...props,
+      children
+    }
+  );
+};
+
+export { SyncDrag, SyncDragSlave, SyncDragSlaveX, SyncDragX, SyncDragY, SyncScroll, SyncScrollSlave };

package/dist/{chunk-IV3CZ27Q.cjs → chunk-PHRBUOTG.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkI7NPMMUG_cjs = require('./chunk-I7NPMMUG.cjs');
+var chunkRBKCE3N7_cjs = require('./chunk-RBKCE3N7.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(
-    chunkI7NPMMUG_cjs.InputNumbers,
+    chunkRBKCE3N7_cjs.InputNumbers,
     {
       ref,
       value: [value],

package/dist/{chunk-ZE7BMGJN.mjs → chunk-PXVFCVUE.mjs}

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

package/dist/{chunk-QN5Q5OCZ.mjs → chunk-QAERXYKR.mjs}

@@ -23,7 +23,7 @@ var changeElementsHoverState = (inputs, range, changed) => {
     }
   });
 };
-var InputNumbers = forwardRef(function InputNumbers2({ size, side, value, onValuesChange, prefix, suffix, step = 0.1 }, ref) {
+var InputNumbers = forwardRef(function InputNumbers2({ size, side, value, onValuesChange, prefix, suffix, step = 0.1, gridAutoFlow, columns, rows, layout = "column", columnMajor = false }, ref) {
   const inputs = useRef(/* @__PURE__ */ new Map());
   const selectRange = useRef([null, null]);
   const inputChange = useRef(false);
@@ -92,8 +92,9 @@ var InputNumbers = forwardRef(function InputNumbers2({ size, side, value, onValu
             if (first === null || last === null) {
               return v;
             } else if (i <= Math.max(first, last) && i >= Math.min(first, last)) {
+              const currentStep = Array.isArray(step) ? step[i] ?? 0.1 : step;
               return Number(
-                ((v || 0) + Math.floor(accumulatedDelta.current) * step * multiplyStep).toPrecision(
+                ((v || 0) + Math.floor(accumulatedDelta.current) * currentStep * multiplyStep).toPrecision(
                   6
                 )
               );
@@ -170,7 +171,8 @@ var InputNumbers = forwardRef(function InputNumbers2({ size, side, value, onValu
           e.preventDefault();
           const direction = e.key === "ArrowUp" ? 1 : -1;
           const currentValue = value[index] || 0;
-          const newValue = Number((currentValue + direction * step).toPrecision(6));
+          const currentStep = Array.isArray(step) ? step[index] ?? 0.1 : step;
+          const newValue = Number((currentValue + direction * currentStep).toPrecision(6));
           const updatedValues = value.map((v, i) => {
             if (i === index) {
               return newValue;
@@ -186,13 +188,33 @@ var InputNumbers = forwardRef(function InputNumbers2({ size, side, value, onValu
   if (value?.length === 0) {
     throw new Error("`value` cannot be an empty array");
   }
+  const actualGridAutoFlow = gridAutoFlow || layout || "row";
+  const useGrid = columns || rows || actualGridAutoFlow === "row" || layout === "row";
+  const gridStyles = {};
+  if (useGrid) {
+    gridStyles.display = "grid";
+    gridStyles.gridAutoFlow = actualGridAutoFlow;
+    if (columns) {
+      gridStyles.gridTemplateColumns = `repeat(${columns}, minmax(0, 1fr))`;
+    }
+    if (rows) {
+      gridStyles.gridTemplateRows = `repeat(${rows}, minmax(0, 1fr))`;
+    }
+    if (columnMajor && layout === "row") {
+      gridStyles.gridAutoFlow = "column";
+      if (!rows && columns) {
+        gridStyles.gridTemplateRows = `repeat(${Math.ceil(value.length / columns)}, minmax(0, 1fr))`;
+      }
+    }
+  }
   return /* @__PURE__ */ jsx(
     "div",
     {
       ref,
       onMouseDown: handleMouseDown,
       className: cn([
-        "gap-xs flex touch-none flex-col select-none",
+        "gap-xs touch-none select-none",
+        !useGrid && "flex flex-col",
         cursorState === "default" && "cursor-crosshair",
         cursorState === "dragging-y" && "cursor-ns-resize",
         cursorState === "dragging-x" && "cursor-col-resize",
@@ -202,6 +224,7 @@ var InputNumbers = forwardRef(function InputNumbers2({ size, side, value, onValu
         "data-[hover=x]:cursor-col-resize",
         "data-[hover=y]:cursor-ns-resize"
       ]),
+      style: useGrid ? gridStyles : void 0,
       children: value.map((item, index) => /* @__PURE__ */ jsxs(
         InputRoot,
         {
@@ -214,6 +237,7 @@ var InputNumbers = forwardRef(function InputNumbers2({ size, side, value, onValu
           size,
           side,
           type: "number",
+          step: Array.isArray(step) ? step[index] ?? 0.1 : step,
           value: item,
           onClick: () => {
             inputs.current.get(index.toString())?.focus();

package/dist/{chunk-HMGDXKPW.cjs → chunk-QGGJXDBC.cjs}

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