@vuer-ai/vuer-uikit 0.0.19 → 0.0.21

package/dist/chunk-VAXIFFOT.js

@@ -0,0 +1,83 @@
+'use strict';
+
+var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
+var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
+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 RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
+
+function RadioGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RadioGroupPrimitive__namespace.Root,
+    {
+      "data-slot": "radio-group",
+      className: chunkXXWQ4RVP_js.cn("grid gap-2", className),
+      ...props
+    }
+  );
+}
+function RadioGroupItem({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RadioGroupPrimitive__namespace.Item,
+    {
+      "data-slot": "radio-group-item",
+      className: chunkXXWQ4RVP_js.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__ */ jsxRuntime.jsx(
+        RadioGroupPrimitive__namespace.Indicator,
+        {
+          "data-slot": "radio-group-indicator",
+          className: "relative flex items-center justify-center",
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: chunkXXWQ4RVP_js.cn(
+                "absolute",
+                "inset-0",
+                "m-auto",
+                "size-[8px]",
+                "rounded-full",
+                "bg-brand-primary",
+                "group-disabled:bg-bg-tertiary"
+              )
+            }
+          )
+        }
+      )
+    }
+  );
+}
+
+exports.RadioGroup = RadioGroup;
+exports.RadioGroupItem = RadioGroupItem;

package/dist/chunk-VGCVIHBR.mjs

@@ -0,0 +1 @@
+

package/dist/chunk-VXHM7V6F.mjs

@@ -0,0 +1,92 @@
+import { cn } from './chunk-KTNZSZ5Y.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",
+    "cursor-pointer",
+    "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-uk-sm", "h-5.5", "gap-xxs", "px-md", "[&_svg:not([class*='size-'])]:size-3"],
+        base: ["text-uk-md", "h-7 ", "gap-xs", " px-lg", "[&_svg:not([class*='size-'])]:size-3.5"],
+        lg: ["text-uk-lg", "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-WDUTW7HS.mjs

@@ -0,0 +1,87 @@
+import { cn } from './chunk-KTNZSZ5Y.mjs';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var toggleVariants = 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-uk-sm",
+          "leading-uk-sm",
+          "gap-xxs",
+          "p-xs",
+          "[&_svg:not([class*='size-'])]:size-3",
+          "rounded-uk-xs"
+        ],
+        base: [
+          "text-uk-md",
+          "leading-uk-md",
+          "gap-xs",
+          "p-sm",
+          "[&_svg:not([class*='size-'])]:size-3.5",
+          "rounded-uk-sm"
+        ],
+        lg: [
+          "text-uk-lg",
+          "leading-uk-lg",
+          "gap-xs",
+          "p-md",
+          "[&_svg:not([class*='size-'])]:size-4",
+          "rounded-uk-md"
+        ]
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "base"
+    }
+  }
+);
+function Toggle({
+  className,
+  variant,
+  size,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TogglePrimitive.Root,
+    {
+      "data-slot": "toggle",
+      className: cn(toggleVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+
+export { Toggle, toggleVariants };

package/dist/chunk-WJ7T7FAH.js

@@ -0,0 +1,135 @@
+'use strict';
+
+var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
+var TooltipPrimitive = require('@radix-ui/react-tooltip');
+var react = require('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 TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitive);
+
+function TooltipProvider({
+  delayDuration = 0,
+  children,
+  ...props
+}) {
+  const [isClient, setIsClient] = react.useState(false);
+  react.useEffect(() => {
+    setIsClient(true);
+  }, []);
+  if (!isClient) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TooltipPrimitive__namespace.Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delayDuration,
+      ...props,
+      children
+    }
+  );
+}
+function Tooltip({ children, ...props }) {
+  const [isClient, setIsClient] = react.useState(false);
+  react.useEffect(() => {
+    setIsClient(true);
+  }, []);
+  if (!isClient) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Root, { "data-slot": "tooltip", ...props, children }) });
+}
+function TooltipTrigger({ ...props }) {
+  const [isClient, setIsClient] = react.useState(false);
+  react.useEffect(() => {
+    setIsClient(true);
+  }, []);
+  if (!isClient) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: props.children });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+function TooltipContent({
+  className,
+  sideOffset = 0,
+  children,
+  ...props
+}) {
+  const [isClient, setIsClient] = react.useState(false);
+  react.useEffect(() => {
+    setIsClient(true);
+  }, []);
+  if (!isClient) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+    TooltipPrimitive__namespace.Content,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: chunkXXWQ4RVP_js.cn(
+        "bg-bg-secondary",
+        "text-text-primary",
+        "animate-in",
+        "text-uk-sm",
+        "leading-uk-sm",
+        "rounded-uk-md",
+        "px-lg",
+        "py-md",
+        "shadow-[0_8px_24px_0_var(--color-shadow-secondary)]",
+        "fade-in-0",
+        "zoom-in-95",
+        "data-[state=closed]:animate-out",
+        "data-[state=closed]:fade-out-0",
+        "data-[state=closed]:zoom-out-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",
+        "z-50",
+        "w-fit",
+        "origin-(--radix-tooltip-content-transform-origin)",
+        "text-balance",
+        "liquid:liquid-bg",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          TooltipPrimitive__namespace.Arrow,
+          {
+            className: "fill-bg-secondary liquid:liquid-bg z-50 h-[9px] w-[20px] border-none",
+            style: {
+              clipPath: "polygon(50% 100%, 0% 0%, 100% 0%)",
+              borderRadius: "1px 1px 0 0"
+            }
+          }
+        )
+      ]
+    }
+  ) });
+}
+
+exports.Tooltip = Tooltip;
+exports.TooltipContent = TooltipContent;
+exports.TooltipProvider = TooltipProvider;
+exports.TooltipTrigger = TooltipTrigger;

