@vuer-ai/vuer-uikit 0.0.19 → 0.0.21

package/dist/chunk-B2E7AY66.mjs

@@ -0,0 +1,86 @@
+import { cn } from './chunk-KTNZSZ5Y.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card",
+      className: 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__ */ 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-uk-md",
+        "leading-uk-md",
+        "font-medium",
+        "vertical-align-middle",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-description",
+      className: cn("text-text-secondary text-uk-sm leading-uk-sm", className),
+      ...props
+    }
+  );
+}
+function CardAction({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-action",
+      className: cn(
+        "text-text-secondary",
+        "text-uk-sm",
+        "leading-uk-sm",
+        "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("flex items-center", className), ...props });
+}
+
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/dist/chunk-BOPZFNFS.mjs

@@ -0,0 +1,54 @@
+import { cn } from './chunk-KTNZSZ5Y.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-CLTLT5XW.js

@@ -0,0 +1,27 @@
+'use strict';
+
+var react = require('react');
+
+// src/highlight-cursor/cursor-context.tsx
+var defaultDimensions = {
+  width: 0,
+  height: 0,
+  x: 0,
+  y: 0
+};
+var defaultContext = {
+  mousePosition: { x: 0, y: 0 },
+  hoveredElementId: null,
+  elementDimensions: defaultDimensions,
+  registerHoveredElement: () => {
+  },
+  unregisterHoveredElement: () => {
+  },
+  updateElementDimensions: () => {
+  }
+};
+var CursorContext = react.createContext(defaultContext);
+var useCursor = () => react.useContext(CursorContext);
+
+exports.CursorContext = CursorContext;
+exports.useCursor = useCursor;

package/dist/chunk-DDOX4EEM.mjs

@@ -0,0 +1,46 @@
+import { cn } from './chunk-KTNZSZ5Y.mjs';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var textareaVariants = cva(
+  [
+    "bg-bg-secondary",
+    "disabled:bg-bg-tertiary",
+    "disabled:text-text-tertiary",
+    "disabled:cursor-not-allowed",
+    "outline-transparent",
+    "placehoder:text-text-secondary/20",
+    "min-h-16",
+    "flex",
+    "w-full"
+  ],
+  {
+    variants: {
+      state: {
+        default: ["hover:bg-bg-tertiary", "focus:bg-bg-quaternary"],
+        error: ["hover:bg-danger-primary/10", "bg-danger-primary/20"]
+      },
+      size: {
+        sm: ["text-uk-sm", "leading-uk-sm", "rounded-uk-sm", "px-sm", "py-xs"],
+        base: ["text-uk-md", "leading-uk-md", "rounded-uk-md", "px-md", "py-sm"],
+        lg: ["text-uk-lg", "leading-uk-lg", "rounded-uk-md", "px-lg", "py-sm"]
+      }
+    },
+    defaultVariants: {
+      state: "default",
+      size: "base"
+    }
+  }
+);
+function Textarea({ className, state, size, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      className: cn(textareaVariants({ className, state, size })),
+      "data-slot": "textarea",
+      ...props
+    }
+  );
+}
+
+export { Textarea };

package/dist/chunk-DZ4J7I7I.mjs

@@ -0,0 +1,114 @@
+import { cn } from './chunk-KTNZSZ5Y.mjs';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { XIcon } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function Sheet({ ...props }) {
+  return /* @__PURE__ */ jsx(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
+}
+function SheetTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+}
+function SheetClose({ ...props }) {
+  return /* @__PURE__ */ jsx(
+    SheetPrimitive.Close,
+    {
+      "data-slot": "sheet-close",
+      className: cn("focus:ring-0 focus:outline-none"),
+      ...props
+    }
+  );
+}
+function SheetPortal({ ...props }) {
+  return /* @__PURE__ */ jsx(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+}
+function SheetOverlay({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    SheetPrimitive.Overlay,
+    {
+      "data-slot": "sheet-overlay",
+      className: cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 bg-bg-primary/50 fixed inset-0 z-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SheetContent({
+  className,
+  children,
+  side = "right",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(SheetPortal, { children: [
+    /* @__PURE__ */ jsx(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      SheetPrimitive.Content,
+      {
+        "data-slot": "sheet-content",
+        className: cn(
+          "liquid:liquid-bg bg-bg-primary data-[state=open]:animate-in data-[state=closed]:animate-out p-xl fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+          side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-[340px]",
+          side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-[340px]",
+          side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto",
+          side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsxs(SheetPrimitive.Close, { className: "text-icon-primary hover:text-icon-highlight absolute top-4 right-4 disabled:pointer-events-none", children: [
+            /* @__PURE__ */ jsx(XIcon, { className: "size-4" }),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function SheetHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "sheet-header",
+      className: cn("gap-md pb-xl flex flex-col", className),
+      ...props
+    }
+  );
+}
+function SheetFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "sheet-footer",
+      className: cn("gap-lg pt-xl mt-auto flex flex-col", className),
+      ...props
+    }
+  );
+}
+function SheetTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    SheetPrimitive.Title,
+    {
+      "data-slot": "sheet-title",
+      className: cn("text-text-highlight text-uk-xl leading-uk-xl font-medium", className),
+      ...props
+    }
+  );
+}
+function SheetDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SheetPrimitive.Description,
+    {
+      "data-slot": "sheet-description",
+      className: cn("text-text-secondary text-uk-md leading-uk-md", className),
+      ...props
+    }
+  );
+}
+
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };

package/dist/chunk-E33MW663.js

@@ -0,0 +1,179 @@
+'use strict';
+
+var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
+var DialogPrimitive = require('@radix-ui/react-dialog');
+var classVarianceAuthority = require('class-variance-authority');
+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 DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
+
+function Modal({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Root, { "data-slot": "modal", ...props });
+}
+function ModalTrigger({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Trigger, { "data-slot": "modal-trigger", ...props });
+}
+function ModalPortal({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Portal, { "data-slot": "modal-portal", ...props });
+}
+function ModalClose({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { "data-slot": "modal-close", ...props });
+}
+var modalOverlayVariants = classVarianceAuthority.cva([
+  "fixed",
+  "inset-0",
+  "z-100",
+  "bg-bg-mask",
+  "transition-all",
+  "duration-200"
+]);
+function ModalOverlay({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DialogPrimitive__namespace.Overlay,
+    {
+      "data-slot": "modal-overlay",
+      className: chunkXXWQ4RVP_js.cn(modalOverlayVariants(), className),
+      ...props
+    }
+  );
+}
+var modalContentVariants = classVarianceAuthority.cva([
+  "pb-xl",
+  "px-xl",
+  "bg-bg-primary",
+  "rounded-uk-xl",
+  "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
+  "min-w-[280px]",
+  "duration-200",
+  "transition-all",
+  "fixed",
+  "translate-x-[-50%]",
+  "translate-y-[-50%]",
+  "z-101",
+  "left-1/2",
+  "top-1/2",
+  "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",
+  "liquid:liquid-bg"
+]);
+function ModalContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(ModalPortal, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ModalOverlay, {}),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      DialogPrimitive__namespace.Content,
+      {
+        "data-slot": "modal-content",
+        className: chunkXXWQ4RVP_js.cn(modalContentVariants(), className),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsxRuntime.jsxs(
+            DialogPrimitive__namespace.Close,
+            {
+              "data-slot": "modal-close",
+              className: chunkXXWQ4RVP_js.cn(
+                "absolute",
+                "right-[16px]",
+                "top-[16px]",
+                "w-[16px]",
+                "h-[16px]",
+                "rounded-uk-sm",
+                "cursor-pointer",
+                "hover:text-icon-highlight",
+                "text-icon-primary",
+                "flex",
+                "items-center",
+                "justify-center"
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, {}),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function ModalHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "modal-header", className: chunkXXWQ4RVP_js.cn("flex flex-col", className), ...props });
+}
+function ModalTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DialogPrimitive__namespace.Title,
+    {
+      "data-slot": "modal-title",
+      className: chunkXXWQ4RVP_js.cn(
+        "text-text-highlight",
+        "text-uk-lg",
+        "leading-uk-lg",
+        "font-medium",
+        "py-lg",
+        "px-xl",
+        "text-center",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ModalDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DialogPrimitive__namespace.Description,
+    {
+      "data-slot": "modal-description",
+      className: chunkXXWQ4RVP_js.cn("text-text-primary", "text-uk-md", "leading-uk-md", "text-start", className),
+      ...props
+    }
+  );
+}
+function ModalFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "modal-footer",
+      className: chunkXXWQ4RVP_js.cn("w-full", "flex", "justify-end", "gap-xs", className),
+      ...props
+    }
+  );
+}
+
+exports.Modal = Modal;
+exports.ModalClose = ModalClose;
+exports.ModalContent = ModalContent;
+exports.ModalDescription = ModalDescription;
+exports.ModalFooter = ModalFooter;
+exports.ModalHeader = ModalHeader;
+exports.ModalOverlay = ModalOverlay;
+exports.ModalPortal = ModalPortal;
+exports.ModalTitle = ModalTitle;
+exports.ModalTrigger = ModalTrigger;

package/dist/chunk-EAZQH4IX.mjs

@@ -0,0 +1,27 @@
+import { useState, useEffect } from 'react';
+import { Toaster as Toaster$1 } from 'sonner';
+export { toast } from 'sonner';
+import { jsx } from 'react/jsx-runtime';
+
+// src/ui/toast.tsx
+var Toaster = ({ ...props }) => {
+  const [isClient, setIsClient] = useState(false);
+  useEffect(() => {
+    setIsClient(true);
+  }, []);
+  if (!isClient) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    Toaster$1,
+    {
+      toastOptions: {
+        className: "vk-toast liquid:liquid-bg",
+        descriptionClassName: "vk-toast-description"
+      },
+      ...props
+    }
+  );
+};
+
+export { Toaster };

package/dist/chunk-EFIRD3FN.js

@@ -0,0 +1,69 @@
+'use strict';
+
+var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.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-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 ? reactSlot.Slot : "span";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    {
+      "data-slot": "badge",
+      className: chunkXXWQ4RVP_js.cn(badgeVariants({ variant, type }), className),
+      ...props
+    }
+  );
+}
+
+exports.Badge = Badge;
+exports.badgeVariants = badgeVariants;

