@vuer-ai/vuer-uikit 0.0.3 → 0.0.4

package/dist/{chunk-KVDEBKWR.mjs → chunk-25GQKTNF.mjs}

@@ -41,7 +41,6 @@ var InputRoot = forwardRef(function InputRoot2({ style, className, side, childre
       "data-input": true,
       className: cn(inputRootVariants({ size, state: disabled ? "disabled" : state }), className),
       onClick: (event) => {
-        console.log("onPointerDown", event);
         const target = event.target;
         if (target.closest("input, button, a")) return;
         const input = inputRef.current;

package/dist/{chunk-JOBQTBEM.mjs → chunk-5GPQ7U5B.mjs}

@@ -6,6 +6,7 @@ var textareaVariants = cva(
   [
     "bg-bg-secondary",
     "disabled:bg-bg-tertiary",
+    "disabled:text-text-tertiary",
     "disabled:cursor-not-allowed",
     "outline",
     "outline-transparent",
@@ -20,8 +21,8 @@ var textareaVariants = cva(
   {
     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"],

package/dist/{chunk-KAPV3EZO.mjs → chunk-66JQXJEV.mjs}

@@ -118,7 +118,8 @@ function SelectContent({
           "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"
         ],
         {
           "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1": position === "popper"

package/dist/{chunk-WI2J7NIV.mjs → chunk-6ILSFDR5.mjs}

@@ -1,4 +1,4 @@
-import { InputRoot, InputSlot } from './chunk-KVDEBKWR.mjs';
+import { InputRoot, InputSlot } from './chunk-25GQKTNF.mjs';
 import { cn } from './chunk-HW6SLBO3.mjs';
 import { useGesture } from '@use-gesture/react';
 import { forwardRef, useRef, useCallback } from 'react';

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
               }
             }

package/dist/chunk-7A7VNE3J.mjs

@@ -0,0 +1,31 @@
+import { cn } from './chunk-HW6SLBO3.mjs';
+import { Slot } from '@radix-ui/react-slot';
+import { jsx } from 'react/jsx-runtime';
+
+function Layout({
+  asChild,
+  className,
+  children,
+  align = "start",
+  orientation = "horizontal"
+}) {
+  const Com = asChild ? Slot : "div";
+  return /* @__PURE__ */ jsx(
+    Com,
+    {
+      className: cn(
+        {
+          "gap-xs flex flex-col": orientation === "horizontal",
+          "gap-xs grid grid-cols-[1fr_2fr] text-center": orientation === "vertical",
+          "items-baseline": align === "start",
+          "items-center": align === "center",
+          "items-end": align === "end"
+        },
+        className
+      ),
+      children
+    }
+  );
+}
+
+export { Layout };

package/dist/{chunk-SUU4Z6E5.mjs → chunk-7SXCVFSA.mjs}

@@ -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-3HXPIWL3.js → chunk-7V4ELMOH.js}

@@ -8,6 +8,7 @@ var textareaVariants = classVarianceAuthority.cva(
   [
     "bg-bg-secondary",
     "disabled:bg-bg-tertiary",
+    "disabled:text-text-tertiary",
     "disabled:cursor-not-allowed",
     "outline",
     "outline-transparent",
@@ -22,8 +23,8 @@ var textareaVariants = classVarianceAuthority.cva(
   {
     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"],

package/dist/{chunk-5JP4AZ4C.js → chunk-7WUQTWQX.js}

@@ -140,7 +140,8 @@ function SelectContent({
           "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"
         ],
         {
           "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1": position === "popper"

package/dist/{chunk-LBFO3QAA.js → chunk-A2Z57NAA.js}

@@ -176,7 +176,7 @@ var CursorProvider = ({
       className: `pointer-events-none fixed ${styleClass} ${hoveredElementId ? "" : cursorClassName || ""}`,
       style: {
         ...cursorStyleObject,
-        backgroundColor: "var(--shadow-secondary)"
+        backgroundColor: "var(--shadow-tertiary)"
       }
     }
   );

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

@@ -54,6 +54,7 @@ function TooltipContent({
         "w-fit",
         "origin-(--radix-tooltip-content-transform-origin)",
         "text-balance",
+        "liquid:liquid-bg",
         className
       ),
       ...props,
@@ -62,11 +63,10 @@ function TooltipContent({
         /* @__PURE__ */ jsx(
           TooltipPrimitive.Arrow,
           {
-            className: "fill-bg-secondary z-50 h-[14px] w-[20px] border-none",
+            className: "fill-bg-secondary z-50 h-[9px] w-[20px] border-none liquid:liquid-bg",
             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-JIXJTLEO.js → chunk-B5EMQBVL.js}

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

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

@@ -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
       ),
@@ -104,8 +105,7 @@ function DropdownMenuItem({
           "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",
@@ -146,8 +146,7 @@ function DropdownMenuCheckboxItem({
           "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"
@@ -196,8 +195,7 @@ function DropdownMenuRadioItem({
           "last:mb-0",
           "text-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"
@@ -282,8 +280,7 @@ function DropdownMenuSubTrigger({
         "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 +326,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-ECWCQWV5.js

@@ -0,0 +1,148 @@
+'use strict';
+
+var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
+var SheetPrimitive = require('@radix-ui/react-dialog');
+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 SheetPrimitive__namespace = /*#__PURE__*/_interopNamespace(SheetPrimitive);
+
+function Sheet({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Root, { "data-slot": "sheet", ...props });
+}
+function SheetTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Trigger, { "data-slot": "sheet-trigger", ...props });
+}
+function SheetClose({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Close, { "data-slot": "sheet-close", className: chunkUWO6RBCE_js.cn("focus:outline-none focus:ring-0"), ...props });
+}
+function SheetPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Portal, { "data-slot": "sheet-portal", ...props });
+}
+function SheetOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SheetPrimitive__namespace.Overlay,
+    {
+      "data-slot": "sheet-overlay",
+      className: chunkUWO6RBCE_js.cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-bg-primary/50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SheetContent({
+  className,
+  children,
+  side = "right",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(SheetPortal, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(SheetOverlay, {}),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      SheetPrimitive__namespace.Content,
+      {
+        "data-slot": "sheet-content",
+        className: chunkUWO6RBCE_js.cn(
+          "liquid:liquid-bg bg-bg-primary data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 p-xl",
+          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__ */ jsxRuntime.jsxs(SheetPrimitive__namespace.Close, { className: "text-icon-primary hover:text-icon-highlight absolute top-4 right-4 disabled:pointer-events-none", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { className: "size-4" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function SheetHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "sheet-header",
+      className: chunkUWO6RBCE_js.cn("flex flex-col gap-md pb-xl", className),
+      ...props
+    }
+  );
+}
+function SheetFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "sheet-footer",
+      className: chunkUWO6RBCE_js.cn("mt-auto flex flex-col gap-lg pt-xl", className),
+      ...props
+    }
+  );
+}
+function SheetTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SheetPrimitive__namespace.Title,
+    {
+      "data-slot": "sheet-title",
+      className: chunkUWO6RBCE_js.cn("text-[14px] text-text-highlight font-medium", className),
+      ...props
+    }
+  );
+}
+function SheetDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SheetPrimitive__namespace.Description,
+    {
+      "data-slot": "sheet-description",
+      className: chunkUWO6RBCE_js.cn("text-[12px] text-text-secondary", className),
+      ...props
+    }
+  );
+}
+
+exports.Sheet = Sheet;
+exports.SheetClose = SheetClose;
+exports.SheetContent = SheetContent;
+exports.SheetDescription = SheetDescription;
+exports.SheetFooter = SheetFooter;
+exports.SheetHeader = SheetHeader;
+exports.SheetTitle = SheetTitle;
+exports.SheetTrigger = SheetTrigger;

package/dist/{chunk-ZYBSCTBR.js → chunk-ENZI5WM7.js}

@@ -43,7 +43,6 @@ var InputRoot = react.forwardRef(function InputRoot2({ style, className, side, c
       "data-input": true,
       className: chunkUWO6RBCE_js.cn(inputRootVariants({ size, state: disabled ? "disabled" : state }), className),
       onClick: (event) => {
-        console.log("onPointerDown", event);
         const target = event.target;
         if (target.closest("input, button, a")) return;
         const input = inputRef.current;

package/dist/chunk-FVT46HEE.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var chunkRACVRWME_js = require('./chunk-RACVRWME.js');
+var chunk7V4ELMOH_js = require('./chunk-7V4ELMOH.js');
+var chunk7WUQTWQX_js = require('./chunk-7WUQTWQX.js');
+var chunk5BIQ3IN7_js = require('./chunk-5BIQ3IN7.js');
+var chunkENZI5WM7_js = require('./chunk-ENZI5WM7.js');
+var chunkZJXBC33M_js = require('./chunk-ZJXBC33M.js');
+
+// src/highlight-cursor/enhanced-components.tsx
+var CursorButton = chunkZJXBC33M_js.withCursor(chunk5BIQ3IN7_js.Button);
+var CursorTabs = chunkZJXBC33M_js.withCursor(chunkRACVRWME_js.Tabs);
+var CursorInputRoot = chunkZJXBC33M_js.withCursor(chunkENZI5WM7_js.InputRoot);
+var CursorSelectTrigger = chunkZJXBC33M_js.withCursor(chunk7WUQTWQX_js.SelectTrigger);
+var CursorTextarea = chunkZJXBC33M_js.withCursor(chunk7V4ELMOH_js.Textarea);
+
+exports.CursorButton = CursorButton;
+exports.CursorInputRoot = CursorInputRoot;
+exports.CursorSelectTrigger = CursorSelectTrigger;
+exports.CursorTabs = CursorTabs;
+exports.CursorTextarea = CursorTextarea;

package/dist/chunk-FYS6YECN.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var chunkUWO6RBCE_js = require('./chunk-UWO6RBCE.js');
+var reactSlot = require('@radix-ui/react-slot');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Layout({
+  asChild,
+  className,
+  children,
+  align = "start",
+  orientation = "horizontal"
+}) {
+  const Com = asChild ? reactSlot.Slot : "div";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Com,
+    {
+      className: chunkUWO6RBCE_js.cn(
+        {
+          "gap-xs flex flex-col": orientation === "horizontal",
+          "gap-xs grid grid-cols-[1fr_2fr] text-center": orientation === "vertical",
+          "items-baseline": align === "start",
+          "items-center": align === "center",
+          "items-end": align === "end"
+        },
+        className
+      ),
+      children
+    }
+  );
+}
+
+exports.Layout = Layout;

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

@@ -77,7 +77,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,
@@ -107,8 +108,8 @@ function ModalContent({
                 "h-[16px]",
                 "rounded-sm",
                 "cursor-pointer",
-                "hover:bg-bg-tertiary",
-                "text-text-primary",
+                "hover:text-icon-highlight",
+                "text-icon-primary",
                 "flex",
                 "items-center",
                 "justify-center"

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

@@ -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
       ),
@@ -126,8 +127,7 @@ function DropdownMenuItem({
           "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",
@@ -168,8 +168,7 @@ function DropdownMenuCheckboxItem({
           "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"
@@ -218,8 +217,7 @@ function DropdownMenuRadioItem({
           "last:mb-0",
           "text-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"
@@ -304,8 +302,7 @@ function DropdownMenuSubTrigger({
         "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",
@@ -351,6 +348,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-263CMARJ.mjs → chunk-IPKCIMU4.mjs}

@@ -55,7 +55,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,
@@ -85,8 +86,8 @@ function ModalContent({
                 "h-[16px]",
                 "rounded-sm",
                 "cursor-pointer",
-                "hover:bg-bg-tertiary",
-                "text-text-primary",
+                "hover:text-icon-highlight",
+                "text-icon-primary",
                 "flex",
                 "items-center",
                 "justify-center"

package/dist/{chunk-QNTUEKYQ.mjs → chunk-J7PTSP4Q.mjs}

@@ -8,7 +8,7 @@ var Toaster = ({ ...props }) => {
     Toaster$1,
     {
       toastOptions: {
-        className: "vk-toast",
+        className: "vk-toast liquid:liquid-bg",
         descriptionClassName: "vk-toast-description"
       },
       ...props

package/dist/{chunk-RPXWKB6F.js → chunk-KQHNQQUZ.js}

@@ -76,6 +76,7 @@ function TooltipContent({
         "w-fit",
         "origin-(--radix-tooltip-content-transform-origin)",
         "text-balance",
+        "liquid:liquid-bg",
         className
       ),
       ...props,
@@ -84,11 +85,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 z-50 h-[9px] w-[20px] border-none liquid:liquid-bg",
             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-SDN2OTHS.js → chunk-LD7Y34QT.js}

@@ -62,6 +62,7 @@ function PopoverContent({
         "origin-(--radix-popover-content-transform-origin)",
         "border-none",
         "outline-hidden",
+        "liquid:liquid-bg",
         className
       ),
       ...props