package/dist/chunk-WO3WHXDP.mjs

@@ -0,0 +1,66 @@
+import { cn } from './chunk-KTNZSZ5Y.mjs';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var badgeVariants = cva(
+  [
+    "inline-flex",
+    "items-center",
+    "justify-center",
+    "rounded-uk-xs",
+    "px-md",
+    "py-xxs",
+    "align-middle",
+    "text-uk-sm",
+    "leading-uk-sm",
+    "w-fit",
+    "whitespace-nowrap",
+    "shrink-0",
+    "[&>svg]:size-3",
+    "[&>svg]:pointer-events-none",
+    "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",
+        accent: "bg-accent-primary text-text-primary"
+      },
+      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 ? Slot : "span";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "badge",
+      className: cn(badgeVariants({ variant, type }), className),
+      ...props
+    }
+  );
+}
+
+export { Badge, badgeVariants };

package/dist/chunk-X55EAYE2.js

@@ -0,0 +1,94 @@
+'use strict';
+
+var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "card",
+      className: chunkXXWQ4RVP_js.cn(
+        "flex",
+        "flex-col",
+        "gap-md",
+        "min-w-[300px]",
+        "rounded-uk-lg",
+        "p-lg",
+        "bg-bg-primary",
+        "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
+        "liquid:liquid-bg",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: chunkXXWQ4RVP_js.cn("flex", "flex-row", "items-center", "justify-between", "gap-lg", className),
+      ...props
+    }
+  );
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "card-title",
+      className: chunkXXWQ4RVP_js.cn(
+        "text-text-highlight",
+        "text-uk-md",
+        "leading-uk-md",
+        "font-medium",
+        "vertical-align-middle",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "card-description",
+      className: chunkXXWQ4RVP_js.cn("text-text-secondary text-uk-sm leading-uk-sm", className),
+      ...props
+    }
+  );
+}
+function CardAction({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "card-action",
+      className: chunkXXWQ4RVP_js.cn(
+        "text-text-secondary",
+        "text-uk-sm",
+        "leading-uk-sm",
+        "font-medium",
+        "vertical-align-middle",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "card-content", className: chunkXXWQ4RVP_js.cn("", className), ...props });
+}
+function CardFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "card-footer", className: chunkXXWQ4RVP_js.cn("flex items-center", className), ...props });
+}
+
+exports.Card = Card;
+exports.CardAction = CardAction;
+exports.CardContent = CardContent;
+exports.CardDescription = CardDescription;
+exports.CardFooter = CardFooter;
+exports.CardHeader = CardHeader;
+exports.CardTitle = CardTitle;

