@vuer-ai/vuer-uikit 0.0.26 → 0.0.27

package/dist/chunk-6N5422RT.js

@@ -0,0 +1,110 @@
+'use strict';
+
+var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
+var AvatarPrimitive = require('@radix-ui/react-avatar');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+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 AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+function Avatar({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AvatarPrimitive__namespace.Root,
+    {
+      "data-slot": "avatar",
+      className: chunkXXWQ4RVP_js.cn("relative flex size-[24px] shrink-0 overflow-hidden rounded-full", className),
+      ...props
+    }
+  );
+}
+function AvatarImage({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AvatarPrimitive__namespace.Image,
+    {
+      "data-slot": "avatar-image",
+      className: chunkXXWQ4RVP_js.cn("aspect-square size-full", className),
+      ...props
+    }
+  );
+}
+function AvatarFallback({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AvatarPrimitive__namespace.Fallback,
+    {
+      "data-slot": "avatar-fallback",
+      className: chunkXXWQ4RVP_js.cn(
+        "bg-bg-tertiary flex size-full items-center justify-center rounded-full",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarGroup({ children, className, spacing = "normal", max }) {
+  const spacingClasses = {
+    tight: "-space-x-1.5",
+    normal: "-space-x-1",
+    loose: "-space-x-0.45"
+  };
+  const childrenArray = React__default.default.Children.toArray(children);
+  const displayChildren = max ? childrenArray.slice(0, max) : childrenArray;
+  const remainingCount = max && childrenArray.length > max ? childrenArray.length - max : 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkXXWQ4RVP_js.cn("flex", spacingClasses[spacing], className), children: [
+    displayChildren.map((child, index) => {
+      var _a;
+      const zIndex = 30 - index;
+      if (React__default.default.isValidElement(child)) {
+        return React__default.default.cloneElement(
+          child,
+          {
+            key: index,
+            className: chunkXXWQ4RVP_js.cn(
+              `ring-background relative ring-2 z-[${zIndex}] transition-all duration-200 ease-in-out hover:z-[100] hover:scale-120`,
+              (_a = child.props) == null ? void 0 : _a.className
+            )
+          }
+        );
+      }
+      return child;
+    }),
+    remainingCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      Avatar,
+      {
+        className: chunkXXWQ4RVP_js.cn(
+          "ring-background relative cursor-default ring-2 transition-all duration-200 ease-in-out hover:z-[100] hover:scale-120",
+          `z-[${30 - displayChildren.length}]`
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsxs(AvatarFallback, { children: [
+          "+",
+          remainingCount
+        ] })
+      }
+    )
+  ] });
+}
+
+exports.Avatar = Avatar;
+exports.AvatarFallback = AvatarFallback;
+exports.AvatarGroup = AvatarGroup;
+exports.AvatarImage = AvatarImage;

package/dist/chunk-6RTJSAVW.js

@@ -0,0 +1,202 @@
+'use strict';
+
+var chunkSKO72K64_js = require('./chunk-SKO72K64.js');
+var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var getHoverElementAndIndex = (element, inputs) => {
+  if (!element) return null;
+  const container = element == null ? void 0 : element.closest("[data-input]");
+  const currentInput = container == null ? void 0 : container.querySelector("input");
+  if (!currentInput) return null;
+  return Array.from(inputs.values()).indexOf(currentInput);
+};
+var changeElementsHoverState = (inputs, range, changed) => {
+  const [first, last] = range;
+  Array.from(inputs.values()).forEach((input, i) => {
+    const container = input == null ? void 0 : input.closest("[data-input]");
+    if (first === null || last === null) {
+      container == null ? void 0 : container.setAttribute("data-hover", "none");
+    } else if (i >= Math.min(first, last) && i <= Math.max(first, last)) {
+      container == null ? void 0 : container.setAttribute("data-hover", changed !== "none" ? changed : "down");
+    } else {
+      container == null ? void 0 : container.setAttribute("data-hover", "none");
+    }
+  });
+};
+var InputNumbers = React.forwardRef(function InputNumbers2({ size, value, onValuesChange, prefix, step = 0.1 }, ref) {
+  const inputs = React.useRef(/* @__PURE__ */ new Map());
+  const selectRange = React.useRef([null, null]);
+  const inputChange = React.useRef(false);
+  const [isDragging, setIsDragging] = React.useState(false);
+  const dragStart = React.useRef({ x: 0, y: 0 });
+  const accumulatedDelta = React.useRef(0);
+  const stopClick = React.useCallback(() => {
+    const stopClick2 = (e) => {
+      e.stopPropagation();
+      e.preventDefault();
+      document.removeEventListener("click", stopClick2, true);
+    };
+    document.addEventListener("click", stopClick2, true);
+  }, []);
+  const handleMouseDown = React.useCallback((e) => {
+    if (e.button !== 0) return;
+    e.preventDefault();
+    e.stopPropagation();
+    setIsDragging(true);
+    dragStart.current = { x: e.clientX, y: e.clientY };
+    accumulatedDelta.current = 0;
+    inputChange.current = false;
+    selectRange.current[0] = getHoverElementAndIndex(
+      document.elementFromPoint(e.clientX, e.clientY),
+      inputs.current
+    );
+  }, []);
+  const handleMouseMove = React.useCallback(
+    (e) => {
+      if (!isDragging) return;
+      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;
+        changeElementsHoverState(inputs.current, selectRange.current, "x");
+        stopClick();
+      }
+      if (!inputChange.current) {
+        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");
+        stopClick();
+      }
+    },
+    [isDragging, value, onValuesChange, step, stopClick]
+  );
+  const handleMouseUp = React.useCallback(() => {
+    if (!isDragging) return;
+    setIsDragging(false);
+    selectRange.current = [null, null];
+    inputChange.current = false;
+    changeElementsHoverState(inputs.current, selectRange.current, "none");
+  }, [isDragging]);
+  React__default.default.useEffect(() => {
+    if (isDragging) {
+      const handleGlobalMouseMove = (e) => {
+        handleMouseMove(e);
+      };
+      const handleGlobalMouseUp = () => {
+        handleMouseUp();
+      };
+      document.addEventListener("mousemove", handleGlobalMouseMove);
+      document.addEventListener("mouseup", handleGlobalMouseUp);
+      return () => {
+        document.removeEventListener("mousemove", handleGlobalMouseMove);
+        document.removeEventListener("mouseup", handleGlobalMouseUp);
+      };
+    }
+  }, [isDragging, handleMouseMove, handleMouseUp]);
+  const valueChangeHandler = React.useCallback(
+    (index) => {
+      return (e) => {
+        const inputValue = e.target.value;
+        if (inputValue === "" || !isNaN(Number(inputValue))) {
+          const newValue = value.map((v, i) => {
+            if (inputValue === "") {
+              return "";
+            }
+            return i === index ? Number(inputValue) : v;
+          });
+          onValuesChange == null ? void 0 : onValuesChange(newValue);
+        }
+      };
+    },
+    [onValuesChange, value]
+  );
+  if ((value == null ? void 0 : value.length) === 0) {
+    throw new Error("`value` cannot be an empty array");
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      onMouseDown: handleMouseDown,
+      className: chunkXXWQ4RVP_js.cn("gap-xs flex cursor-crosshair touch-none flex-col select-none"),
+      children: value.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
+        chunkSKO72K64_js.InputRoot,
+        {
+          ref: (r) => {
+            inputs.current.set(index.toString(), r);
+            return () => {
+              inputs.current.delete(index.toString());
+            };
+          },
+          size,
+          value: item,
+          onClick: () => {
+            var _a;
+            (_a = inputs.current.get(index.toString())) == null ? void 0 : _a.focus();
+          },
+          onChange: valueChangeHandler(index),
+          "data-hover": "none",
+          className: chunkXXWQ4RVP_js.cn([
+            "group/number-input",
+            "cursor-crosshair",
+            "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"
+          ]),
+          inputClassName: chunkXXWQ4RVP_js.cn([
+            "cursor-crosshair",
+            "group-data-[hover=down]/number-input:cursor-move",
+            "group-data-[hover=x]/number-input:cursor-col-resize",
+            "group-data-[hover=y]/number-input:cursor-row-resize"
+          ]),
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            chunkSKO72K64_js.InputSlot,
+            {
+              className: chunkXXWQ4RVP_js.cn(
+                "cursor-crosshair",
+                "group-data-[hover=down]/number-input:cursor-move",
+                "group-data-[hover=x]/number-input:cursor-col-resize",
+                "group-data-[hover=y]/number-input:cursor-row-resize"
+              ),
+              children: prefix == null ? void 0 : prefix[index]
+            }
+          )
+        },
+        index
+      ))
+    }
+  );
+});
+
+exports.InputNumbers = InputNumbers;

package/dist/chunk-ALTUOIWV.mjs

@@ -0,0 +1,15 @@
+import { Tabs } from './chunk-MRVMXKZO.mjs';
+import { Textarea } from './chunk-DDOX4EEM.mjs';
+import { SelectTrigger } from './chunk-QVUX6LLD.mjs';
+import { Button } from './chunk-VXHM7V6F.mjs';
+import { InputRoot } from './chunk-QYRRQ65X.mjs';
+import { withCursor } from './chunk-44KW6PTD.mjs';
+
+// src/highlight-cursor/enhanced-components.tsx
+var CursorButton = withCursor(Button);
+var CursorTabs = withCursor(Tabs);
+var CursorInputRoot = withCursor(InputRoot);
+var CursorSelectTrigger = withCursor(SelectTrigger);
+var CursorTextarea = withCursor(Textarea);
+
+export { CursorButton, CursorInputRoot, CursorSelectTrigger, CursorTabs, CursorTextarea };