@vuer-ai/vuer-uikit 0.0.30 → 0.0.31

package/dist/{chunk-DNDWCHEB.js → chunk-CZBGKVGH.js}

@@ -34,7 +34,10 @@ function SelectFallback({ ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "select", ...props });
 }
 var Select = chunkQG7ZF6TO_js.createClientOnlyComponent(SelectRoot, SelectFallback);
-function SelectGroupRoot({ className, ...props }) {
+function SelectGroupRoot({
+  className,
+  ...props
+}) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     SelectPrimitive__namespace.Group,
     {
@@ -45,14 +48,7 @@ function SelectGroupRoot({ className, ...props }) {
   );
 }
 function SelectGroupFallback({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "select-group",
-      className: chunk7KYAICHB_js.cn("space-y-xs", className),
-      ...props
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "select-group", className: chunk7KYAICHB_js.cn("space-y-xs", className), ...props });
 }
 var SelectGroup = chunkQG7ZF6TO_js.createClientOnlyComponent(SelectGroupRoot, SelectGroupFallback);
 function SelectValueRoot({ ...props }) {
@@ -209,11 +205,7 @@ function SelectContentRoot({
     }
   ) });
 }
-function SelectContentFallback({
-  className,
-  children,
-  ...props
-}) {
+function SelectContentFallback({ className, children, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -238,7 +230,10 @@ function SelectContentFallback({
   );
 }
 var SelectContent = chunkQG7ZF6TO_js.createClientOnlyComponent(SelectContentRoot, SelectContentFallback);
-function SelectLabelRoot({ className, ...props }) {
+function SelectLabelRoot({
+  className,
+  ...props
+}) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     SelectPrimitive__namespace.Label,
     {
@@ -259,7 +254,14 @@ function SelectLabelFallback({ className, ...props }) {
   );
 }
 var SelectLabel = chunkQG7ZF6TO_js.createClientOnlyComponent(SelectLabelRoot, SelectLabelFallback);
-function SelectItemRoot({ className, children, prefix, suffix, disabled, ...props }) {
+function SelectItemRoot({
+  className,
+  children,
+  prefix,
+  suffix,
+  disabled,
+  ...props
+}) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     SelectPrimitive__namespace.Item,
     {
@@ -332,7 +334,16 @@ function SelectItemRoot({ className, children, prefix, suffix, disabled, ...prop
     }
   );
 }
-function SelectItemFallback({ className, children, prefix, suffix, disabled, ...props }) {
+function SelectItemFallback({
+  className,
+  children,
+  prefix,
+  suffix,
+  disabled,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  value,
+  ...props
+}) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -352,15 +363,41 @@ function SelectItemFallback({ className, children, prefix, suffix, disabled, ...
           "text-uk-xs",
           "outline-hidden",
           "select-none",
-          "focus:bg-bg-secondary"
+          "focus:bg-bg-secondary",
+          disabled && "text-bg-quaternary pointer-events-none"
         ],
         className
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunk7KYAICHB_js.cn(["text-text-tertiary", "flex", "shrink-0", "gap-0.5"]), children: prefix }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            className: chunk7KYAICHB_js.cn([
+              "text-text-tertiary",
+              "flex",
+              "shrink-0",
+              "gap-0.5",
+              disabled && "text-bg-quaternary"
+            ]),
+            children: prefix
+          }
+        ),
         /* @__PURE__ */ jsxRuntime.jsx("span", { children }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunk7KYAICHB_js.cn("text-text-tertiary", "ml-auto", "flex", "shrink-0", "gap-0.5"), children: suffix })
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            className: chunk7KYAICHB_js.cn(
+              "text-text-tertiary",
+              "ml-auto",
+              "flex",
+              "shrink-0",
+              "gap-0.5",
+              disabled && "text-bg-quaternary"
+            ),
+            children: suffix
+          }
+        )
       ]
     }
   );
@@ -379,10 +416,7 @@ function SelectSeparatorRoot({
     }
   );
 }
