@vuer-ai/vuer-uikit 0.0.2 → 0.0.3

package/dist/chunk-WI2J7NIV.mjs

@@ -0,0 +1,161 @@
+import { InputRoot, InputSlot } from './chunk-KVDEBKWR.mjs';
+import { cn } from './chunk-HW6SLBO3.mjs';
+import { useGesture } from '@use-gesture/react';
+import { forwardRef, useRef, useCallback } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+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 = forwardRef(function InputNumbers2({ size, value, onValuesChange, prefix, step = 0.1 }, ref) {
+  const inputs = useRef(/* @__PURE__ */ new Map());
+  const selectRange = useRef([null, null]);
+  const inputChange = useRef(false);
+  const stopClick = useCallback(() => {
+    const stopClick2 = (e) => {
+      e.stopPropagation();
+      e.preventDefault();
+      document.removeEventListener("click", stopClick2, true);
+    };
+    document.addEventListener("click", stopClick2, true);
+  }, []);
+  const bind = useGesture({
+    onDrag: ({ delta: [dx], event, initial, distance: [, oy], xy, memo = 0 }) => {
+      event.stopPropagation();
+      event.preventDefault();
+      if (selectRange.current[0] === null) {
+        selectRange.current[0] = getHoverElementAndIndex(
+          document.elementFromPoint(...initial),
+          inputs.current
+        );
+      }
+      let newMX = memo + dx / 2;
+      if (Math.abs(newMX) >= (inputChange.current ? 1 : 5)) {
+        const multiplyStep = event.shiftKey ? 5 : event.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(newMX) * step * multiplyStep).toPrecision(6));
+          } else {
+            return v;
+          }
+        });
+        onValuesChange == null ? void 0 : onValuesChange(newValue);
+        newMX = 0;
+        inputChange.current = true;
+        changeElementsHoverState(inputs.current, selectRange.current, "x");
+        stopClick();
+      }
+      if (!inputChange.current) {
+        const currentElement = document.elementFromPoint(...xy);
+        const currentIndex = getHoverElementAndIndex(currentElement, inputs.current);
+        selectRange.current[1] = currentIndex ?? selectRange.current[1];
+        changeElementsHoverState(inputs.current, selectRange.current, oy !== 0 ? "y" : "none");
+        stopClick();
+      }
+      return newMX;
+    },
+    onDragEnd: () => {
+      selectRange.current = [null, null];
+      inputChange.current = false;
+      changeElementsHoverState(inputs.current, selectRange.current, "none");
+    }
+  });
+  const valueChangeHandler = 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__ */ jsx(
+    "div",
+    {
+      ref,
+      ...bind(),
+      className: cn("gap-xs flex cursor-crosshair touch-none select-none flex-col"),
+      children: value.map((item, index) => /* @__PURE__ */ jsx(
+        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: 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: 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__ */ jsx(
+            InputSlot,
+            {
+              className: 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
+      ))
+    }
+  );
+});
+
+export { InputNumbers };

package/dist/chunk-WK3M4X72.js

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

package/dist/chunk-WOG6UIG5.mjs

