@vuer-ai/vuer-uikit 0.0.3 → 0.0.5

package/dist/{chunk-263CMARJ.mjs → chunk-TMBKCIVQ.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HW6SLBO3.mjs';
+import { cn } from './chunk-KTNZSZ5Y.mjs';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { cva } from 'class-variance-authority';
 import { XIcon } from 'lucide-react';
@@ -35,12 +35,11 @@ function ModalOverlay({ className, ...props }) {
   );
 }
 var modalContentVariants = cva([
-  "px-xl",
   "pb-xl",
+  "px-xl",
   "bg-bg-primary",
-  "rounded-xl",
+  "rounded-uk-xl",
   "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
-  "w-[320px]",
   "min-w-[280px]",
   "duration-200",
   "transition-all",
@@ -55,7 +54,8 @@ var modalContentVariants = cva([
   "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-[state=open]:zoom-in-95",
+  "liquid:liquid-bg"
 ]);
 function ModalContent({
   className,
@@ -83,10 +83,10 @@ function ModalContent({
                 "top-[16px]",
                 "w-[16px]",
                 "h-[16px]",
-                "rounded-sm",
+                "rounded-uk-sm",
                 "cursor-pointer",
-                "hover:bg-bg-tertiary",
-                "text-text-primary",
+                "hover:text-icon-highlight",
+                "text-icon-primary",
                 "flex",
                 "items-center",
                 "justify-center"
@@ -112,10 +112,11 @@ function ModalTitle({ className, ...props }) {
       "data-slot": "modal-title",
       className: cn(
         "text-text-highlight",
-        "text-[14px]",
-        "leading-[20px]",
+        "text-uk-lg",
+        "leading-uk-lg",
         "font-medium",
         "py-lg",
+        "px-xl",
         "text-center",
         className
       ),
@@ -128,15 +129,7 @@ function ModalDescription({ className, ...props }) {
     DialogPrimitive.Description,
     {
       "data-slot": "modal-description",
-      className: cn(
-        "text-text-primary",
-        "text-[14px]",
-        "leading-[20px]",
-        "font-normal",
-        "pb-lg",
-        "text-start",
-        className
-      ),
+      className: cn("text-text-primary", "text-uk-md", "leading-uk-md", "text-start", className),
       ...props
     }
   );
@@ -146,7 +139,7 @@ function ModalFooter({ className, ...props }) {
     "div",
     {
       "data-slot": "modal-footer",
-      className: cn("w-full", "flex", "justify-end", "gap-[8px]", className),
+      className: cn("w-full", "flex", "justify-end", "gap-xs", className),
       ...props
     }
   );

package/dist/chunk-U276W75T.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:outline-none focus:ring-0"),
+      ...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 right-4 top-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-YQORMF34.js → chunk-U7SNLMJR.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
+var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
 var TogglePrimitive = require('@radix-ui/react-toggle');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
@@ -59,26 +59,26 @@ var toggleVariants = classVarianceAuthority.cva(
       },
       size: {
         sm: [
-          "text-xs",
-          "h-5.5",
+          "text-uk-sm",
+          "leading-uk-sm",
           "gap-xxs",
-          "px-md",
+          "p-xs",
           "[&_svg:not([class*='size-'])]:size-3",
           "rounded-uk-xs"
         ],
         base: [
-          "text-xs",
-          "h-7 ",
+          "text-uk-md",
+          "leading-uk-md",
           "gap-xs",
-          " px-lg",
+          "p-sm",
           "[&_svg:not([class*='size-'])]:size-3.5",
           "rounded-uk-sm"
         ],
         lg: [
-          "text-sm",
-          "h-8",
-          " gap-xs",
-          "px-xl",
+          "text-uk-lg",
+          "leading-uk-lg",
+          "gap-xs",
+          "p-md",
           "[&_svg:not([class*='size-'])]:size-4",
           "rounded-uk-md"
         ]
@@ -100,7 +100,7 @@ function Toggle({
     TogglePrimitive__namespace.Root,
     {
       "data-slot": "toggle",
-      className: chunkUWO6RBCE_js.cn(toggleVariants({ variant, size, className })),
+      className: chunkXXWQ4RVP_js.cn(toggleVariants({ variant, size, className })),
       ...props
     }
   );

package/dist/{chunk-SUU4Z6E5.mjs → chunk-UMIQYHO6.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HW6SLBO3.mjs';
+import { cn } from './chunk-KTNZSZ5Y.mjs';
 import { CursorContext } from './chunk-3FR3WKI4.mjs';
 import { useState, useRef, useEffect, useCallback, useMemo } from 'react';
 import { createPortal } from 'react-dom';
@@ -174,7 +174,7 @@ var CursorProvider = ({
       className: `pointer-events-none fixed ${styleClass} ${hoveredElementId ? "" : cursorClassName || ""}`,
       style: {
         ...cursorStyleObject,
-        backgroundColor: "var(--shadow-secondary)"
+        backgroundColor: "var(--shadow-tertiary)"
       }
     }
   );

package/dist/{chunk-KO7BQ6RR.js → chunk-VAXIFFOT.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
+var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
 var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -29,7 +29,7 @@ function RadioGroup({ className, ...props }) {
     RadioGroupPrimitive__namespace.Root,
     {
       "data-slot": "radio-group",
-      className: chunkUWO6RBCE_js.cn("grid gap-2", className),
+      className: chunkXXWQ4RVP_js.cn("grid gap-2", className),
       ...props
     }
   );
@@ -39,7 +39,7 @@ function RadioGroupItem({ className, ...props }) {
     RadioGroupPrimitive__namespace.Item,
     {
       "data-slot": "radio-group-item",
-      className: chunkUWO6RBCE_js.cn(
+      className: chunkXXWQ4RVP_js.cn(
         "group",
         "w-[16px]",
         "h-[16px]",
@@ -62,7 +62,7 @@ function RadioGroupItem({ className, ...props }) {
           children: /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: chunkUWO6RBCE_js.cn(
+              className: chunkXXWQ4RVP_js.cn(
                 "absolute",
                 "inset-0",
                 "m-auto",

package/dist/{chunk-I6VKLSAJ.js → chunk-VMPVNLEN.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkZYBSCTBR_js = require('./chunk-ZYBSCTBR.js');
-var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
+var chunkSKO72K64_js = require('./chunk-SKO72K64.js');
+var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
 var react$1 = require('@use-gesture/react');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -107,9 +107,9 @@ var InputNumbers = react.forwardRef(function InputNumbers2({ size, value, onValu
     {
       ref,
       ...bind(),
-      className: chunkUWO6RBCE_js.cn("gap-xs flex cursor-crosshair touch-none select-none flex-col"),
+      className: chunkXXWQ4RVP_js.cn("gap-xs flex cursor-crosshair touch-none select-none flex-col"),
       children: value.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
-        chunkZYBSCTBR_js.InputRoot,
+        chunkSKO72K64_js.InputRoot,
         {
           ref: (r) => {
             inputs.current.set(index.toString(), r);
@@ -125,7 +125,7 @@ var InputNumbers = react.forwardRef(function InputNumbers2({ size, value, onValu
           },
           onChange: valueChangeHandler(index),
           "data-hover": "none",
-          className: chunkUWO6RBCE_js.cn([
+          className: chunkXXWQ4RVP_js.cn([
             "group/number-input",
             "cursor-crosshair",
             "data-[hover=down]:bg-bg-tertiary",
@@ -135,16 +135,16 @@ var InputNumbers = react.forwardRef(function InputNumbers2({ size, value, onValu
             "data-[hover=x]:cursor-col-resize",
             "data-[hover=y]:cursor-row-resize"
           ]),
-          inputClassName: chunkUWO6RBCE_js.cn([
+          inputClassName: chunkXXWQ4RVP_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(
-            chunkZYBSCTBR_js.InputSlot,
+            chunkSKO72K64_js.InputSlot,
             {
-              className: chunkUWO6RBCE_js.cn(
+              className: chunkXXWQ4RVP_js.cn(
                 "cursor-crosshair",
                 "group-data-[hover=down]/number-input:cursor-move",
                 "group-data-[hover=x]/number-input:cursor-col-resize",

package/dist/{chunk-UFR656UY.mjs → chunk-WDUTW7HS.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HW6SLBO3.mjs';
+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';
@@ -37,26 +37,26 @@ var toggleVariants = cva(
       },
       size: {
         sm: [
-          "text-xs",
-          "h-5.5",
+          "text-uk-sm",
+          "leading-uk-sm",
           "gap-xxs",
-          "px-md",
+          "p-xs",
           "[&_svg:not([class*='size-'])]:size-3",
           "rounded-uk-xs"
         ],
         base: [
-          "text-xs",
-          "h-7 ",
+          "text-uk-md",
+          "leading-uk-md",
           "gap-xs",
-          " px-lg",
+          "p-sm",
           "[&_svg:not([class*='size-'])]:size-3.5",
           "rounded-uk-sm"
         ],
         lg: [
-          "text-sm",
-          "h-8",
-          " gap-xs",
-          "px-xl",
+          "text-uk-lg",
+          "leading-uk-lg",
+          "gap-xs",
+          "p-md",
           "[&_svg:not([class*='size-'])]:size-4",
           "rounded-uk-md"
         ]

package/dist/{chunk-ZKYQYCKN.mjs → chunk-WMXX2UMD.mjs}

@@ -1,8 +1,8 @@
-import { SelectTrigger } from './chunk-KAPV3EZO.mjs';
-import { Tabs } from './chunk-GA2JCN3F.mjs';
-import { Textarea } from './chunk-JOBQTBEM.mjs';
-import { Button } from './chunk-Q3APPCB2.mjs';
-import { InputRoot } from './chunk-KVDEBKWR.mjs';
+import { Tabs } from './chunk-3XVIJY3H.mjs';
+import { Textarea } from './chunk-DDOX4EEM.mjs';
+import { SelectTrigger } from './chunk-QVUX6LLD.mjs';
+import { Button } from './chunk-IQ6J7YTQ.mjs';
+import { InputRoot } from './chunk-QYRRQ65X.mjs';
 import { withCursor } from './chunk-CP7QYV4N.mjs';
 
 // src/highlight-cursor/enhanced-components.tsx

package/dist/{chunk-5U4NWZMT.mjs → chunk-WOZWC6KO.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HW6SLBO3.mjs';
+import { cn } from './chunk-KTNZSZ5Y.mjs';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
@@ -36,7 +36,8 @@ function TooltipContent({
         "bg-bg-secondary",
         "text-text-primary",
         "animate-in",
-        "text-sm",
+        "text-uk-sm",
+        "leading-uk-sm",
         "rounded-uk-md",
         "px-lg",
         "py-md",
@@ -54,6 +55,7 @@ function TooltipContent({
         "w-fit",
         "origin-(--radix-tooltip-content-transform-origin)",
         "text-balance",
+        "liquid:liquid-bg",
         className
       ),
       ...props,
@@ -62,11 +64,10 @@ function TooltipContent({
         /* @__PURE__ */ jsx(
           TooltipPrimitive.Arrow,
           {
-            className: "fill-bg-secondary z-50 h-[14px] w-[20px] border-none",
+            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",
-              transform: "translateY(-5px)"
+              borderRadius: "1px 1px 0 0"
             }
           }
         )

package/dist/{chunk-CN6ISLZA.js → chunk-X55EAYE2.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
+var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function Card({ className, ...props }) {
@@ -8,17 +8,16 @@ function Card({ className, ...props }) {
     "div",
     {
       "data-slot": "card",
-      className: chunkUWO6RBCE_js.cn(
+      className: chunkXXWQ4RVP_js.cn(
         "flex",
         "flex-col",
-        "gap-lg",
-        "w-[300px]",
-        "m-h-[244px]",
-        "rounded-lg",
+        "gap-md",
+        "min-w-[300px]",
+        "rounded-uk-lg",
         "p-lg",
         "bg-bg-primary",
-        "border-text-secondary",
         "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
+        "liquid:liquid-bg",
         className
       ),
       ...props
@@ -30,7 +29,7 @@ function CardHeader({ className, ...props }) {
     "div",
     {
       "data-slot": "card-header",
-      className: chunkUWO6RBCE_js.cn("flex", "flex-row", "items-center", "justify-between", "gap-lg", className),
+      className: chunkXXWQ4RVP_js.cn("flex", "flex-row", "items-center", "justify-between", "gap-lg", className),
       ...props
     }
   );
@@ -40,10 +39,10 @@ function CardTitle({ className, ...props }) {
     "div",
     {
       "data-slot": "card-title",
-      className: chunkUWO6RBCE_js.cn(
+      className: chunkXXWQ4RVP_js.cn(
         "text-text-highlight",
-        "text-[14px]",
-        "leading-[20px]",
+        "text-uk-md",
+        "leading-uk-md",
         "font-medium",
         "vertical-align-middle",
         className
@@ -57,7 +56,7 @@ function CardDescription({ className, ...props }) {
     "div",
     {
       "data-slot": "card-description",
-      className: chunkUWO6RBCE_js.cn("text-muted-foreground text-sm", className),
+      className: chunkXXWQ4RVP_js.cn("text-text-secondary text-uk-sm leading-uk-sm", className),
       ...props
     }
   );
@@ -67,10 +66,10 @@ function CardAction({ className, ...props }) {
     "div",
     {
       "data-slot": "card-action",
-      className: chunkUWO6RBCE_js.cn(
+      className: chunkXXWQ4RVP_js.cn(
         "text-text-secondary",
-        "text-[11px]",
-        "leading-[14px]",
+        "text-uk-sm",
+        "leading-uk-sm",
         "font-medium",
         "vertical-align-middle",
         className
@@ -80,17 +79,10 @@ function CardAction({ className, ...props }) {
   );
 }
 function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "card-content", className: chunkUWO6RBCE_js.cn("", 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: chunkUWO6RBCE_js.cn("[.border-t]:pt-6 flex items-center", className),
-      ...props
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "card-footer", className: chunkXXWQ4RVP_js.cn("flex items-center", className), ...props });
 }
 
 exports.Card = Card;