@vuer-ai/vuer-uikit 0.0.19 → 0.0.21

package/dist/chunk-FORVP7XH.js

@@ -0,0 +1,164 @@
+'use strict';
+
+var chunkSKO72K64_js = require('./chunk-SKO72K64.js');
+var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
+var react$1 = require('@use-gesture/react');
+var react = require('react');
+var jsxRuntime = require('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 = 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 stopClick = react.useCallback(() => {
+    if (typeof document === "undefined") return;
+    const stopClick2 = (e) => {
+      e.stopPropagation();
+      e.preventDefault();
+      document.removeEventListener("click", stopClick2, true);
+    };
+    document.addEventListener("click", stopClick2, true);
+  }, []);
+  const bind = react$1.useGesture({
+    onDrag: ({ delta: [dx], event, initial, distance: [, oy], xy, memo = 0 }) => {
+      event.stopPropagation();
+      event.preventDefault();
+      if (selectRange.current[0] === null) {
+        selectRange.current[0] = getHoverElementAndIndex(
+          typeof document !== "undefined" ? document.elementFromPoint(...initial) : null,
+          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 = typeof document !== "undefined" ? document.elementFromPoint(...xy) : null;
+        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 = 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,
+      ...bind(),
+      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-ns-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-ns-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-ns-resize"
+              ),
+              children: prefix == null ? void 0 : prefix[index]
+            }
+          )
+        },
+        index
+      ))
+    }
+  );
+});
+
+exports.InputNumbers = InputNumbers;

package/dist/chunk-FP26SRGL.js

