@vuer-ai/vuer-uikit 0.0.2 → 0.0.4

package/dist/chunk-TOZYLDAL.mjs

@@ -0,0 +1,72 @@
+import { cn } from './chunk-HW6SLBO3.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-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 ? Slot : "span";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "badge",
+      className: cn(badgeVariants({ variant, type }), className),
+      ...props
+    }
+  );
+}
+
+export { Badge, badgeVariants };

package/dist/chunk-UFR656UY.mjs

@@ -0,0 +1,87 @@
+import { cn } from './chunk-HW6SLBO3.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-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__ */ jsx(
+    TogglePrimitive.Root,
+    {
+      "data-slot": "toggle",
+      className: cn(toggleVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+
+export { Toggle, toggleVariants };

package/dist/chunk-UWO6RBCE.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+
+// src/utils/cn.ts
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+
+exports.cn = cn;

package/dist/chunk-VGCVIHBR.mjs

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,54 @@
+import { cn } from './chunk-HW6SLBO3.mjs';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { jsx } from 'react/jsx-runtime';
+
+function Popover({ ...props }) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+}
+function PopoverTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    PopoverPrimitive.Content,
+    {
+      "data-slot": "popover-content",
+      align,
+      sideOffset,
+      className: cn(
+        "bg-bg-primary",
+        "rounded-uk-lg",
+        "p-xl",
+        "w-[320px]",
+        "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
+        "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",
+        "z-50",
+        "origin-(--radix-popover-content-transform-origin)",
+        "border-none",
+        "outline-hidden",
+        "liquid:liquid-bg",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function PopoverAnchor({ ...props }) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
+}
+
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };

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

@@ -0,0 +1,94 @@
+import { cn } from './chunk-HW6SLBO3.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card",
+      className: cn(
+        "flex",
+        "flex-col",
+        "gap-lg",
+        "min-w-[300px]",
+        "rounded-lg",
+        "p-lg",
+        "bg-bg-primary",
+        "border-text-secondary",
+        "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
+        "liquid:liquid-bg",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: cn("flex", "flex-row", "items-center", "justify-between", "gap-lg", className),
+      ...props
+    }
+  );
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-title",
+      className: cn(
+        "text-text-highlight",
+        "text-[14px]",
+        "leading-[20px]",
+        "font-medium",
+        "vertical-align-middle",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-description",
+      className: cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+function CardAction({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-action",
+      className: cn(
+        "text-text-secondary",
+        "text-[11px]",
+        "leading-[14px]",
+        "font-medium",
+        "vertical-align-middle",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "card-content", className: cn("", className), ...props });
+}
+function CardFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-footer",
+      className: cn("[.border-t]:pt-6 flex items-center", className),
+      ...props
+    }
+  );
+}
+
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

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;