@vuer-ai/vuer-uikit 0.0.3 → 0.0.5

package/dist/{chunk-FXIL4NQZ.js → chunk-2JCULHBM.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
+var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
 var CollapsiblePrimitive = require('@radix-ui/react-collapsible');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -40,7 +40,7 @@ function CollapsibleContent2({
     CollapsiblePrimitive__namespace.CollapsibleContent,
     {
       "data-slot": "collapsible-content",
-      className: chunkUWO6RBCE_js.cn(
+      className: chunkXXWQ4RVP_js.cn(
         [
           "overflow-hidden",
           "data-[state=open]:animate-collapsible-down",

package/dist/{chunk-3Q75Z2CT.mjs → chunk-2TRYGIGT.mjs}

@@ -1,5 +1,5 @@
-import { toggleVariants } from './chunk-UFR656UY.mjs';
-import { cn } from './chunk-HW6SLBO3.mjs';
+import { toggleVariants } from './chunk-WDUTW7HS.mjs';
+import { cn } from './chunk-KTNZSZ5Y.mjs';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import { createContext, useContext } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{chunk-ATDHGFVI.mjs → chunk-34L2NURS.mjs}

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

package/dist/{chunk-GA2JCN3F.mjs → chunk-3XVIJY3H.mjs}

@@ -1,5 +1,5 @@
-import { cn } from './chunk-HW6SLBO3.mjs';
-import { TabsCursorProvider, useTabsCursor } from './chunk-FYEZTS4S.mjs';
+import { cn } from './chunk-KTNZSZ5Y.mjs';
+import { useTabsCursor, TabsCursorProvider } from './chunk-6L4KPPOD.mjs';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import { cva } from 'class-variance-authority';
 import { createContext, useContext } from 'react';
@@ -14,21 +14,21 @@ var useTabsContext = () => {
   return context;
 };
 function Tabs({ className, size = "base", ...props }) {
-  return /* @__PURE__ */ jsx(TabsCursorProvider, { children: /* @__PURE__ */ jsx(TabsContext.Provider, { value: { size }, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(TabsContext.Provider, { value: { size }, children: /* @__PURE__ */ jsx(
     TabsPrimitive.Root,
     {
       "data-slot": "tabs",
-      className: cn("flex w-full flex-col gap-2", className),
+      className: cn("flex w-full flex-col", className),
       ...props
     }
-  ) }) });
+  ) });
 }
 var tabsListVariants = cva(["inline-flex", "items-center", "justify-center"], {
   variants: {
     size: {
-      sm: "p-0.5 gap-0.5",
-      base: "p-1 gap-1",
-      lg: "p-1.5 gap-1.5"
+      sm: "gap-xs",
+      base: "gap-sm",
+      lg: "gap-md"
     }
   },
   defaultVariants: {
@@ -38,7 +38,7 @@ var tabsListVariants = cva(["inline-flex", "items-center", "justify-center"], {
 function TabsList({ className, ...props }) {
   const { setCursorTarget } = useTabsCursor();
   const { size } = useTabsContext();
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(TabsCursorProvider, { children: /* @__PURE__ */ jsx(
     TabsPrimitive.List,
     {
       onMouseLeave: () => setCursorTarget(null),
@@ -46,16 +46,15 @@ function TabsList({ className, ...props }) {
       className: cn(tabsListVariants({ size }), "justify-start", className),
       ...props
     }
-  );
+  ) });
 }
 var tabsTriggerVariants = cva(
   [
     "inline-flex",
     "items-center",
     "justify-center",
-    "whitespace-nowrap",
-    "text-sm",
     "font-medium",
+    "whitespace-nowrap",
     "transition-all",
     "disabled:pointer-events-none",
     "disabled:bg-bg-tertiary",
@@ -64,19 +63,15 @@ var tabsTriggerVariants = cva(
     "shrink-0",
     "[&_svg]:shrink-0",
     "outline-none",
-    "focus-visible:border-ring",
-    "focus-visible:ring-ring/50",
-    "focus-visible:ring-[3px]",
-    "text-text-secondary",
-    "data-[state=active]:text-text-highlight",
+    "text-text-primary",
     "data-[state=active]:bg-bg-secondary"
   ],
   {
     variants: {
       size: {
-        sm: "text-[11px] h-[22px] gap-xs px-md py-xs rounded-sm",
-        base: "text-[12px] h-[28px] gap-sm px-lg py-sm rounded-md",
-        lg: "text-[14px] h-[32px] gap-md px-xl py-sm rounded-md"
+        sm: "text-uk-sm leading-uk-sm px-md py-xs rounded-uk-sm",
+        base: "text-uk-md leading-uk-md px-lg py-sm rounded-uk-md",
+        lg: "text-uk-lg leading-uk-lg px-xl py-sm rounded-uk-md"
       }
     },
     defaultVariants: {
@@ -102,7 +97,7 @@ function TabsContent({ className, ...props }) {
     TabsPrimitive.Content,
     {
       "data-slot": "tabs-content",
-      className: cn("mt-2 flex-1 outline-none", className),
+      className: cn("flex-1 outline-none", className),
       ...props
     }
   );

package/dist/{chunk-KYKEJFJT.js → chunk-4IU7VY4X.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
+var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
 var AvatarPrimitive = require('@radix-ui/react-avatar');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -33,7 +33,7 @@ function Avatar({ className, ...props }) {
     AvatarPrimitive__namespace.Root,
     {
       "data-slot": "avatar",
-      className: chunkUWO6RBCE_js.cn("relative flex size-[24px] shrink-0 overflow-hidden rounded-full", className),
+      className: chunkXXWQ4RVP_js.cn("relative flex size-[24px] shrink-0 overflow-hidden rounded-full", className),
       ...props
     }
   );
@@ -43,7 +43,7 @@ function AvatarImage({ className, ...props }) {
     AvatarPrimitive__namespace.Image,
     {
       "data-slot": "avatar-image",
-      className: chunkUWO6RBCE_js.cn("aspect-square size-full", className),
+      className: chunkXXWQ4RVP_js.cn("aspect-square size-full", className),
       ...props
     }
   );
@@ -53,7 +53,7 @@ function AvatarFallback({ className, ...props }) {
     AvatarPrimitive__namespace.Fallback,
     {
       "data-slot": "avatar-fallback",
-      className: chunkUWO6RBCE_js.cn(
+      className: chunkXXWQ4RVP_js.cn(
         "bg-bg-tertiary flex size-full items-center justify-center rounded-full",
         className
       ),
@@ -70,7 +70,7 @@ function AvatarGroup({ children, className, spacing = "normal", max }) {
   const childrenArray = React__default.default.Children.toArray(children);
   const displayChildren = max ? childrenArray.slice(0, max) : childrenArray;
   const remainingCount = max && childrenArray.length > max ? childrenArray.length - max : 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkUWO6RBCE_js.cn("flex", spacingClasses[spacing], className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkXXWQ4RVP_js.cn("flex", spacingClasses[spacing], className), children: [
     displayChildren.map((child, index) => {
       var _a;
       const zIndex = 30 - index;
@@ -79,7 +79,7 @@ function AvatarGroup({ children, className, spacing = "normal", max }) {
           child,
           {
             key: index,
-            className: chunkUWO6RBCE_js.cn(
+            className: chunkXXWQ4RVP_js.cn(
               `ring-background relative ring-2 z-[${zIndex}] hover:scale-120 transition-all duration-200 ease-in-out hover:z-[100]`,
               (_a = child.props) == null ? void 0 : _a.className
             )
@@ -91,7 +91,7 @@ function AvatarGroup({ children, className, spacing = "normal", max }) {
     remainingCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(
       Avatar,
       {
-        className: chunkUWO6RBCE_js.cn(
+        className: chunkXXWQ4RVP_js.cn(
           "ring-background hover:scale-120 relative cursor-default ring-2 transition-all duration-200 ease-in-out hover:z-[100]",
           `z-[${30 - displayChildren.length}]`
         ),

package/dist/{chunk-XACRGXGF.js → chunk-4PAHMURP.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
+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');
@@ -10,24 +10,17 @@ var badgeVariants = classVarianceAuthority.cva(
     "inline-flex",
     "items-center",
     "justify-center",
-    "rounded-md",
+    "rounded-uk-xs",
     "px-md",
     "py-xxs",
     "align-middle",
-    "text-xs",
-    "font-normal",
+    "text-uk-sm",
+    "leading-uk-sm",
     "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"
@@ -43,7 +36,7 @@ var badgeVariants = classVarianceAuthority.cva(
       },
       type: {
         default: "",
-        circle: "size-[18px] rounded-full",
+        circle: "size-[18px] !rounded-full",
         dot: "size-[6px] rounded-full !px-0 !py-0 text-transparent"
       }
     },
@@ -65,7 +58,7 @@ function Badge({
     Comp,
     {
       "data-slot": "badge",
-      className: chunkUWO6RBCE_js.cn(badgeVariants({ variant, type }), className),
+      className: chunkXXWQ4RVP_js.cn(badgeVariants({ variant, type }), className),
       ...props
     }
   );

package/dist/{chunk-JZ7V43ZL.js → chunk-5MZCQW4U.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
-var chunkJIXJTLEO_js = require('./chunk-JIXJTLEO.js');
+var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
+var chunkB5EMQBVL_js = require('./chunk-B5EMQBVL.js');
 var TabsPrimitive = require('@radix-ui/react-tabs');
 var classVarianceAuthority = require('class-variance-authority');
 var react = require('react');
@@ -36,21 +36,21 @@ var useTabsContext = () => {
   return context;
 };
 function Tabs({ className, size = "base", ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkJIXJTLEO_js.TabsCursorProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(TabsContext.Provider, { value: { size }, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(TabsContext.Provider, { value: { size }, children: /* @__PURE__ */ jsxRuntime.jsx(
     TabsPrimitive__namespace.Root,
     {
       "data-slot": "tabs",
-      className: chunkUWO6RBCE_js.cn("flex w-full flex-col gap-2", className),
+      className: chunkXXWQ4RVP_js.cn("flex w-full flex-col", className),
       ...props
     }
-  ) }) });
+  ) });
 }
 var tabsListVariants = classVarianceAuthority.cva(["inline-flex", "items-center", "justify-center"], {
   variants: {
     size: {
-      sm: "p-0.5 gap-0.5",
-      base: "p-1 gap-1",
-      lg: "p-1.5 gap-1.5"
+      sm: "gap-xs",
+      base: "gap-sm",
+      lg: "gap-md"
     }
   },
   defaultVariants: {
@@ -58,26 +58,25 @@ var tabsListVariants = classVarianceAuthority.cva(["inline-flex", "items-center"
   }
 });
 function TabsList({ className, ...props }) {
-  const { setCursorTarget } = chunkJIXJTLEO_js.useTabsCursor();
+  const { setCursorTarget } = chunkB5EMQBVL_js.useTabsCursor();
   const { size } = useTabsContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkB5EMQBVL_js.TabsCursorProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
     TabsPrimitive__namespace.List,
     {
       onMouseLeave: () => setCursorTarget(null),
       "data-slot": "tabs-list",
-      className: chunkUWO6RBCE_js.cn(tabsListVariants({ size }), "justify-start", className),
+      className: chunkXXWQ4RVP_js.cn(tabsListVariants({ size }), "justify-start", className),
       ...props
     }
-  );
+  ) });
 }
 var tabsTriggerVariants = classVarianceAuthority.cva(
   [
     "inline-flex",
     "items-center",
     "justify-center",
-    "whitespace-nowrap",
-    "text-sm",
     "font-medium",
+    "whitespace-nowrap",
     "transition-all",
     "disabled:pointer-events-none",
     "disabled:bg-bg-tertiary",
@@ -86,19 +85,15 @@ var tabsTriggerVariants = classVarianceAuthority.cva(
     "shrink-0",
     "[&_svg]:shrink-0",
     "outline-none",
-    "focus-visible:border-ring",
-    "focus-visible:ring-ring/50",
-    "focus-visible:ring-[3px]",
-    "text-text-secondary",
-    "data-[state=active]:text-text-highlight",
+    "text-text-primary",
     "data-[state=active]:bg-bg-secondary"
   ],
   {
     variants: {
       size: {
-        sm: "text-[11px] h-[22px] gap-xs px-md py-xs rounded-sm",
-        base: "text-[12px] h-[28px] gap-sm px-lg py-sm rounded-md",
-        lg: "text-[14px] h-[32px] gap-md px-xl py-sm rounded-md"
+        sm: "text-uk-sm leading-uk-sm px-md py-xs rounded-uk-sm",
+        base: "text-uk-md leading-uk-md px-lg py-sm rounded-uk-md",
+        lg: "text-uk-lg leading-uk-lg px-xl py-sm rounded-uk-md"
       }
     },
     defaultVariants: {
@@ -107,14 +102,14 @@ var tabsTriggerVariants = classVarianceAuthority.cva(
   }
 );
 function TabsTrigger({ className, ...props }) {
-  const { setCursorTarget } = chunkJIXJTLEO_js.useTabsCursor();
+  const { setCursorTarget } = chunkB5EMQBVL_js.useTabsCursor();
   const { size } = useTabsContext();
   return /* @__PURE__ */ jsxRuntime.jsx(
     TabsPrimitive__namespace.Trigger,
     {
       onMouseEnter: (e) => setCursorTarget(e.currentTarget),
       "data-slot": "tabs-trigger",
-      className: chunkUWO6RBCE_js.cn(tabsTriggerVariants({ size }), className),
+      className: chunkXXWQ4RVP_js.cn(tabsTriggerVariants({ size }), className),
       ...props
     }
   );
@@ -124,7 +119,7 @@ function TabsContent({ className, ...props }) {
     TabsPrimitive__namespace.Content,
     {
       "data-slot": "tabs-content",
-      className: chunkUWO6RBCE_js.cn("mt-2 flex-1 outline-none", className),
+      className: chunkXXWQ4RVP_js.cn("flex-1 outline-none", className),
       ...props
     }
   );

package/dist/{chunk-3HXPIWL3.js → chunk-5OUTEHVX.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
+var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -8,27 +8,24 @@ var textareaVariants = classVarianceAuthority.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: {
@@ -41,7 +38,7 @@ function Textarea({ className, state, size, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "textarea",
     {
-      className: chunkUWO6RBCE_js.cn(textareaVariants({ className, state, size })),
+      className: chunkXXWQ4RVP_js.cn(textareaVariants({ className, state, size })),
       "data-slot": "textarea",
       ...props
     }

package/dist/{chunk-RPXWKB6F.js → chunk-5P3KAS53.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
+var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
 var TooltipPrimitive = require('@radix-ui/react-tooltip');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -54,11 +54,12 @@ function TooltipContent({
     {
       "data-slot": "tooltip-content",
       sideOffset,
-      className: chunkUWO6RBCE_js.cn(
+      className: chunkXXWQ4RVP_js.cn(
         "bg-bg-secondary",
         "text-text-primary",
         "animate-in",
-        "text-sm",
+        "text-uk-sm",
+        "leading-uk-sm",
         "rounded-uk-md",
         "px-lg",
         "py-md",
@@ -76,6 +77,7 @@ function TooltipContent({
         "w-fit",
         "origin-(--radix-tooltip-content-transform-origin)",
         "text-balance",
+        "liquid:liquid-bg",
         className
       ),
       ...props,
@@ -84,11 +86,10 @@ function TooltipContent({
         /* @__PURE__ */ jsxRuntime.jsx(
           TooltipPrimitive__namespace.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-OE56M4MX.js → chunk-5TVG5JK5.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
+var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
 var CheckboxPrimitive = require('@radix-ui/react-checkbox');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -30,7 +30,7 @@ function Checkbox({ className, checkall, ...props }) {
     CheckboxPrimitive__namespace.Root,
     {
       "data-slot": "checkbox",
-      className: chunkUWO6RBCE_js.cn(
+      className: chunkXXWQ4RVP_js.cn(
         "group",
         "relative",
         "w-[16px]",
@@ -60,7 +60,7 @@ function Checkbox({ className, checkall, ...props }) {
         CheckboxPrimitive__namespace.Indicator,
         {
           "data-slot": "checkbox-indicator",
-          className: chunkUWO6RBCE_js.cn(
+          className: chunkXXWQ4RVP_js.cn(
             "absolute",
             "inset-0",
             "m-auto",
@@ -74,7 +74,7 @@ function Checkbox({ className, checkall, ...props }) {
         CheckboxPrimitive__namespace.Indicator,
         {
           "data-slot": "checkbox-indicator",
-          className: chunkUWO6RBCE_js.cn(
+          className: chunkXXWQ4RVP_js.cn(
             "flex",
             "items-center",
             "justify-center",

package/dist/{chunk-PKGNHHWG.mjs → chunk-5ZZC23M7.mjs}

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

package/dist/{chunk-FYEZTS4S.mjs → chunk-6L4KPPOD.mjs}

@@ -67,7 +67,7 @@ var TabsCursorProvider = ({
                 position: "fixed",
                 top: 0,
                 left: 0,
-                backgroundColor: "var(--bg-secondary)",
+                backgroundColor: "var(--shadow-tertiary)",
                 zIndex: 9999
               }
             }