@vuer-ai/vuer-uikit 0.0.2 → 0.0.3

package/dist/chunk-KYKEJFJT.js

@@ -0,0 +1,110 @@
+'use strict';
+
+var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.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: chunkUWO6RBCE_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: chunkUWO6RBCE_js.cn("aspect-square size-full", className),
+      ...props
+    }
+  );
+}
+function AvatarFallback({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AvatarPrimitive__namespace.Fallback,
+    {
+      "data-slot": "avatar-fallback",
+      className: chunkUWO6RBCE_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: chunkUWO6RBCE_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: chunkUWO6RBCE_js.cn(
+              `ring-background relative ring-2 z-[${zIndex}] hover:scale-120 transition-all duration-200 ease-in-out hover:z-[100]`,
+              (_a = child.props) == null ? void 0 : _a.className
+            )
+          }
+        );
+      }
+      return child;
+    }),
+    remainingCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      Avatar,
+      {
+        className: chunkUWO6RBCE_js.cn(
+          "ring-background hover:scale-120 relative cursor-default ring-2 transition-all duration-200 ease-in-out hover:z-[100]",
+          `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-LBFO3QAA.js

@@ -0,0 +1,202 @@
+'use strict';
+
+var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
+var chunkCLTLT5XW_js = require('./chunk-CLTLT5XW.js');
+var react = require('react');
+var reactDom = require('react-dom');
+var jsxRuntime = require('react/jsx-runtime');
+
+var CursorProvider = ({
+  children,
+  maxOffsetX = 5,
+  maxOffsetY = 20,
+  cursorSize = 20,
+  transitionDuration = 100,
+  cursorClassName,
+  className,
+  as: Component = "div",
+  ...props
+}) => {
+  const [isMouseInside, setIsMouseInside] = react.useState(false);
+  const [mousePosition, setMousePosition] = react.useState({ x: 0, y: 0 });
+  const [hoveredElementId, setHoveredElementId] = react.useState(null);
+  const [elementDimensions, setElementDimensions] = react.useState({
+    width: 0,
+    height: 0,
+    x: 0,
+    y: 0,
+    right: 0,
+    bottom: 0
+  });
+  const hoveredElementRef = react.useRef(null);
+  react.useEffect(() => {
+    const handleMouseMove = (e) => {
+      setMousePosition({ x: e.clientX, y: e.clientY });
+    };
+    document.addEventListener("mousemove", handleMouseMove);
+    return () => document.removeEventListener("mousemove", handleMouseMove);
+  }, []);
+  const handleMouseEnter = react.useCallback(() => {
+    setIsMouseInside(true);
+  }, []);
+  const handleMouseLeave = react.useCallback(() => {
+    setIsMouseInside(false);
+    setHoveredElementId(null);
+    hoveredElementRef.current = null;
+  }, []);
+  const checkMouseInElement = react.useCallback(() => {
+    if (!hoveredElementRef.current || !hoveredElementId) {
+      return;
+    }
+    const rect = hoveredElementRef.current.getBoundingClientRect();
+    setElementDimensions({
+      width: rect.width,
+      height: rect.height,
+      x: rect.left,
+      y: rect.top,
+      right: rect.right,
+      bottom: rect.bottom
+    });
+    const isInside = mousePosition.x >= rect.left && mousePosition.x <= rect.right && mousePosition.y >= rect.top && mousePosition.y <= rect.bottom;
+    if (!isInside) {
+      setHoveredElementId(null);
+      hoveredElementRef.current = null;
+    }
+  }, [mousePosition, hoveredElementId]);
+  react.useEffect(() => {
+    const handleScroll = () => {
+      checkMouseInElement();
+    };
+    document.addEventListener("scroll", handleScroll, { passive: true, capture: true });
+    return () => {
+      document.removeEventListener("scroll", handleScroll, { capture: true });
+    };
+  }, [checkMouseInElement]);
+  const registerHoveredElement = react.useCallback(
+    (id, dimensions, element) => {
+      setHoveredElementId(id);
+      setElementDimensions({
+        width: dimensions.width,
+        height: dimensions.height,
+        x: dimensions.left,
+        y: dimensions.top,
+        right: dimensions.right,
+        bottom: dimensions.bottom
+      });
+      if (element) {
+        hoveredElementRef.current = element;
+      }
+    },
+    []
+  );
+  const unregisterHoveredElement = react.useCallback(() => {
+    setHoveredElementId(null);
+    hoveredElementRef.current = null;
+  }, []);
+  const updateElementDimensions = react.useCallback(
+    (dimensions) => {
+      if (hoveredElementId) {
+        setElementDimensions({
+          width: dimensions.width,
+          height: dimensions.height,
+          x: dimensions.left,
+          y: dimensions.top,
+          right: dimensions.right,
+          bottom: dimensions.bottom
+        });
+      }
+    },
+    [hoveredElementId]
+  );
+  const getCursorPosition = () => {
+    if (!hoveredElementId) {
+      return {
+        x: mousePosition.x - cursorSize / 2,
+        y: mousePosition.y - cursorSize / 2
+      };
+    }
+    const elementCenterX = elementDimensions.x + elementDimensions.width / 2;
+    const elementCenterY = elementDimensions.y + elementDimensions.height / 2;
+    const offsetX = (mousePosition.x - elementCenterX) * 0.1;
+    const offsetY = (mousePosition.y - elementCenterY) * 0.1;
+    const boundedOffsetX = Math.max(-maxOffsetX, Math.min(maxOffsetX, offsetX));
+    const boundedOffsetY = Math.max(-maxOffsetY, Math.min(maxOffsetY, offsetY));
+    return {
+      x: elementDimensions.x + boundedOffsetX,
+      y: elementDimensions.y + boundedOffsetY
+    };
+  };
+  const contextValue = react.useMemo(
+    () => ({
+      // State values that change during component lifecycle
+      mousePosition,
+      hoveredElementId,
+      elementDimensions,
+      // Callbacks that should be stable references
+      registerHoveredElement,
+      unregisterHoveredElement,
+      updateElementDimensions
+    }),
+    [
+      mousePosition,
+      hoveredElementId,
+      elementDimensions,
+      registerHoveredElement,
+      unregisterHoveredElement,
+      updateElementDimensions
+    ]
+  );
+  const cursorPosition = getCursorPosition();
+  const cursorStyleObject = react.useMemo(
+    () => ({
+      left: cursorPosition.x,
+      top: cursorPosition.y,
+      width: hoveredElementId ? elementDimensions.width > 0 ? elementDimensions.width : cursorSize : cursorSize,
+      height: hoveredElementId ? elementDimensions.height > 0 ? elementDimensions.height : cursorSize : cursorSize,
+      willChange: "transform, width, height"
+    }),
+    [
+      cursorPosition.x,
+      cursorPosition.y,
+      hoveredElementId,
+      elementDimensions.width,
+      elementDimensions.height,
+      cursorSize
+    ]
+  );
+  let styleClass;
+  if (hoveredElementId) {
+    styleClass = `opacity-[0.05] rounded-md transition-[width,height,left,top] duration-${transitionDuration} ease-out`;
+  } else {
+    styleClass = `opacity-90 rounded-xl z-10 transition-[width,height,left,top] duration-${transitionDuration} ease-out transition-opacity duration-${transitionDuration}`;
+  }
+  const cursorElement = isMouseInside && /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: `pointer-events-none fixed ${styleClass} ${hoveredElementId ? "" : cursorClassName || ""}`,
+      style: {
+        ...cursorStyleObject,
+        backgroundColor: "var(--shadow-secondary)"
+      }
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    typeof document !== "undefined" && document.body && cursorElement && reactDom.createPortal(cursorElement, document.body),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkCLTLT5XW_js.CursorContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
+      Component,
+      {
+        ...props,
+        className: chunkUWO6RBCE_js.cn(className),
+        style: {
+          cursor: isMouseInside && !hoveredElementId ? "none" : "auto",
+          ...props.style
+        },
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        children
+      }
+    ) })
+  ] });
+};
+
+exports.CursorProvider = CursorProvider;

package/dist/chunk-MASRZTZC.mjs

@@ -0,0 +1,34 @@
+import { cn } from './chunk-HW6SLBO3.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 };

package/dist/chunk-NA7TVYOP.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var chunk5JP4AZ4C_js = require('./chunk-5JP4AZ4C.js');
+var chunkJZ7V43ZL_js = require('./chunk-JZ7V43ZL.js');
+var chunk3HXPIWL3_js = require('./chunk-3HXPIWL3.js');
+var chunk5BIQ3IN7_js = require('./chunk-5BIQ3IN7.js');
+var chunkZYBSCTBR_js = require('./chunk-ZYBSCTBR.js');
+var chunkZJXBC33M_js = require('./chunk-ZJXBC33M.js');
+
+// src/highlight-cursor/enhanced-components.tsx
+var CursorButton = chunkZJXBC33M_js.withCursor(chunk5BIQ3IN7_js.Button);
+var CursorTabs = chunkZJXBC33M_js.withCursor(chunkJZ7V43ZL_js.Tabs);
+var CursorInputRoot = chunkZJXBC33M_js.withCursor(chunkZYBSCTBR_js.InputRoot);
+var CursorSelectTrigger = chunkZJXBC33M_js.withCursor(chunk5JP4AZ4C_js.SelectTrigger);
+var CursorTextarea = chunkZJXBC33M_js.withCursor(chunk3HXPIWL3_js.Textarea);
+
+exports.CursorButton = CursorButton;
+exports.CursorInputRoot = CursorInputRoot;
+exports.CursorSelectTrigger = CursorSelectTrigger;
+exports.CursorTabs = CursorTabs;
+exports.CursorTextarea = CursorTextarea;

package/dist/chunk-OE56M4MX.js

@@ -0,0 +1,93 @@
+'use strict';
+
+var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
+var CheckboxPrimitive = require('@radix-ui/react-checkbox');
+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 CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
+
+function Checkbox({ className, checkall, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    CheckboxPrimitive__namespace.Root,
+    {
+      "data-slot": "checkbox",
+      className: chunkUWO6RBCE_js.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__ */ jsxRuntime.jsx(
+        CheckboxPrimitive__namespace.Indicator,
+        {
+          "data-slot": "checkbox-indicator",
+          className: chunkUWO6RBCE_js.cn(
+            "absolute",
+            "inset-0",
+            "m-auto",
+            "w-3/5",
+            "h-3/5",
+            "bg-brand-primary",
+            "group-disabled:bg-bg-tertiary"
+          )
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx(
+        CheckboxPrimitive__namespace.Indicator,
+        {
+          "data-slot": "checkbox-indicator",
+          className: chunkUWO6RBCE_js.cn(
+            "flex",
+            "items-center",
+            "justify-center",
+            "text-current",
+            "transition-none",
+            "text-icon-withbg",
+            "group-disabled:text-bg-tertiary"
+          ),
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "size-3.5" })
+        }
+      )
+    }
+  );
+}
+
+exports.Checkbox = Checkbox;

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-QNTUEKYQ.mjs

@@ -0,0 +1,19 @@
+import { Toaster as Toaster$1 } from 'sonner';
+export { toast } from 'sonner';
+import { jsx } from 'react/jsx-runtime';
+
+// src/ui/toast.tsx
+var Toaster = ({ ...props }) => {
+  return /* @__PURE__ */ jsx(
+    Toaster$1,
+    {
+      toastOptions: {
+        className: "vk-toast",
+        descriptionClassName: "vk-toast-description"
+      },
+      ...props
+    }
+  );
+};
+
+export { Toaster };

package/dist/chunk-QS7WS6DD.mjs

@@ -0,0 +1 @@
+