@@ -0,0 +1,377 @@
+'use strict';
+
+var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
+var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
+var lucideReact = require('lucide-react');
+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 DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
+
+function DropdownMenu({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Root, { "data-slot": "dropdown-menu", ...props });
+}
+function DropdownMenuPortal({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { "data-slot": "dropdown-menu-portal", ...props });
+}
+function DropdownMenuTrigger({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DropdownMenuPrimitive__namespace.Trigger,
+    {
+      "data-slot": "dropdown-menu-trigger",
+      className: "text-text-primary hover:text-text-highlight disabled:text-text-tertiary active:text-text-secondary",
+      ...props
+    }
+  );
+}
+function DropdownMenuContent({
+  className,
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    DropdownMenuPrimitive__namespace.Content,
+    {
+      "data-slot": "dropdown-menu-content",
+      sideOffset,
+      className: chunkXXWQ4RVP_js.cn(
+        [
+          "bg-bg-primary",
+          "p-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",
+          "data-[side=bottom]:slide-in-from-top-2",
+          "data-[side=left]:slide-in-from-right-2",
+          "data-[side=right]:slide-in-from-left-2",
+          "data-[side=top]:slide-in-from-bottom-2",
+          "relative",
+          "z-50",
+          "max-h-(--radix-dropdown-menu-content-available-height)",
+          "min-w-[8rem]",
+          "origin-(--radix-dropdown-menu-content-transform-origin)",
+          "overflow-x-hidden",
+          "overflow-y-auto",
+          "rounded-uk-md",
+          "shadow-md",
+          "shadow-[0_8px_20px_0_rgba(0,0,0,.80)]",
+          "liquid:liquid-bg"
+        ],
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function DropdownMenuGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DropdownMenuPrimitive__namespace.Group,
+    {
+      "data-slot": "dropdown-menu-group",
+      className: chunkXXWQ4RVP_js.cn("space-y-xs", className),
+      ...props
+    }
+  );
+}
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DropdownMenuPrimitive__namespace.Item,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: chunkXXWQ4RVP_js.cn(
+        [
+          "w-full",
+          "flex",
+          "gap-md",
+          "items-center",
+          "pr-md",
+          "pl-[calc(var(--spacing-md)*2)]",
+          "py-xs",
+          "mb-xs",
+          "last:mb-0",
+          "relative",
+          "cursor-default",
+          "rounded-uk-xs",
+          "text-uk-xs",
+          "leading-uk-xs",
+          "outline-hidden",
+          "select-none",
+          "hover:bg-bg-tertiary",
+          "data-[disabled]:pointer-events-none",
+          "data-[disabled]:text-bg-quaternary",
+          "[&_svg]:pointer-events-none",
+          "[&_svg]:shrink-0",
+          "[&_svg:not([class*='size-'])]:size-4",
+          "[&_svg:not([class*='text-'])]:text-muted-foreground"
+        ],
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DropdownMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    DropdownMenuPrimitive__namespace.CheckboxItem,
+    {
+      "data-slot": "dropdown-menu-checkbox-item",
+      className: chunkXXWQ4RVP_js.cn(
+        [
+          "w-full",
+          "flex",
+          "gap-md",
+          "items-center",
+          "pr-md",
+          "pl-[calc(var(--spacing-xl)*1.8)]",
+          "py-xs",
+          "mb-xs",
+          "last:mb-0",
+          "relative",
+          "cursor-default",
+          "rounded-uk-xs",
+          "text-uk-xs",
+          "leading-uk-xs",
+          "outline-hidden",
+          "select-none",
+          "hover:bg-bg-tertiary",
+          "data-[disabled]:pointer-events-none",
+          "data-[disabled]:text-bg-quaternary",
+          "[&_svg:not([class*='size-'])]:size-4",
+          "[&_svg]:pointer-events-none",
+          "[&_svg]:shrink-0"
+        ],
+        className
+      ),
+      checked,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "size-4" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function DropdownMenuRadioGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props });
+}
+function DropdownMenuRadioItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    DropdownMenuPrimitive__namespace.RadioItem,
+    {
+      "data-slot": "dropdown-menu-radio-item",
+      className: chunkXXWQ4RVP_js.cn(
+        [
+          "w-full",
+          "hover:bg-bg-tertiary",
+          "outline-hidden",
+          "relative",
+          "flex",
+          "cursor-default",
+          "select-none",
+          "items-center",
+          "gap-md",
+          "rounded-uk-xs",
+          "py-xs",
+          "pl-[calc(var(--spacing-xl)*1.8)]",
+          "pr-md",
+          "mb-xs",
+          "last:mb-0",
+          "text-uk-xs",
+          "leading-uk-xs",
+          "data-[disabled]:pointer-events-none",
+          "data-[disabled]:text-bg-quaternary",
+          "[&_svg:not([class*='size-'])]:size-4",
+          "[&_svg]:pointer-events-none",
+          "[&_svg]:shrink-0"
+        ],
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleIcon, { className: "size-2 fill-current" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DropdownMenuPrimitive__namespace.Label,
+    {
+      "data-slot": "dropdown-menu-label",
+      "data-inset": inset,
+      className: chunkXXWQ4RVP_js.cn("text-text-secondary text-uk-xs leading-uk-xs px-2 py-1.5", className),
+      ...props
+    }
+  );
+}
+function DropdownMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DropdownMenuPrimitive__namespace.Separator,
+    {
+      "data-slot": "dropdown-menu-separator",
+      className: chunkXXWQ4RVP_js.cn("bg-line-primary my-lg pointer-events-none -mx-1 h-px", className),
+      ...props
+    }
+  );
+}
+function DropdownMenuShortcut({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "data-slot": "dropdown-menu-shortcut",
+      className: chunkXXWQ4RVP_js.cn("text-text-tertiary text-uk-xs leading-uk-xs ml-auto", className),
+      ...props
+    }
+  );
+}
+function DropdownMenuSub({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Sub, { "data-slot": "dropdown-menu-sub", ...props });
+}
+function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    DropdownMenuPrimitive__namespace.SubTrigger,
+    {
+      "data-slot": "dropdown-menu-sub-trigger",
+      "data-inset": inset,
+      className: chunkXXWQ4RVP_js.cn(
+        "w-full",
+        "flex",
+        "gap-md",
+        "items-center",
+        "pr-md",
+        "pl-[calc(var(--spacing-md)*2)]",
+        "py-xs",
+        "mb-xs",
+        "relative",
+        "cursor-default",
+        "rounded-uk-xs",
+        "text-uk-xs",
+        "leading-uk-xs",
+        "outline-hidden",
+        "select-none",
+        "hover:bg-bg-tertiary",
+        "data-[state=open]:bg-bg-tertiary",
+        "data-[disabled]:pointer-events-none",
+        "data-[disabled]:text-bg-quaternary",
+        "[&_svg]:pointer-events-none",
+        "[&_svg]:shrink-0",
+        "[&_svg:not([class*='size-'])]:size-4",
+        "[&_svg:not([class*='text-'])]:text-muted-foreground",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "ml-auto size-4" })
+      ]
+    }
+  );
+}
+function DropdownMenuSubContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DropdownMenuPrimitive__namespace.SubContent,
+    {
+      "data-slot": "dropdown-menu-sub-content",
+      className: chunkXXWQ4RVP_js.cn(
+        "bg-bg-primary",
+        "p-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",
+        "data-[side=bottom]:slide-in-from-top-2",
+        "data-[side=left]:slide-in-from-right-2",
+        "data-[side=right]:slide-in-from-left-2",
+        "data-[side=top]:slide-in-from-bottom-2",
+        "relative",
+        "z-50",
+        "max-h-(--radix-dropdown-menu-content-available-height)",
+        "min-w-[8rem]",
+        "origin-(--radix-dropdown-menu-content-transform-origin)",
+        "overflow-x-hidden",
+        "overflow-y-auto",
+        "rounded-uk-md",
+        "shadow-md",
+        "shadow-[0_8px_20px_0_rgba(0,0,0,.80)]",
+        "liquid:liquid-bg",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+exports.DropdownMenu = DropdownMenu;
+exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
+exports.DropdownMenuContent = DropdownMenuContent;
+exports.DropdownMenuGroup = DropdownMenuGroup;
+exports.DropdownMenuItem = DropdownMenuItem;
+exports.DropdownMenuLabel = DropdownMenuLabel;
+exports.DropdownMenuPortal = DropdownMenuPortal;
+exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
+exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
+exports.DropdownMenuSeparator = DropdownMenuSeparator;
+exports.DropdownMenuShortcut = DropdownMenuShortcut;
+exports.DropdownMenuSub = DropdownMenuSub;
+exports.DropdownMenuSubContent = DropdownMenuSubContent;
+exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
+exports.DropdownMenuTrigger = DropdownMenuTrigger;

package/dist/chunk-FRT225GK.mjs

@@ -0,0 +1,34 @@
+import { cn } from './chunk-KTNZSZ5Y.mjs';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import { jsx } from 'react/jsx-runtime';
+
+function Collapsible({ ...props }) {
+  return /* @__PURE__ */ jsx(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
+}
+function CollapsibleTrigger2({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(CollapsiblePrimitive.CollapsibleTrigger, { "data-slot": "collapsible-trigger", ...props });
+}
+function CollapsibleContent2({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    CollapsiblePrimitive.CollapsibleContent,
+    {
+      "data-slot": "collapsible-content",
+      className: cn(
+        [
+          "overflow-hidden",
+          "data-[state=open]:animate-collapsible-down",
+          "data-[state=closed]:animate-collapsible-up"
+        ],
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export { Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger };