@vuer-ai/vuer-uikit 0.0.3 → 0.0.5

package/dist/{chunk-SKWTWHB7.mjs → chunk-BOPZFNFS.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HW6SLBO3.mjs';
+import { cn } from './chunk-KTNZSZ5Y.mjs';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import { jsx } from 'react/jsx-runtime';
 
@@ -40,6 +40,7 @@ function PopoverContent({
         "origin-(--radix-popover-content-transform-origin)",
         "border-none",
         "outline-hidden",
+        "liquid:liquid-bg",
         className
       ),
       ...props

package/dist/{chunk-JOBQTBEM.mjs → chunk-DDOX4EEM.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HW6SLBO3.mjs';
+import { cn } from './chunk-KTNZSZ5Y.mjs';
 import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
 
@@ -6,27 +6,24 @@ var textareaVariants = cva(
   [
     "bg-bg-secondary",
     "disabled:bg-bg-tertiary",
+    "disabled:text-text-tertiary",
     "disabled:cursor-not-allowed",
-    "outline",
     "outline-transparent",
-    "-outline-offset-1",
-    "placehoder:text-muted-foreground",
-    "flex",
+    "placehoder:text-text-secondary/20",
     "min-h-16",
-    "w-full",
-    "px-3",
-    "py-2"
+    "flex",
+    "w-full"
   ],
   {
     variants: {
       state: {
-        default: ["hover:outline-text-tertiary", "focus:outline-brand-primary"],
-        error: ["outline-danger-primary"]
+        default: ["hover:bg-bg-tertiary", "focus:bg-bg-quaternary"],
+        error: ["hover:bg-danger-primary/10", "bg-danger-primary/20"]
       },
       size: {
-        sm: ["text-sm", "rounded-uk-sm"],
-        base: ["text-md", "rounded-uk-md"],
-        lg: ["text-xl", "rounded-uk-md"]
+        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: {

package/dist/{chunk-DQGTWUID.js → chunk-E33MW663.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
+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');
@@ -51,18 +51,17 @@ function ModalOverlay({ className, ...props }) {
     DialogPrimitive__namespace.Overlay,
     {
       "data-slot": "modal-overlay",
-      className: chunkUWO6RBCE_js.cn(modalOverlayVariants(), className),
+      className: chunkXXWQ4RVP_js.cn(modalOverlayVariants(), className),
       ...props
     }
   );
 }
 var modalContentVariants = classVarianceAuthority.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",
@@ -77,7 +76,8 @@ var modalContentVariants = classVarianceAuthority.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,
@@ -91,7 +91,7 @@ function ModalContent({
       DialogPrimitive__namespace.Content,
       {
         "data-slot": "modal-content",
-        className: chunkUWO6RBCE_js.cn(modalContentVariants(), className),
+        className: chunkXXWQ4RVP_js.cn(modalContentVariants(), className),
         ...props,
         children: [
           children,
@@ -99,16 +99,16 @@ function ModalContent({
             DialogPrimitive__namespace.Close,
             {
               "data-slot": "modal-close",
-              className: chunkUWO6RBCE_js.cn(
+              className: chunkXXWQ4RVP_js.cn(
                 "absolute",
                 "right-[16px]",
                 "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"
@@ -125,19 +125,20 @@ function ModalContent({
   ] });
 }
 function ModalHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "modal-header", className: chunkUWO6RBCE_js.cn("flex flex-col", 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: chunkUWO6RBCE_js.cn(
+      className: chunkXXWQ4RVP_js.cn(
         "text-text-highlight",
-        "text-[14px]",
-        "leading-[20px]",
+        "text-uk-lg",
+        "leading-uk-lg",
         "font-medium",
         "py-lg",
+        "px-xl",
         "text-center",
         className
       ),
@@ -150,15 +151,7 @@ function ModalDescription({ className, ...props }) {
     DialogPrimitive__namespace.Description,
     {
       "data-slot": "modal-description",
-      className: chunkUWO6RBCE_js.cn(
-        "text-text-primary",
-        "text-[14px]",
-        "leading-[20px]",
-        "font-normal",
-        "pb-lg",
-        "text-start",
-        className
-      ),
+      className: chunkXXWQ4RVP_js.cn("text-text-primary", "text-uk-md", "leading-uk-md", "text-start", className),
       ...props
     }
   );
@@ -168,7 +161,7 @@ function ModalFooter({ className, ...props }) {
     "div",
     {
       "data-slot": "modal-footer",
-      className: chunkUWO6RBCE_js.cn("w-full", "flex", "justify-end", "gap-[8px]", className),
+      className: chunkXXWQ4RVP_js.cn("w-full", "flex", "justify-end", "gap-xs", className),
       ...props
     }
   );

package/dist/{chunk-CFXL2XYO.mjs → chunk-EUY74AXP.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HW6SLBO3.mjs';
+import { cn } from './chunk-KTNZSZ5Y.mjs';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { CheckIcon, CircleIcon, ChevronRightIcon } from 'lucide-react';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -52,7 +52,8 @@ function DropdownMenuContent({
           "overflow-y-auto",
           "rounded-uk-md",
           "shadow-md",
-          "shadow-[0_8px_20px_0_rgba(0,0,0,.80)]"
+          "shadow-[0_8px_20px_0_rgba(0,0,0,.80)]",
+          "liquid:liquid-bg"
         ],
         className
       ),
@@ -99,13 +100,13 @@ function DropdownMenuItem({
           "relative",
           "cursor-default",
           "rounded-uk-xs",
-          "text-xs",
+          "text-uk-xs",
+          "leading-uk-xs",
           "outline-hidden",
           "select-none",
           "hover:bg-bg-tertiary",
           "data-[disabled]:pointer-events-none",
-          "data-[disabled]:text-text-tertiary",
-          "data-[disabled]:bg-bg-tertiary",
+          "data-[disabled]:text-bg-quaternary",
           "[&_svg]:pointer-events-none",
           "[&_svg]:shrink-0",
           "[&_svg:not([class*='size-'])]:size-4",
@@ -141,13 +142,13 @@ function DropdownMenuCheckboxItem({
           "relative",
           "cursor-default",
           "rounded-uk-xs",
-          "text-xs",
+          "text-uk-xs",
+          "leading-uk-xs",
           "outline-hidden",
           "select-none",
           "hover:bg-bg-tertiary",
           "data-[disabled]:pointer-events-none",
-          "data-[disabled]:text-text-tertiary",
-          "data-[disabled]:bg-bg-tertiary",
+          "data-[disabled]:text-bg-quaternary",
           "[&_svg:not([class*='size-'])]:size-4",
           "[&_svg]:pointer-events-none",
           "[&_svg]:shrink-0"
@@ -194,10 +195,10 @@ function DropdownMenuRadioItem({
           "pr-md",
           "mb-xs",
           "last:mb-0",
-          "text-xs",
+          "text-uk-xs",
+          "leading-uk-xs",
           "data-[disabled]:pointer-events-none",
-          "data-[disabled]:text-text-tertiary",
-          "data-[disabled]:bg-bg-tertiary",
+          "data-[disabled]:text-bg-quaternary",
           "[&_svg:not([class*='size-'])]:size-4",
           "[&_svg]:pointer-events-none",
           "[&_svg]:shrink-0"
@@ -222,7 +223,7 @@ function DropdownMenuLabel({
     {
       "data-slot": "dropdown-menu-label",
       "data-inset": inset,
-      className: cn("text-text-secondary px-2 py-1.5 text-xs", className),
+      className: cn("text-text-secondary text-uk-xs leading-uk-xs px-2 py-1.5", className),
       ...props
     }
   );
@@ -245,7 +246,7 @@ function DropdownMenuShortcut({ className, ...props }) {
     "span",
     {
       "data-slot": "dropdown-menu-shortcut",
-      className: cn("text-text-tertiary ml-auto text-xs", className),
+      className: cn("text-text-tertiary text-uk-xs leading-uk-xs ml-auto", className),
       ...props
     }
   );
@@ -276,14 +277,14 @@ function DropdownMenuSubTrigger({
         "relative",
         "cursor-default",
         "rounded-uk-xs",
-        "text-xs",
+        "text-uk-xs",
+        "leading-uk-xs",
         "outline-hidden",
         "select-none",
         "hover:bg-bg-tertiary",
         "data-[state=open]:bg-bg-tertiary",
         "data-[disabled]:pointer-events-none",
-        "data-[disabled]:text-text-tertiary",
-        "data-[disabled]:bg-bg-tertiary",
+        "data-[disabled]:text-bg-quaternary",
         "[&_svg]:pointer-events-none",
         "[&_svg]:shrink-0",
         "[&_svg:not([class*='size-'])]:size-4",
@@ -329,6 +330,7 @@ function DropdownMenuSubContent({
         "rounded-uk-md",
         "shadow-md",
         "shadow-[0_8px_20px_0_rgba(0,0,0,.80)]",
+        "liquid:liquid-bg",
         className
       ),
       ...props

package/dist/{chunk-7IYL2AR4.js → chunk-FP26SRGL.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
+var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
 var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -51,7 +51,7 @@ function DropdownMenuContent({
     {
       "data-slot": "dropdown-menu-content",
       sideOffset,
-      className: chunkUWO6RBCE_js.cn(
+      className: chunkXXWQ4RVP_js.cn(
         [
           "bg-bg-primary",
           "p-md",
@@ -74,7 +74,8 @@ function DropdownMenuContent({
           "overflow-y-auto",
           "rounded-uk-md",
           "shadow-md",
-          "shadow-[0_8px_20px_0_rgba(0,0,0,.80)]"
+          "shadow-[0_8px_20px_0_rgba(0,0,0,.80)]",
+          "liquid:liquid-bg"
         ],
         className
       ),
@@ -90,7 +91,7 @@ function DropdownMenuGroup({
     DropdownMenuPrimitive__namespace.Group,
     {
       "data-slot": "dropdown-menu-group",
-      className: chunkUWO6RBCE_js.cn("space-y-xs", className),
+      className: chunkXXWQ4RVP_js.cn("space-y-xs", className),
       ...props
     }
   );
@@ -107,7 +108,7 @@ function DropdownMenuItem({
       "data-slot": "dropdown-menu-item",
       "data-inset": inset,
       "data-variant": variant,
-      className: chunkUWO6RBCE_js.cn(
+      className: chunkXXWQ4RVP_js.cn(
         [
           "w-full",
           "flex",
@@ -121,13 +122,13 @@ function DropdownMenuItem({
           "relative",
           "cursor-default",
           "rounded-uk-xs",
-          "text-xs",
+          "text-uk-xs",
+          "leading-uk-xs",
           "outline-hidden",
           "select-none",
           "hover:bg-bg-tertiary",
           "data-[disabled]:pointer-events-none",
-          "data-[disabled]:text-text-tertiary",
-          "data-[disabled]:bg-bg-tertiary",
+          "data-[disabled]:text-bg-quaternary",
           "[&_svg]:pointer-events-none",
           "[&_svg]:shrink-0",
           "[&_svg:not([class*='size-'])]:size-4",
@@ -149,7 +150,7 @@ function DropdownMenuCheckboxItem({
     DropdownMenuPrimitive__namespace.CheckboxItem,
     {
       "data-slot": "dropdown-menu-checkbox-item",
-      className: chunkUWO6RBCE_js.cn(
+      className: chunkXXWQ4RVP_js.cn(
         [
           "w-full",
           "flex",
@@ -163,13 +164,13 @@ function DropdownMenuCheckboxItem({
           "relative",
           "cursor-default",
           "rounded-uk-xs",
-          "text-xs",
+          "text-uk-xs",
+          "leading-uk-xs",
           "outline-hidden",
           "select-none",
           "hover:bg-bg-tertiary",
           "data-[disabled]:pointer-events-none",
-          "data-[disabled]:text-text-tertiary",
-          "data-[disabled]:bg-bg-tertiary",
+          "data-[disabled]:text-bg-quaternary",
           "[&_svg:not([class*='size-'])]:size-4",
           "[&_svg]:pointer-events-none",
           "[&_svg]:shrink-0"
@@ -199,7 +200,7 @@ function DropdownMenuRadioItem({
     DropdownMenuPrimitive__namespace.RadioItem,
     {
       "data-slot": "dropdown-menu-radio-item",
-      className: chunkUWO6RBCE_js.cn(
+      className: chunkXXWQ4RVP_js.cn(
         [
           "w-full",
           "hover:bg-bg-tertiary",
@@ -216,10 +217,10 @@ function DropdownMenuRadioItem({
           "pr-md",
           "mb-xs",
           "last:mb-0",
-          "text-xs",
+          "text-uk-xs",
+          "leading-uk-xs",
           "data-[disabled]:pointer-events-none",
-          "data-[disabled]:text-text-tertiary",
-          "data-[disabled]:bg-bg-tertiary",
+          "data-[disabled]:text-bg-quaternary",
           "[&_svg:not([class*='size-'])]:size-4",
           "[&_svg]:pointer-events-none",
           "[&_svg]:shrink-0"
@@ -244,7 +245,7 @@ function DropdownMenuLabel({
     {
       "data-slot": "dropdown-menu-label",
       "data-inset": inset,
-      className: chunkUWO6RBCE_js.cn("text-text-secondary px-2 py-1.5 text-xs", className),
+      className: chunkXXWQ4RVP_js.cn("text-text-secondary text-uk-xs leading-uk-xs px-2 py-1.5", className),
       ...props
     }
   );
@@ -257,7 +258,7 @@ function DropdownMenuSeparator({
     DropdownMenuPrimitive__namespace.Separator,
     {
       "data-slot": "dropdown-menu-separator",
-      className: chunkUWO6RBCE_js.cn("bg-line-primary my-lg pointer-events-none -mx-1 h-px", className),
+      className: chunkXXWQ4RVP_js.cn("bg-line-primary my-lg pointer-events-none -mx-1 h-px", className),
       ...props
     }
   );
@@ -267,7 +268,7 @@ function DropdownMenuShortcut({ className, ...props }) {
     "span",
     {
       "data-slot": "dropdown-menu-shortcut",
-      className: chunkUWO6RBCE_js.cn("text-text-tertiary ml-auto text-xs", className),
+      className: chunkXXWQ4RVP_js.cn("text-text-tertiary text-uk-xs leading-uk-xs ml-auto", className),
       ...props
     }
   );
@@ -286,7 +287,7 @@ function DropdownMenuSubTrigger({
     {
       "data-slot": "dropdown-menu-sub-trigger",
       "data-inset": inset,
-      className: chunkUWO6RBCE_js.cn(
+      className: chunkXXWQ4RVP_js.cn(
         "w-full",
         "flex",
         "gap-md",
@@ -298,14 +299,14 @@ function DropdownMenuSubTrigger({
         "relative",
         "cursor-default",
         "rounded-uk-xs",
-        "text-xs",
+        "text-uk-xs",
+        "leading-uk-xs",
         "outline-hidden",
         "select-none",
         "hover:bg-bg-tertiary",
         "data-[state=open]:bg-bg-tertiary",
         "data-[disabled]:pointer-events-none",
-        "data-[disabled]:text-text-tertiary",
-        "data-[disabled]:bg-bg-tertiary",
+        "data-[disabled]:text-bg-quaternary",
         "[&_svg]:pointer-events-none",
         "[&_svg]:shrink-0",
         "[&_svg:not([class*='size-'])]:size-4",
@@ -328,7 +329,7 @@ function DropdownMenuSubContent({
     DropdownMenuPrimitive__namespace.SubContent,
     {
       "data-slot": "dropdown-menu-sub-content",
-      className: chunkUWO6RBCE_js.cn(
+      className: chunkXXWQ4RVP_js.cn(
         "bg-bg-primary",
         "p-md",
         "data-[state=open]:animate-in",
@@ -351,6 +352,7 @@ function DropdownMenuSubContent({
         "rounded-uk-md",
         "shadow-md",
         "shadow-[0_8px_20px_0_rgba(0,0,0,.80)]",
+        "liquid:liquid-bg",
         className
       ),
       ...props

package/dist/{chunk-MASRZTZC.mjs → chunk-FRT225GK.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HW6SLBO3.mjs';
+import { cn } from './chunk-KTNZSZ5Y.mjs';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-WOG6UIG5.mjs → chunk-G6PRZVSE.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HW6SLBO3.mjs';
+import { cn } from './chunk-KTNZSZ5Y.mjs';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { CheckIcon } from 'lucide-react';
 import { jsx } from 'react/jsx-runtime';