@vuer-ai/vuer-uikit 0.0.2 → 0.0.4

package/dist/chunk-OTDY2E2A.js

@@ -0,0 +1,163 @@
+'use strict';
+
+var chunkENZI5WM7_js = require('./chunk-ENZI5WM7.js');
+var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.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(() => {
+    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(
+          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 = 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: chunkUWO6RBCE_js.cn("gap-xs flex cursor-crosshair touch-none select-none flex-col"),
+      children: value.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
+        chunkENZI5WM7_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: chunkUWO6RBCE_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: chunkUWO6RBCE_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(
+            chunkENZI5WM7_js.InputSlot,
+            {
+              className: chunkUWO6RBCE_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-PKGNHHWG.mjs

@@ -0,0 +1,60 @@
+import { cn } from './chunk-HW6SLBO3.mjs';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { jsx } from 'react/jsx-runtime';
+
+function RadioGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    RadioGroupPrimitive.Root,
+    {
+      "data-slot": "radio-group",
+      className: cn("grid gap-2", className),
+      ...props
+    }
+  );
+}
+function RadioGroupItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    RadioGroupPrimitive.Item,
+    {
+      "data-slot": "radio-group-item",
+      className: cn(
+        "group",
+        "w-[16px]",
+        "h-[16px]",
+        "rounded-full",
+        "border-[1.5px]",
+        "border-solid",
+        "border-bg-tertiary",
+        "data-[state=checked]:border-brand-primary",
+        "disabled:cursor-not-allowed",
+        "disabled:bg-bg-secondary",
+        "disabled:data-[state=checked]:border-bg-tertiary",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        RadioGroupPrimitive.Indicator,
+        {
+          "data-slot": "radio-group-indicator",
+          className: "relative flex items-center justify-center",
+          children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "absolute",
+                "inset-0",
+                "m-auto",
+                "size-[8px]",
+                "rounded-full",
+                "bg-brand-primary",
+                "group-disabled:bg-bg-tertiary"
+              )
+            }
+          )
+        }
+      )
+    }
+  );
+}
+
+export { RadioGroup, RadioGroupItem };

package/dist/chunk-Q3APPCB2.mjs

@@ -0,0 +1,91 @@
+import { cn } from './chunk-HW6SLBO3.mjs';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var buttonVariants = cva(
+  [
+    "inline-flex",
+    "items-center",
+    "justify-center",
+    "shrink-0",
+    "whitespace-nowrap",
+    "rounded-uk-sm",
+    "font-medium",
+    "transition-all",
+    "[&_svg]:shrink-0 ",
+    "[&_svg]:pointer-events-none",
+    "outline-none",
+    "disabled:pointer-events-none",
+    "disabled:bg-bg-tertiary",
+    "disabled:text-text-tertiary",
+    "focus-visible:border-ring",
+    "focus-visible:ring-ring/50",
+    "focus-visible:ring-[3px]",
+    "focus-visible:bg-brand-tertiary",
+    "aria-invalid:ring-destructive/20",
+    "aria-invalid:border-destructive"
+  ],
+  {
+    variants: {
+      variant: {
+        primary: [
+          "bg-brand-primary",
+          "text-text-withbg",
+          "hover:bg-brand-secondary",
+          "active:bg-brand-tertiary"
+        ],
+        secondary: [
+          "bg-bg-secondary",
+          "text-text-highlight",
+          "hover:bg-bg-quaternary",
+          "active:bg-bg-tertiary"
+        ],
+        destructive: [
+          "bg-danger-primary",
+          "text-text-withbg",
+          "hover:bg-danger-secondary",
+          "active:bg-danger-tertiary"
+        ],
+        ghost: [
+          "text-text-primary",
+          "hover:bg-bg-tertiary",
+          "hover:text-text-secondary",
+          "active:bg-bg-secondary"
+        ],
+        link: ["text-text-primary", "underline-offset-4", "hover:underline"]
+      },
+      size: {
+        sm: ["text-xs", "h-5.5", "gap-xxs", "px-md", "[&_svg:not([class*='size-'])]:size-3"],
+        base: ["text-xs", "h-7 ", "gap-xs", " px-lg", "[&_svg:not([class*='size-'])]:size-3.5"],
+        lg: ["text-sm", "h-8", " gap-xs", "px-xl", "[&_svg:not([class*='size-'])]:size-4"]
+      },
+      icon: { false: null, true: null }
+    },
+    compoundVariants: [
+      { size: "sm", icon: true, class: ["px-xs", "py-xs", " size-5.5"] },
+      { size: "base", icon: true, class: ["px-sm", "py-sm", "size-7"] },
+      { size: "lg", icon: true, class: ["px-md", "py-md", " size-8"] }
+    ],
+    defaultVariants: {
+      variant: "primary",
+      size: "base",
+      icon: false
+    }
+  }
+);
+var Button = forwardRef(function Button2({ className, variant, size, icon, asChild = false, ...props }, ref) {
+  const Comp = asChild ? Slot : "button";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ref,
+      "data-slot": "button",
+      className: cn(buttonVariants({ variant, size, icon, className })),
+      ...props
+    }
+  );
+});
+
+export { Button };