package/dist/chunk-EOFYA6CS.js

@@ -0,0 +1,53 @@
+'use strict';
+
+var react = require('react');
+
+// src/utils/use-local-storage.ts
+function useLocalStorage(key, initialValue) {
+  const [storedValue, setStoredValue] = react.useState(() => {
+    if (typeof window === "undefined") {
+      return initialValue;
+    }
+    try {
+      const item = window.localStorage.getItem(key);
+      if (item === null) return initialValue;
+      if (typeof initialValue === "string") {
+        return item;
+      } else if (typeof initialValue === "number") {
+        return parseFloat(item) || initialValue;
+      } else if (typeof initialValue === "boolean") {
+        return item === "true";
+      } else {
+        return JSON.parse(item);
+      }
+    } catch (error) {
+      console.warn(`Error reading localStorage key "${key}":`, error);
+      return initialValue;
+    }
+  });
+  const setValue = react.useCallback(
+    (value) => {
+      try {
+        const valueToStore = value instanceof Function ? value(storedValue) : value;
+        setStoredValue(valueToStore);
+        if (typeof window !== "undefined") {
+          let stringValue;
+          if (typeof valueToStore === "string") {
+            stringValue = valueToStore;
+          } else if (typeof valueToStore === "number" || typeof valueToStore === "boolean") {
+            stringValue = valueToStore.toString();
+          } else {
+            stringValue = JSON.stringify(valueToStore);
+          }
+          window.localStorage.setItem(key, stringValue);
+        }
+      } catch (error) {
+        console.warn(`Error setting localStorage key "${key}":`, error);
+      }
+    },
+    [key, storedValue]
+  );
+  return [storedValue, setValue];
+}
+
+exports.useLocalStorage = useLocalStorage;