@@ -0,0 +1,71 @@
+import { cn } from './chunk-HW6SLBO3.mjs';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { CheckIcon } from 'lucide-react';
+import { jsx } from 'react/jsx-runtime';
+
+function Checkbox({ className, checkall, ...props }) {
+  return /* @__PURE__ */ jsx(
+    CheckboxPrimitive.Root,
+    {
+      "data-slot": "checkbox",
+      className: cn(
+        "group",
+        "relative",
+        "w-[16px]",
+        "h-[16px]",
+        "rounded-[3px]",
+        "border-[1.5px]",
+        "border-solid",
+        "border-bg-tertiary",
+        "data-[state=checked]:bg-brand-primary",
+        "data-[state=checked]:border-none",
+        "disabled:cursor-not-allowed",
+        "disabled:bg-bg-secondary",
+        "disabled:data-[state=checked]:bg-bg-secondary",
+        "disabled:data-[state=checked]:border-[1.5px]",
+        "disabled:data-[state=checked]:border-solid",
+        "disabled:data-[state=checked]:border-bg-tertiary",
+        checkall && [
+          "data-[state=checked]:bg-bg-transparent",
+          "data-[state=checked]:border-[1.5px]",
+          "data-[state=checked]:border-solid",
+          "data-[state=checked]:border-bg-tertiary"
+        ],
+        className
+      ),
+      ...props,
+      children: checkall ? /* @__PURE__ */ jsx(
+        CheckboxPrimitive.Indicator,
+        {
+          "data-slot": "checkbox-indicator",
+          className: cn(
+            "absolute",
+            "inset-0",
+            "m-auto",
+            "w-3/5",
+            "h-3/5",
+            "bg-brand-primary",
+            "group-disabled:bg-bg-tertiary"
+          )
+        }
+      ) : /* @__PURE__ */ jsx(
+        CheckboxPrimitive.Indicator,
+        {
+          "data-slot": "checkbox-indicator",
+          className: cn(
+            "flex",
+            "items-center",
+            "justify-center",
+            "text-current",
+            "transition-none",
+            "text-icon-withbg",
+            "group-disabled:text-bg-tertiary"
+          ),
+          children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5" })
+        }
+      )
+    }
+  );
+}
+
+export { Checkbox };

package/dist/chunk-XACRGXGF.js

@@ -0,0 +1,75 @@
+'use strict';
+
+var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
+var reactSlot = require('@radix-ui/react-slot');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+var badgeVariants = classVarianceAuthority.cva(
+  [
+    "inline-flex",
+    "items-center",
+    "justify-center",
+    "rounded-md",
+    "px-md",
+    "py-xxs",
+    "align-middle",
+    "text-xs",
+    "font-normal",
+    "w-fit",
+    "whitespace-nowrap",
+    "shrink-0",
+    "[&>svg]:size-3",
+    "gap-1",
+    "[&>svg]:pointer-events-none",
+    "focus-visible:border-ring",
+    "focus-visible:ring-ring/50",
+    "focus-visible:ring-[3px]",
+    "aria-invalid:ring-destructive/20",
+    "dark:aria-invalid:ring-destructive/40",
+    "aria-invalid:border-destructive",
+    "transition-[color,box-shadow]",
+    "overflow-hidden",
+    "text-text-withbg"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "bg-brand-primary text-text-primary",
+        secondary: "bg-bg-secondary",
+        destructive: "bg-danger-primary",
+        success: "bg-accent-success",
+        warning: "bg-accent-warning"
+      },
+      type: {
+        default: "",
+        circle: "size-[18px] rounded-full",
+        dot: "size-[6px] rounded-full !px-0 !py-0 text-transparent"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      type: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant,
+  type,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? reactSlot.Slot : "span";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    {
+      "data-slot": "badge",
+      className: chunkUWO6RBCE_js.cn(badgeVariants({ variant, type }), className),
+      ...props
+    }
+  );
+}
+
+exports.Badge = Badge;
+exports.badgeVariants = badgeVariants;

package/dist/chunk-YQORMF34.js