package/dist/chunk-QOUX33X5.mjs

@@ -0,0 +1,111 @@
+import { useTabsCursor, TabsCursorProvider } from './chunk-6L4KPPOD.mjs';
+import { cn } from './chunk-HW6SLBO3.mjs';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { cva } from 'class-variance-authority';
+import { createContext, useContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var TabsContext = createContext(void 0);
+var useTabsContext = () => {
+  const context = useContext(TabsContext);
+  if (!context) {
+    throw new Error("Tabs components must be used within a Tabs component");
+  }
+  return context;
+};
+function Tabs({ className, size = "base", ...props }) {
+  return /* @__PURE__ */ jsx(TabsContext.Provider, { value: { size }, children: /* @__PURE__ */ jsx(
+    TabsPrimitive.Root,
+    {
+      "data-slot": "tabs",
+      className: cn("flex w-full flex-col gap-2", className),
+      ...props
+    }
+  ) });
+}
+var tabsListVariants = cva(["inline-flex", "items-center", "justify-center"], {
+  variants: {
+    size: {
+      sm: "p-0.5 gap-0.5",
+      base: "p-1 gap-1",
+      lg: "p-1.5 gap-1.5"
+    }
+  },
+  defaultVariants: {
+    size: "base"
+  }
+});
+function TabsList({ className, ...props }) {
+  const { setCursorTarget } = useTabsCursor();
+  const { size } = useTabsContext();
+  return /* @__PURE__ */ jsx(TabsCursorProvider, { children: /* @__PURE__ */ jsx(
+    TabsPrimitive.List,
+    {
+      onMouseLeave: () => setCursorTarget(null),
+      "data-slot": "tabs-list",
+      className: cn(tabsListVariants({ size }), "justify-start", className),
+      ...props
+    }
+  ) });
+}
+var tabsTriggerVariants = cva(
+  [
+    "inline-flex",
+    "items-center",
+    "justify-center",
+    "whitespace-nowrap",
+    "text-sm",
+    "font-medium",
+    "transition-all",
+    "disabled:pointer-events-none",
+    "disabled:bg-bg-tertiary",
+    "[&_svg]:pointer-events-none",
+    "[&_svg:not([class*='size-'])]:size-xl",
+    "shrink-0",
+    "[&_svg]:shrink-0",
+    "outline-none",
+    "focus-visible:border-ring",
+    "focus-visible:ring-ring/50",
+    "focus-visible:ring-[3px]",
+    "text-text-secondary",
+    "data-[state=active]:text-text-highlight",
+    "data-[state=active]:bg-bg-secondary"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "text-[11px] h-[22px] gap-xs px-md py-xs rounded-sm",
+        base: "text-[12px] h-[28px] gap-sm px-lg py-sm rounded-md",
+        lg: "text-[14px] h-[32px] gap-md px-xl py-sm rounded-md"
+      }
+    },
+    defaultVariants: {
+      size: "base"
+    }
+  }
+);
+function TabsTrigger({ className, ...props }) {
+  const { setCursorTarget } = useTabsCursor();
+  const { size } = useTabsContext();
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Trigger,
+    {
+      onMouseEnter: (e) => setCursorTarget(e.currentTarget),
+      "data-slot": "tabs-trigger",
+      className: cn(tabsTriggerVariants({ size }), className),
+      ...props
+    }
+  );
+}
+function TabsContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Content,
+    {
+      "data-slot": "tabs-content",
+      className: cn("mt-2 flex-1 outline-none", className),
+      ...props
+    }
+  );
+}
+
+export { Tabs, TabsContent, TabsList, TabsTrigger };

package/dist/chunk-QS7WS6DD.mjs

@@ -0,0 +1 @@
+

package/dist/chunk-QZASHJNJ.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var sonner = require('sonner');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/ui/toast.tsx
+var Toaster = ({ ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    sonner.Toaster,
+    {
+      toastOptions: {
+        className: "vk-toast liquid:liquid-bg",
+        descriptionClassName: "vk-toast-description"
+      },
+      ...props
+    }
+  );
+};
+
+Object.defineProperty(exports, "toast", {
+  enumerable: true,
+  get: function () { return sonner.toast; }
+});
+exports.Toaster = Toaster;