package/dist/chunk-XMG3IVGZ.mjs

@@ -0,0 +1,95 @@
+import { motion } from 'framer-motion';
+import { createContext, useState, useEffect, useCallback, useContext } from 'react';
+import { createPortal } from 'react-dom';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/highlight-cursor/tabs-cursor-context.tsx
+var TabsCursorContext = createContext(null);
+var TabsCursorProvider = ({
+  children,
+  className,
+  ...props
+}) => {
+  const [isClient, setIsClient] = useState(false);
+  const [cursorTarget, setCursorTarget] = useState(null);
+  const [targetRect, setTargetRect] = useState(null);
+  const [mousePosition, setMousePosition] = useState({ x: 0, y: 0 });
+  const [isMouseInside, setIsMouseInside] = useState(false);
+  useEffect(() => {
+    setIsClient(true);
+  }, []);
+  useEffect(() => {
+    if (!isClient) return;
+    const handleMouseMove = (e) => {
+      setMousePosition({ x: e.clientX, y: e.clientY });
+    };
+    document.addEventListener("mousemove", handleMouseMove);
+    return () => document.removeEventListener("mousemove", handleMouseMove);
+  }, [isClient]);
+  useEffect(() => {
+    if (cursorTarget) {
+      setTargetRect(cursorTarget.getBoundingClientRect());
+    } else {
+      setTargetRect(null);
+    }
+  }, [cursorTarget]);
+  const handleMouseEnter = useCallback(() => {
+    setIsMouseInside(true);
+  }, []);
+  const handleMouseLeave = useCallback(() => {
+    setIsMouseInside(false);
+    setCursorTarget(null);
+  }, []);
+  const contextValue = { setCursorTarget };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...props,
+      className,
+      style: {
+        cursor: isMouseInside && !cursorTarget ? "none" : "auto",
+        ...props.style
+      },
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      children: /* @__PURE__ */ jsxs(TabsCursorContext.Provider, { value: contextValue, children: [
+        children,
+        isClient && isMouseInside && typeof document !== "undefined" && document.body && createPortal(
+          /* @__PURE__ */ jsx(
+            motion.div,
+            {
+              className: "pointer-events-none",
+              initial: false,
+              animate: {
+                x: targetRect ? targetRect.left : mousePosition.x - 8,
+                y: targetRect ? targetRect.top : mousePosition.y - 8,
+                width: targetRect ? targetRect.width : 16,
+                height: targetRect ? targetRect.height : 16,
+                borderRadius: targetRect && cursorTarget && typeof window !== "undefined" ? getComputedStyle(cursorTarget).borderRadius : "50%"
+              },
+              transition: { type: "spring", stiffness: 1e3, damping: 60, mass: 1 },
+              style: {
+                position: "fixed",
+                top: 0,
+                left: 0,
+                backgroundColor: "var(--shadow-tertiary)",
+                zIndex: 9999
+              }
+            }
+          ),
+          document.body
+        )
+      ] })
+    }
+  );
+};
+var useTabsCursor = () => {
+  const context = useContext(TabsCursorContext);
+  if (!context) {
+    return { setCursorTarget: () => {
+    } };
+  }
+  return context;
+};
+
+export { TabsCursorProvider, useTabsCursor };

package/dist/chunk-XWS4SIB5.js

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

package/dist/chunk-XXWQ4RVP.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+
+// src/utils/cn.ts
+var twMerge = tailwindMerge.extendTailwindMerge({
+  override: {
+    classGroups: {
+      "font-size": [
+        "text-uk-xs",
+        "text-uk-sm",
+        "text-uk-md",
+        "text-uk-lg",
+        "text-uk-xl",
+        "text-uk-xxl"
+      ]
+    }
+  }
+});
+function cn(...inputs) {
+  return twMerge(clsx.clsx(inputs));
+}
+
+exports.cn = cn;