@vuer-ai/vuer-uikit 0.0.119 → 0.0.121

package/dist/{chunk-PV6CEMTT.cjs → chunk-PWZ4F3WY.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
 var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
 var React = require('react');
@@ -194,10 +194,10 @@ var ToggleButtons = React__namespace.forwardRef(
               if (typeof ref === "function") ref(node);
               else if (ref) ref.current = node;
             },
-            className: chunkCRX2ZCM2_cjs.cn(toggleButtonsVariants({ variant, padding }), className),
+            className: chunk6LTCLQH3_cjs.cn(toggleButtonsVariants({ variant, padding }), className),
             ...props,
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkCRX2ZCM2_cjs.cn(toggleButtonHighlightVariants({ variant })), style: highlightStyle }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk6LTCLQH3_cjs.cn(toggleButtonHighlightVariants({ variant })), style: highlightStyle }),
               children
             ]
           }
@@ -244,7 +244,7 @@ var ToggleButton = React__namespace.forwardRef(
         },
         ...props,
         "data-selected": isSelected,
-        className: chunkCRX2ZCM2_cjs.cn(
+        className: chunk6LTCLQH3_cjs.cn(
           toggleButtonVariants({
             variant: finalVariant,
             size: finalSize,

package/dist/{chunk-MK2CWAFC.mjs → chunk-PZDC5ZKG.mjs}

@@ -1,9 +1,9 @@
 import { withCursor } from './chunk-RAHKRYQJ.mjs';
-import { Tabs } from './chunk-MJOD2WOC.mjs';
-import { Textarea } from './chunk-RLTLA7VS.mjs';
-import { InputRoot } from './chunk-SMXN2KOV.mjs';
-import { SelectTrigger } from './chunk-IAFCABPY.mjs';
-import { Button } from './chunk-4ODJAEOM.mjs';
+import { Tabs } from './chunk-3P2OP4KO.mjs';
+import { Textarea } from './chunk-Y2IIKDRY.mjs';
+import { InputRoot } from './chunk-HGTL7DFT.mjs';
+import { SelectTrigger } from './chunk-O5YP3JQ4.mjs';
+import { Button } from './chunk-5JYH7TXY.mjs';
 
 // src/highlight-cursor/enhanced-components.tsx
 var CursorButton = withCursor(Button);

package/dist/{chunk-LVIZRMYN.cjs → chunk-QF3JWGWX.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkASZIBFA6_cjs = require('./chunk-ASZIBFA6.cjs');
+var chunkDG2EVWIW_cjs = require('./chunk-DG2EVWIW.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var VectorInput = react.forwardRef(function VectorInput2({ labels, prefix, gridAutoFlow, columns, rows, layout, columnMajor, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkASZIBFA6_cjs.InputNumbers,
+    chunkDG2EVWIW_cjs.InputNumbers,
     {
       ref,
       prefix: labels || prefix,

package/dist/{chunk-BXZSWY4N.mjs → chunk-QYJZ5KA6.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-T66ETI7E.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import { jsx } from 'react/jsx-runtime';
 
 function Skeleton({ className, ...props }) {

package/dist/{chunk-AE5YDMFT.mjs → chunk-QYYMLZFE.mjs}

@@ -1,6 +1,6 @@
-import { InputNumbers } from './chunk-EVBYVJTW.mjs';
-import { Button } from './chunk-4ODJAEOM.mjs';
-import { cn } from './chunk-T66ETI7E.mjs';
+import { InputNumbers } from './chunk-HGN7J4CP.mjs';
+import { Button } from './chunk-5JYH7TXY.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import { forwardRef, useState } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-JYYAGDLZ.cjs → chunk-R22VW3EK.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
 var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
 var react = require('react');
@@ -110,7 +110,7 @@ var Button = react.forwardRef(function Button2({ className, variant, size, icon,
     {
       ref,
       "data-slot": "button",
-      className: chunkCRX2ZCM2_cjs.cn(buttonVariants({ variant, size, icon, value, className })),
+      className: chunk6LTCLQH3_cjs.cn(buttonVariants({ variant, size, icon, value, className })),
       ...props
     }
   );

package/dist/{chunk-U22YVR7M.mjs → chunk-RLY4A3IY.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-T66ETI7E.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import { Slot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
@@ -10,7 +10,10 @@ var DockLayout = forwardRef(
       {
         ref,
         ...props,
-        className: cn("relative flex h-full w-full flex-col overflow-hidden", className)
+        className: cn(
+          "relative flex h-full w-full flex-col justify-between overflow-hidden",
+          className
+        )
       }
     );
   }
@@ -22,7 +25,7 @@ function DockLayoutContent({ className, ...props }) {
     {
       ...props,
       className: cn(
-        "relative flex flex-1 flex-col items-center justify-center overflow-auto",
+        "absolute inset-0 z-0 flex flex-1 flex-col items-center justify-center overflow-auto",
         className
       )
     }
@@ -35,7 +38,7 @@ function DockLayoutLeft({ className, asChild, ...props }) {
     {
       ...props,
       className: cn(
-        "bg-bg-primary flex h-full flex-shrink-0 flex-col items-start gap-4",
+        "bg-bg-primary z-20 flex h-full flex-shrink-0 flex-col items-start gap-4",
         className
       )
     }
@@ -59,7 +62,10 @@ function DockLayoutRight({ className, asChild, ...props }) {
     Comp,
     {
       ...props,
-      className: cn("bg-bg-primary flex h-full flex-shrink-0 flex-col items-end gap-4", className)
+      className: cn(
+        "bg-bg-primary z-20 flex h-full flex-shrink-0 flex-col items-end gap-4",
+        className
+      )
     }
   );
 }
@@ -71,7 +77,10 @@ var DockLayoutBottom = forwardRef(
       {
         ref,
         ...props,
-        className: cn("bg-bg-primary inline-flex w-full flex-shrink-0 justify-center", className)
+        className: cn(
+          "bg-bg-primary z-20 inline-flex w-full flex-shrink-0 justify-center",
+          className
+        )
       }
     );
   }

package/dist/{chunk-OLYHHP67.mjs → chunk-RS4T6S3Z.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-T66ETI7E.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-L2XJ5Q7T.cjs → chunk-RTZNHV43.cjs}

@@ -3,9 +3,9 @@
 var chunkEMXEFZEB_cjs = require('./chunk-EMXEFZEB.cjs');
 var chunkOOHCJIRV_cjs = require('./chunk-OOHCJIRV.cjs');
 var chunk7R5HY3IM_cjs = require('./chunk-7R5HY3IM.cjs');
-var chunkBUAWPPXA_cjs = require('./chunk-BUAWPPXA.cjs');
-var chunk7AAMQGY2_cjs = require('./chunk-7AAMQGY2.cjs');
-var chunkJYYAGDLZ_cjs = require('./chunk-JYYAGDLZ.cjs');
+var chunkMQ5DGLVE_cjs = require('./chunk-MQ5DGLVE.cjs');
+var chunkCYWVJ3HF_cjs = require('./chunk-CYWVJ3HF.cjs');
+var chunkR22VW3EK_cjs = require('./chunk-R22VW3EK.cjs');
 var lucideReact = require('lucide-react');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -17,40 +17,40 @@ function UserAvatar({ className }) {
   const user = session?.user;
   console.log("user", user);
   if (authLoading || sessionsLoading) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunk7AAMQGY2_cjs.Avatar, { className: "size-8 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LoaderCircle, { className: "animate-spin" }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkCYWVJ3HF_cjs.Avatar, { className: "size-8 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LoaderCircle, { className: "animate-spin" }) });
   }
   if (!user) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkJYYAGDLZ_cjs.Button, { onClick: () => signIn(), children: "Sign in" });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkR22VW3EK_cjs.Button, { onClick: () => signIn(), children: "Sign in" });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunkBUAWPPXA_cjs.DropdownMenu, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkBUAWPPXA_cjs.DropdownMenuTrigger, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunk7AAMQGY2_cjs.Avatar, { className, children: [
-      user.image && /* @__PURE__ */ jsxRuntime.jsx(chunk7AAMQGY2_cjs.AvatarImage, { src: user.image, alt: user.name }),
-      /* @__PURE__ */ jsxRuntime.jsx(chunk7AAMQGY2_cjs.AvatarFallback, { children: user.name.charAt(0) })
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkMQ5DGLVE_cjs.DropdownMenu, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkMQ5DGLVE_cjs.DropdownMenuTrigger, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkCYWVJ3HF_cjs.Avatar, { className, children: [
+      user.image && /* @__PURE__ */ jsxRuntime.jsx(chunkCYWVJ3HF_cjs.AvatarImage, { src: user.image, alt: user.name }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkCYWVJ3HF_cjs.AvatarFallback, { children: user.name.charAt(0) })
     ] }, user.id) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(chunkBUAWPPXA_cjs.DropdownMenuContent, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(chunkBUAWPPXA_cjs.DropdownMenuLabel, { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunk7AAMQGY2_cjs.Avatar, { className: "size-8", children: [
-          user.image && /* @__PURE__ */ jsxRuntime.jsx(chunk7AAMQGY2_cjs.AvatarImage, { src: user.image, alt: user.name }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunk7AAMQGY2_cjs.AvatarFallback, { children: user.name.charAt(0) })
+    /* @__PURE__ */ jsxRuntime.jsxs(chunkMQ5DGLVE_cjs.DropdownMenuContent, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkMQ5DGLVE_cjs.DropdownMenuLabel, { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkCYWVJ3HF_cjs.Avatar, { className: "size-8", children: [
+          user.image && /* @__PURE__ */ jsxRuntime.jsx(chunkCYWVJ3HF_cjs.AvatarImage, { src: user.image, alt: user.name }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkCYWVJ3HF_cjs.AvatarFallback, { children: user.name.charAt(0) })
         ] }, user.id),
         /* @__PURE__ */ jsxRuntime.jsx("p", { children: user.name })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(chunkBUAWPPXA_cjs.DropdownMenuItem, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkMQ5DGLVE_cjs.DropdownMenuItem, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, {}),
         " Add User"
       ] }),
       sessions.map((session2) => {
         const current = session2.user;
-        return /* @__PURE__ */ jsxRuntime.jsx(react.Fragment, { children: current.id !== user.id ? /* @__PURE__ */ jsxRuntime.jsxs(chunkBUAWPPXA_cjs.DropdownMenuItem, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(chunk7AAMQGY2_cjs.Avatar, { children: [
-            current.image && /* @__PURE__ */ jsxRuntime.jsx(chunk7AAMQGY2_cjs.AvatarImage, { src: current.image, alt: current.name }),
-            /* @__PURE__ */ jsxRuntime.jsx(chunk7AAMQGY2_cjs.AvatarFallback, { children: current.name.charAt(0) })
+        return /* @__PURE__ */ jsxRuntime.jsx(react.Fragment, { children: current.id !== user.id ? /* @__PURE__ */ jsxRuntime.jsxs(chunkMQ5DGLVE_cjs.DropdownMenuItem, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(chunkCYWVJ3HF_cjs.Avatar, { children: [
+            current.image && /* @__PURE__ */ jsxRuntime.jsx(chunkCYWVJ3HF_cjs.AvatarImage, { src: current.image, alt: current.name }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkCYWVJ3HF_cjs.AvatarFallback, { children: current.name.charAt(0) })
           ] }, user.id),
           /* @__PURE__ */ jsxRuntime.jsx("p", { children: current.name })
         ] }) : null }, current.id);
       }),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkBUAWPPXA_cjs.DropdownMenuSeparator, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkBUAWPPXA_cjs.DropdownMenuItem, { children: "Sign Out" })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkMQ5DGLVE_cjs.DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkMQ5DGLVE_cjs.DropdownMenuItem, { children: "Sign Out" })
     ] })
   ] });
 }

package/dist/{chunk-D562KO2I.mjs → chunk-RWHVZM2B.mjs}

@@ -1,5 +1,5 @@
-import { Button } from './chunk-4ODJAEOM.mjs';
-import { cn } from './chunk-T66ETI7E.mjs';
+import { Button } from './chunk-5JYH7TXY.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import { cva } from 'class-variance-authority';
 import { ChevronLeft, ChevronRight } from 'lucide-react';
 import { forwardRef } from 'react';

package/dist/{chunk-PR3BCKLJ.mjs → chunk-S4BL7C3Y.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-T66ETI7E.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';

package/dist/chunk-S4C7HO32.cjs

@@ -0,0 +1,36 @@
+'use strict';
+
+var chunkWYUJM72T_cjs = require('./chunk-WYUJM72T.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+
+var LiquidLayoutView = ({
+  left,
+  right,
+  top,
+  bottom,
+  children,
+  className,
+  leftClassName,
+  rightClassName,
+  topClassName,
+  bottomClassName,
+  contentClassName,
+  hideUI = false
+}) => {
+  const uiVisibilityClass = hideUI ? "invisible pointer-events-none" : "";
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkWYUJM72T_cjs.LiquidLayout, { className, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkWYUJM72T_cjs.LiquidLayoutContent,
+      {
+        className: `absolute inset-0 z-0 flex flex-col items-center justify-center ${contentClassName || ""}`,
+        children
+      }
+    ),
+    bottom && /* @__PURE__ */ jsxRuntime.jsx(chunkWYUJM72T_cjs.LiquidLayoutBottom, { className: `z-20 mt-4 ${bottomClassName || ""} ${uiVisibilityClass}`, children: bottom }),
+    right && /* @__PURE__ */ jsxRuntime.jsx(chunkWYUJM72T_cjs.LiquidLayoutRight, { className: `z-20 max-w-75 ${rightClassName || ""} ${uiVisibilityClass}`, children: right }),
+    top && /* @__PURE__ */ jsxRuntime.jsx(chunkWYUJM72T_cjs.LiquidLayoutTop, { className: `z-20 ${topClassName || ""} ${uiVisibilityClass}`, children: top }),
+    left && /* @__PURE__ */ jsxRuntime.jsx(chunkWYUJM72T_cjs.LiquidLayoutLeft, { className: `z-20 max-w-75 ${leftClassName || ""} ${uiVisibilityClass}`, children: left })
+  ] });
+};
+
+exports.LiquidLayoutView = LiquidLayoutView;

package/dist/{chunk-DAVMLI3P.cjs → chunk-SNUQOJLK.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkF3HOBNGR_cjs = require('./chunk-F3HOBNGR.cjs');
+var chunkPMG3NZF5_cjs = require('./chunk-PMG3NZF5.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var TextInput = react.forwardRef(function TextInput2({ value = "", onChange, prefix, suffix, placeholder, maxLength, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkF3HOBNGR_cjs.InputRoot,
+    chunkPMG3NZF5_cjs.InputRoot,
     {
       ref,
       type: "text",
@@ -16,8 +16,8 @@ var TextInput = react.forwardRef(function TextInput2({ value = "", onChange, pre
       maxLength,
       ...props,
       children: [
-        prefix && /* @__PURE__ */ jsxRuntime.jsx(chunkF3HOBNGR_cjs.InputSlot, { side: "left", children: prefix }),
-        suffix && /* @__PURE__ */ jsxRuntime.jsx(chunkF3HOBNGR_cjs.InputSlot, { side: "right", children: suffix })
+        prefix && /* @__PURE__ */ jsxRuntime.jsx(chunkPMG3NZF5_cjs.InputSlot, { side: "left", children: prefix }),
+        suffix && /* @__PURE__ */ jsxRuntime.jsx(chunkPMG3NZF5_cjs.InputSlot, { side: "right", children: suffix })
       ]
     }
   );

package/dist/{chunk-KY2PYKDZ.mjs → chunk-SO5KFX2C.mjs}

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

package/dist/{chunk-WDS3VL7E.mjs → chunk-SQJL67BU.mjs}

@@ -1,9 +1,9 @@
 import { useSignIn } from './chunk-EMVKGL5D.mjs';
 import { useVuerSessions } from './chunk-5OHAV55L.mjs';
 import { useUser } from './chunk-VSFPXAGN.mjs';
-import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuItem, DropdownMenuSeparator } from './chunk-G5VBLDAM.mjs';
-import { Avatar, AvatarImage, AvatarFallback } from './chunk-KY2PYKDZ.mjs';
-import { Button } from './chunk-4ODJAEOM.mjs';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuItem, DropdownMenuSeparator } from './chunk-VBEVJE7Q.mjs';
+import { Avatar, AvatarImage, AvatarFallback } from './chunk-SO5KFX2C.mjs';
+import { Button } from './chunk-5JYH7TXY.mjs';
 import { LoaderCircle, Plus } from 'lucide-react';
 import { Fragment } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/{chunk-RW4T7UBU.cjs → chunk-STJMH4NX.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkG2ZYONQO_cjs = require('./chunk-G2ZYONQO.cjs');
-var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function TimelineEvent({
@@ -16,13 +16,13 @@ function TimelineEvent({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: chunkCRX2ZCM2_cjs.cn("relative h-[32px]", isHovered && "bg-bg-secondary"),
+      className: chunk6LTCLQH3_cjs.cn("relative h-[32px]", isHovered && "bg-bg-secondary"),
       onMouseEnter,
       onMouseLeave,
       children: /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
-          className: chunkCRX2ZCM2_cjs.cn(
+          className: chunk6LTCLQH3_cjs.cn(
             "absolute top-1/2 -translate-x-1/2 -translate-y-1/2",
             "border-bg-primary h-3 w-3 rotate-45 border-2",
             item.color && chunkG2ZYONQO_cjs.colorClasses[item.color],