@@ -0,0 +1,110 @@
+'use strict';
+
+var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
+var TogglePrimitive = require('@radix-ui/react-toggle');
+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 TogglePrimitive__namespace = /*#__PURE__*/_interopNamespace(TogglePrimitive);
+
+var toggleVariants = classVarianceAuthority.cva(
+  [
+    "inline-flex",
+    "items-center",
+    "justify-center",
+    "shrink-0",
+    "whitespace-nowrap",
+    "font-normal",
+    "transition-all",
+    "[&_svg]:shrink-0 ",
+    "[&_svg]:pointer-events-none",
+    "outline-none",
+    "disabled:bg-transparent",
+    "disabled:text-bg-tertiary",
+    "disabled:cursor-not-allowed"
+  ],
+  {
+    variants: {
+      variant: {
+        primary: [
+          "text-text-primary",
+          "data-[state=on]:text-text-highlight",
+          "data-[state=on]:bg-brand-primary",
+          "hover:bg-bg-secondary"
+        ],
+        secondary: [
+          "text-text-secondary",
+          "data-[state=on]:text-text-highlight",
+          "data-[state=on]:bg-bg-secondary",
+          "hover:bg-bg-secondary "
+        ]
+      },
+      size: {
+        sm: [
+          "text-xs",
+          "h-5.5",
+          "gap-xxs",
+          "px-md",
+          "[&_svg:not([class*='size-'])]:size-3",
+          "rounded-uk-xs"
+        ],
+        base: [
+          "text-xs",
+          "h-7 ",
+          "gap-xs",
+          " px-lg",
+          "[&_svg:not([class*='size-'])]:size-3.5",
+          "rounded-uk-sm"
+        ],
+        lg: [
+          "text-sm",
+          "h-8",
+          " gap-xs",
+          "px-xl",
+          "[&_svg:not([class*='size-'])]:size-4",
+          "rounded-uk-md"
+        ]
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "base"
+    }
+  }
+);
+function Toggle({
+  className,
+  variant,
+  size,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TogglePrimitive__namespace.Root,
+    {
+      "data-slot": "toggle",
+      className: chunkUWO6RBCE_js.cn(toggleVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+
+exports.Toggle = Toggle;
+exports.toggleVariants = toggleVariants;

package/dist/chunk-Z37VNICQ.js

@@ -0,0 +1,67 @@
+'use strict';
+
+var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
+var SwitchPrimitive = require('@radix-ui/react-switch');
+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 SwitchPrimitive__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitive);
+
+function Switch({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SwitchPrimitive__namespace.Root,
+    {
+      "data-slot": "switch",
+      className: chunkUWO6RBCE_js.cn(
+        "group",
+        "w-[32px]",
+        "h-[16px]",
+        "rounded-[24px]",
+        "bg-bg-tertiary",
+        "data-[state=checked]:bg-brand-primary",
+        "disabled:bg-bg-secondary",
+        "disabled:cursor-not-allowed",
+        "disabled:data-[state=checked]:bg-bg-secondary",
+        "disabled:data-[state=unchecked]:bg-bg-secondary",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        SwitchPrimitive__namespace.Thumb,
+        {
+          "data-slot": "switch-thumb",
+          className: chunkUWO6RBCE_js.cn(
+            "block",
+            "size-[12px]",
+            "rounded-full",
+            "bg-icon-withbg",
+            "group-disabled:bg-bg-primary",
+            "transition-transform",
+            "duration-200",
+            "translate-x-[2px]",
+            "data-[state=checked]:translate-x-[18px]"
+          )
+        }
+      )
+    }
+  );
+}
+
+exports.Switch = Switch;

package/dist/chunk-ZCYBA6YN.mjs

@@ -0,0 +1 @@
+

package/dist/chunk-ZJXBC33M.js

@@ -0,0 +1,112 @@
+'use strict';
+
+var chunkCLTLT5XW_js = require('./chunk-CLTLT5XW.js');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var getVisibleRect = (element, elementRect) => {
+  let parent = element.parentElement;
+  let visibleRect = {
+    ...elementRect,
+    left: elementRect.left,
+    right: elementRect.right,
+    top: elementRect.top,
+    bottom: elementRect.bottom,
+    width: elementRect.width,
+    height: elementRect.height,
+    x: elementRect.x,
+    y: elementRect.y
+  };
+  while (parent) {
+    const style = window.getComputedStyle(parent);
+    const hasOverflow = [style.overflowY, style.overflowX].some(
+      (overflow) => ["auto", "scroll", "hidden"].includes(overflow)
+    );
+    if (hasOverflow) {
+      const parentRect = parent.getBoundingClientRect();
+      const newLeft = Math.max(visibleRect.left, parentRect.left);
+      const newTop = Math.max(visibleRect.top, parentRect.top);
+      const newRight = Math.min(visibleRect.right, parentRect.right);
+      const newBottom = Math.min(visibleRect.bottom, parentRect.bottom);
+      visibleRect = {
+        ...visibleRect,
+        left: newLeft,
+        top: newTop,
+        right: newRight,
+        bottom: newBottom,
+        width: Math.max(0, newRight - newLeft),
+        height: Math.max(0, newBottom - newTop),
+        x: newLeft,
+        y: newTop
+      };
+      if (visibleRect.width <= 0 || visibleRect.height <= 0) {
+        return new DOMRect(0, 0, 0, 0);
+      }
+    }
+    parent = parent.parentElement;
+  }
+  return DOMRect.fromRect(visibleRect);
+};
+function withCursor(Component) {
+  const displayName = Component.displayName || Component.name || "Component";
+  const EnhancedComponent = react.forwardRef(
+    ({ id: propId, onMouseEnter, onMouseMove, onMouseLeave, ...props }, ref) => {
+      const { registerHoveredElement, unregisterHoveredElement, updateElementDimensions } = chunkCLTLT5XW_js.useCursor();
+      const generatedId = react.useId();
+      const id = propId || `cursor-element-${generatedId}`;
+      const elementRef = react.useRef(null);
+      const handleMouseEnter = (event) => {
+        if (elementRef.current) {
+          const elementRect = elementRef.current.getBoundingClientRect();
+          const visibleRect = getVisibleRect(elementRef.current, elementRect);
+          registerHoveredElement(id, visibleRect, elementRef.current);
+        }
+        onMouseEnter == null ? void 0 : onMouseEnter(event);
+      };
+      const handleMouseMove = (event) => {
+        if (elementRef.current) {
+          const elementRect = elementRef.current.getBoundingClientRect();
+          const visibleRect = getVisibleRect(elementRef.current, elementRect);
+          updateElementDimensions(visibleRect);
+        }
+        onMouseMove == null ? void 0 : onMouseMove(event);
+      };
+      const handleMouseOut = (event) => {
+        var _a;
+        const rect = (_a = elementRef.current) == null ? void 0 : _a.getBoundingClientRect();
+        if (rect) {
+          const { clientX, clientY } = event;
+          const isOutside = clientX < rect.left || clientX > rect.right || clientY < rect.top || clientY > rect.bottom;
+          if (isOutside) {
+            unregisterHoveredElement();
+          }
+        } else {
+          unregisterHoveredElement();
+        }
+        onMouseLeave == null ? void 0 : onMouseLeave(event);
+      };
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        Component,
+        {
+          ...props,
+          id,
+          ref: (node) => {
+            if (typeof ref === "function") {
+              ref(node);
+            } else if (ref) {
+              ref.current = node;
+            }
+            elementRef.current = node;
+          },
+          onMouseEnter: handleMouseEnter,
+          onMouseMove: handleMouseMove,
+          onMouseOut: handleMouseOut
+        }
+      );
+    }
+  );
+  EnhancedComponent.displayName = `withCursor(${displayName})`;
+  return EnhancedComponent;
+}
+
+exports.withCursor = withCursor;

package/dist/chunk-ZKYQYCKN.mjs

@@ -0,0 +1,15 @@
+import { SelectTrigger } from './chunk-KAPV3EZO.mjs';
+import { Tabs } from './chunk-GA2JCN3F.mjs';
+import { Textarea } from './chunk-JOBQTBEM.mjs';
+import { Button } from './chunk-Q3APPCB2.mjs';
+import { InputRoot } from './chunk-KVDEBKWR.mjs';
+import { withCursor } from './chunk-CP7QYV4N.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 };