-function SelectSeparatorFallback({
-  className,
-  ...props
-}) {
+function SelectSeparatorFallback({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -392,7 +426,10 @@ function SelectSeparatorFallback({
     }
   );
 }
-var SelectSeparator = chunkQG7ZF6TO_js.createClientOnlyComponent(SelectSeparatorRoot, SelectSeparatorFallback);
+var SelectSeparator = chunkQG7ZF6TO_js.createClientOnlyComponent(
+  SelectSeparatorRoot,
+  SelectSeparatorFallback
+);
 function SelectScrollUpButtonRoot({
   className,
   ...props
@@ -407,10 +444,7 @@ function SelectScrollUpButtonRoot({
     }
   );
 }
-function SelectScrollUpButtonFallback({
-  className,
-  ...props
-}) {
+function SelectScrollUpButtonFallback({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -421,7 +455,10 @@ function SelectScrollUpButtonFallback({
     }
   );
 }
-var SelectScrollUpButton = chunkQG7ZF6TO_js.createClientOnlyComponent(SelectScrollUpButtonRoot, SelectScrollUpButtonFallback);
+var SelectScrollUpButton = chunkQG7ZF6TO_js.createClientOnlyComponent(
+  SelectScrollUpButtonRoot,
+  SelectScrollUpButtonFallback
+);
 function SelectScrollDownButtonRoot({
   className,
   ...props
@@ -436,10 +473,7 @@ function SelectScrollDownButtonRoot({
     }
   );
 }
-function SelectScrollDownButtonFallback({
-  className,
-  ...props
-}) {
+function SelectScrollDownButtonFallback({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -450,15 +484,39 @@ function SelectScrollDownButtonFallback({
     }
   );
 }
-var SelectScrollDownButton = chunkQG7ZF6TO_js.createClientOnlyComponent(SelectScrollDownButtonRoot, SelectScrollDownButtonFallback);
+var SelectScrollDownButton = chunkQG7ZF6TO_js.createClientOnlyComponent(
+  SelectScrollDownButtonRoot,
+  SelectScrollDownButtonFallback
+);
 
 exports.Select = Select;
 exports.SelectContent = SelectContent;
+exports.SelectContentFallback = SelectContentFallback;
+exports.SelectContentRoot = SelectContentRoot;
+exports.SelectFallback = SelectFallback;
 exports.SelectGroup = SelectGroup;
+exports.SelectGroupFallback = SelectGroupFallback;
+exports.SelectGroupRoot = SelectGroupRoot;
 exports.SelectItem = SelectItem;
+exports.SelectItemFallback = SelectItemFallback;
+exports.SelectItemRoot = SelectItemRoot;
 exports.SelectLabel = SelectLabel;
+exports.SelectLabelFallback = SelectLabelFallback;
+exports.SelectLabelRoot = SelectLabelRoot;
+exports.SelectRoot = SelectRoot;
 exports.SelectScrollDownButton = SelectScrollDownButton;
+exports.SelectScrollDownButtonFallback = SelectScrollDownButtonFallback;
+exports.SelectScrollDownButtonRoot = SelectScrollDownButtonRoot;
 exports.SelectScrollUpButton = SelectScrollUpButton;
+exports.SelectScrollUpButtonFallback = SelectScrollUpButtonFallback;
+exports.SelectScrollUpButtonRoot = SelectScrollUpButtonRoot;
 exports.SelectSeparator = SelectSeparator;
+exports.SelectSeparatorFallback = SelectSeparatorFallback;
+exports.SelectSeparatorRoot = SelectSeparatorRoot;
 exports.SelectTrigger = SelectTrigger;
+exports.SelectTriggerFallback = SelectTriggerFallback;
+exports.SelectTriggerRoot = SelectTriggerRoot;
 exports.SelectValue = SelectValue;
+exports.SelectValueFallback = SelectValueFallback;
+exports.SelectValueRoot = SelectValueRoot;
+exports.selectTriggerVariants = selectTriggerVariants;

package/dist/{chunk-MFQ3ZHFJ.mjs → chunk-D6KVE3E3.mjs}

@@ -48,14 +48,7 @@ function ModalOverlayRoot({ className, ...props }) {
   );
 }
 function ModalOverlayFallback({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "modal-overlay",
-      className: cn(modalOverlayVariants(), className),
-      ...props
-    }
-  );
+  return /* @__PURE__ */ jsx("div", { "data-slot": "modal-overlay", className: cn(modalOverlayVariants(), className), ...props });
 }
 var ModalOverlay = createClientOnlyComponent(ModalOverlayRoot, ModalOverlayFallback);
 var modalContentVariants = cva([
@@ -133,41 +126,33 @@ function ModalContentFallback({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-slot": "modal-content",
-      className: cn(modalContentVariants(), className),
-      ...props,
-      children: [
-        children,
-        showCloseButton && /* @__PURE__ */ jsxs(
-          "button",
-          {
-            "data-slot": "modal-close",
-            className: cn(
-              "absolute",
-              "right-[16px]",
-              "top-[16px]",
-              "w-[16px]",
-              "h-[16px]",
-              "rounded-uk-sm",
-              "cursor-pointer",
-              "hover:text-icon-highlight",
-              "text-icon-primary",
-              "flex",
-              "items-center",
-              "justify-center"
-            ),
-            children: [
-              /* @__PURE__ */ jsx(XIcon, {}),
-              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-            ]
-          }
-        )
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "modal-content", className: cn(modalContentVariants(), className), ...props, children: [
+    children,
+    showCloseButton && /* @__PURE__ */ jsxs(
+      "button",
+      {
+        "data-slot": "modal-close",
+        className: cn(
+          "absolute",
+          "right-[16px]",
+          "top-[16px]",
+          "w-[16px]",
+          "h-[16px]",
+          "rounded-uk-sm",
+          "cursor-pointer",
+          "hover:text-icon-highlight",
+          "text-icon-primary",
+          "flex",
+          "items-center",
+          "justify-center"
+        ),
+        children: [
+          /* @__PURE__ */ jsx(XIcon, {}),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+        ]
+      }
+    )
+  ] });
 }
 var ModalContent = createClientOnlyComponent(ModalContentRoot, ModalContentFallback);
 function ModalHeader({ className, ...props }) {

package/dist/{chunk-FA7B4T24.mjs → chunk-EXM36UYZ.mjs}

@@ -25,14 +25,7 @@ function TabsRoot({ className, size = "base", ...props }) {
   ) });
 }
 function TabsFallback({ className, size = "base", ...props }) {
-  return /* @__PURE__ */ jsx(TabsContext.Provider, { value: { size }, children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "tabs",
-      className: cn("flex w-full flex-col", className),
-      ...props
-    }
-  ) });
+  return /* @__PURE__ */ jsx(TabsContext.Provider, { value: { size }, children: /* @__PURE__ */ jsx("div", { "data-slot": "tabs", className: cn("flex w-full flex-col", className), ...props }) });
 }
 var Tabs = createClientOnlyComponent(TabsRoot, TabsFallback);
 var tabsListVariants = cva(["inline-flex", "items-center", "justify-center"], {
@@ -142,14 +135,7 @@ function TabsContentRoot({ className, ...props }) {
   );
 }
 function TabsContentFallback({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "tabs-content",
-      className: cn("flex-1 outline-none", className),
-      ...props
-    }
-  );
+  return /* @__PURE__ */ jsx("div", { "data-slot": "tabs-content", className: cn("flex-1 outline-none", className), ...props });
 }
 var TabsContent = createClientOnlyComponent(TabsContentRoot, TabsContentFallback);
 

package/dist/{chunk-WU66I4PW.mjs → chunk-HQX4LDOI.mjs}

@@ -28,7 +28,12 @@ var InputNumbers = forwardRef(function InputNumbers2({ size, value, onValuesChan
   const selectRange = useRef([null, null]);
   const inputChange = useRef(false);
   const [isDragging, setIsDragging] = useState(false);
+  const [cursorState, setCursorState] = useState(
+    "default"
+  );
+  const dragDirection = useRef("none");
   const dragStart = useRef({ x: 0, y: 0 });
+  const initialDragStart = useRef({ x: 0, y: 0 });
   const accumulatedDelta = useRef(0);
   const stopClick = useCallback(() => {
     const stopClick2 = (e) => {
@@ -43,9 +48,12 @@ var InputNumbers = forwardRef(function InputNumbers2({ size, value, onValuesChan
     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
@@ -57,36 +65,55 @@ var InputNumbers = forwardRef(function InputNumbers2({ size, value, onValuesChan
       e.preventDefault();
       e.stopPropagation();
       const deltaX = e.clientX - dragStart.current.x;
-      const deltaY = e.clientY - dragStart.current.y;
-      accumulatedDelta.current += deltaX / 2;
-      dragStart.current = { x: e.clientX, y: e.clientY };
-      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 [first, last] = selectRange.current;
-          if (first === null || last === null) {
-            return v;
-          } else if (i <= Math.max(first, last) && i >= Math.min(first, last)) {
-            return Number(
-              ((v || 0) + Math.floor(accumulatedDelta.current) * step * multiplyStep).toPrecision(
-                6
-              )
-            );
-          } else {
-            return v;
-          }
-        });
-        onValuesChange == null ? void 0 : onValuesChange(newValue);
-        accumulatedDelta.current = 0;
-        inputChange.current = true;
+      e.clientY - dragStart.current.y;
+      const totalDeltaX = e.clientX - initialDragStart.current.x;
+      const totalDeltaY = e.clientY - initialDragStart.current.y;
+      if (dragDirection.current === "none") {
+        if (Math.abs(totalDeltaY) > 2 || Math.abs(totalDeltaX) > 2) {
+          dragDirection.current = "y";
+          setCursorState("dragging-y");
+        }
+      } else if (dragDirection.current === "y" && Math.abs(totalDeltaX) > 5) {
+        dragDirection.current = "x";
+        setCursorState("dragging-x");
+      }
+      if (dragDirection.current === "x") {
+        accumulatedDelta.current += deltaX / 2;
+        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 [first, last] = selectRange.current;
+            if (first === null || last === null) {
+              return v;
+            } else if (i <= Math.max(first, last) && i >= Math.min(first, last)) {
+              return Number(
+                ((v || 0) + Math.floor(accumulatedDelta.current) * step * multiplyStep).toPrecision(
+                  6
+                )
+              );
+            } else {
+              return v;
+            }
+          });
+          onValuesChange == null ? void 0 : onValuesChange(newValue);
+          accumulatedDelta.current = 0;
+          inputChange.current = true;
+        }
         changeElementsHoverState(inputs.current, selectRange.current, "x");
         stopClick();
-      }
-      if (!inputChange.current) {
+      } else if (dragDirection.current === "y") {
         const currentElement = document.elementFromPoint(e.clientX, e.clientY);
         const currentIndex = getHoverElementAndIndex(currentElement, inputs.current);
         selectRange.current[1] = currentIndex ?? selectRange.current[1];
-        changeElementsHoverState(inputs.current, selectRange.current, deltaY !== 0 ? "y" : "none");
+        changeElementsHoverState(inputs.current, selectRange.current, "y");
+        stopClick();
+      } else {
+        dragStart.current = { x: e.clientX, y: e.clientY };
+        changeElementsHoverState(inputs.current, selectRange.current, "y");
         stopClick();
       }
     },
@@ -95,8 +122,10 @@ var InputNumbers = forwardRef(function InputNumbers2({ size, value, onValuesChan
   const handleMouseUp = useCallback(() => {
     if (!isDragging) return;
     setIsDragging(false);
+    setCursorState("default");
     selectRange.current = [null, null];
     inputChange.current = false;
+    dragDirection.current = "none";
     changeElementsHoverState(inputs.current, selectRange.current, "none");
   }, [isDragging]);
   React.useEffect(() => {
@@ -140,7 +169,17 @@ var InputNumbers = forwardRef(function InputNumbers2({ size, value, onValuesChan
     {
       ref,
       onMouseDown: handleMouseDown,
-      className: cn("gap-xs flex cursor-crosshair touch-none flex-col select-none"),
+      className: cn([
+        "gap-xs flex touch-none flex-col select-none",
+        cursorState === "default" && "cursor-crosshair",
+        cursorState === "dragging-y" && "cursor-ns-resize",
+        cursorState === "dragging-x" && "cursor-col-resize",
+        "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"
+      ]),
       children: value.map((item, index) => /* @__PURE__ */ jsx(
         InputRoot,
         {
@@ -160,28 +199,25 @@ var InputNumbers = forwardRef(function InputNumbers2({ size, value, onValuesChan
           "data-hover": "none",
           className: cn([
             "group/number-input",
-            "cursor-crosshair",
+            "cursor-text",
             "data-[hover=down]:bg-bg-tertiary",
             "data-[hover=x]:bg-bg-tertiary",
             "data-[hover=y]:bg-bg-tertiary",
-            "data-[hover=down]:cursor-move",
             "data-[hover=x]:cursor-col-resize",
-            "data-[hover=y]:cursor-row-resize"
+            "data-[hover=y]:cursor-ns-resize"
           ]),
           inputClassName: cn([
-            "cursor-crosshair",
-            "group-data-[hover=down]/number-input:cursor-move",
+            "cursor-text",
             "group-data-[hover=x]/number-input:cursor-col-resize",
-            "group-data-[hover=y]/number-input:cursor-row-resize"
+            "group-data-[hover=y]/number-input:cursor-ns-resize"
           ]),
           children: /* @__PURE__ */ jsx(
             InputSlot,
             {
               className: cn(
-                "cursor-crosshair",
-                "group-data-[hover=down]/number-input:cursor-move",
+                "cursor-text",
                 "group-data-[hover=x]/number-input:cursor-col-resize",
-                "group-data-[hover=y]/number-input:cursor-row-resize"
+                "group-data-[hover=y]/number-input:cursor-ns-resize"
               ),
               children: prefix == null ? void 0 : prefix[index]
             }