@vuer-ai/vuer-uikit 0.0.28 → 0.0.30

package/dist/{chunk-N3VYENST.js → chunk-2EMN6VM2.js}

@@ -1,6 +1,7 @@
 'use strict';
 
-var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
+var chunkQG7ZF6TO_js = require('./chunk-QG7ZF6TO.js');
+var chunk7KYAICHB_js = require('./chunk-7KYAICHB.js');
 var SheetPrimitive = require('@radix-ui/react-dialog');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -25,22 +26,41 @@ function _interopNamespace(e) {
 
 var SheetPrimitive__namespace = /*#__PURE__*/_interopNamespace(SheetPrimitive);
 
-function Sheet({ ...props }) {
+function SheetRoot({ ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Root, { "data-slot": "sheet", ...props });
 }
-function SheetTrigger({ ...props }) {
+function SheetFallback({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "sheet", ...props });
+}
+var Sheet = chunkQG7ZF6TO_js.createClientOnlyComponent(SheetRoot, SheetFallback);
+function SheetTriggerRoot({ ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Trigger, { "data-slot": "sheet-trigger", ...props });
 }
-function SheetClose({ ...props }) {
+function SheetTriggerFallback({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("button", { "data-slot": "sheet-trigger", ...props });
+}
+var SheetTrigger = chunkQG7ZF6TO_js.createClientOnlyComponent(SheetTriggerRoot, SheetTriggerFallback);
+function SheetCloseRoot({ ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     SheetPrimitive__namespace.Close,
     {
       "data-slot": "sheet-close",
-      className: chunkXXWQ4RVP_js.cn("focus:outline-none focus:ring-0"),
+      className: chunk7KYAICHB_js.cn("focus:outline-none focus:ring-0"),
+      ...props
+    }
+  );
+}
+function SheetCloseFallback({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      "data-slot": "sheet-close",
+      className: chunk7KYAICHB_js.cn("focus:outline-none focus:ring-0"),
       ...props
     }
   );
 }
+var SheetClose = chunkQG7ZF6TO_js.createClientOnlyComponent(SheetCloseRoot, SheetCloseFallback);
 function SheetPortal({ ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Portal, { "data-slot": "sheet-portal", ...props });
 }
@@ -49,7 +69,7 @@ function SheetOverlay({ className, ...props }) {
     SheetPrimitive__namespace.Overlay,
     {
       "data-slot": "sheet-overlay",
-      className: chunkXXWQ4RVP_js.cn(
+      className: chunk7KYAICHB_js.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-mask fixed inset-0 z-50",
         className
       ),
@@ -57,7 +77,7 @@ function SheetOverlay({ className, ...props }) {
     }
   );
 }
-function SheetContent({
+function SheetContentRoot({
   className,
   children,
   side = "right",
@@ -69,7 +89,7 @@ function SheetContent({
       SheetPrimitive__namespace.Content,
       {
         "data-slot": "sheet-content",
-        className: chunkXXWQ4RVP_js.cn(
+        className: chunk7KYAICHB_js.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-[0_4px_16px_0_var(--color-shadow-secondary)] 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]",
@@ -89,12 +109,42 @@ function SheetContent({
     )
   ] });
 }
+function SheetContentFallback({
+  className,
+  children,
+  side = "right",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": "sheet-content",
+      className: chunk7KYAICHB_js.cn(
+        "liquid:liquid-bg bg-bg-primary p-xl fixed z-50 flex flex-col gap-4 shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
+        side === "right" && "inset-y-0 right-0 h-full w-[340px]",
+        side === "left" && "inset-y-0 left-0 h-full w-[340px]",
+        side === "top" && "inset-x-0 top-0 h-auto",
+        side === "bottom" && "inset-x-0 bottom-0 h-auto",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "text-icon-primary hover:text-icon-highlight absolute right-4 top-4 disabled:pointer-events-none", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { className: "size-4" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  );
+}
+var SheetContent = chunkQG7ZF6TO_js.createClientOnlyComponent(SheetContentRoot, SheetContentFallback);
 function SheetHeader({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       "data-slot": "sheet-header",
-      className: chunkXXWQ4RVP_js.cn("gap-md pb-xl flex flex-col", className),
+      className: chunk7KYAICHB_js.cn("gap-md pb-xl flex flex-col", className),
       ...props
     }
   );
@@ -104,22 +154,33 @@ function SheetFooter({ className, ...props }) {
     "div",
     {
       "data-slot": "sheet-footer",
-      className: chunkXXWQ4RVP_js.cn("gap-lg pt-xl mt-auto flex flex-col", className),
+      className: chunk7KYAICHB_js.cn("gap-lg pt-xl mt-auto flex flex-col", className),
       ...props
     }
   );
 }
-function SheetTitle({ className, ...props }) {
+function SheetTitleRoot({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     SheetPrimitive__namespace.Title,
     {
       "data-slot": "sheet-title",
-      className: chunkXXWQ4RVP_js.cn("text-text-highlight text-uk-xl leading-uk-xl font-medium", className),
+      className: chunk7KYAICHB_js.cn("text-text-highlight text-uk-xl leading-uk-xl font-medium", className),
+      ...props
+    }
+  );
+}
+function SheetTitleFallback({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "h2",
+    {
+      "data-slot": "sheet-title",
+      className: chunk7KYAICHB_js.cn("text-text-highlight text-uk-xl leading-uk-xl font-medium", className),
       ...props
     }
   );
 }
-function SheetDescription({
+var SheetTitle = chunkQG7ZF6TO_js.createClientOnlyComponent(SheetTitleRoot, SheetTitleFallback);
+function SheetDescriptionRoot({
   className,
   ...props
 }) {
@@ -127,11 +188,25 @@ function SheetDescription({
     SheetPrimitive__namespace.Description,
     {
       "data-slot": "sheet-description",
-      className: chunkXXWQ4RVP_js.cn("text-text-secondary text-uk-md leading-uk-md", className),
+      className: chunk7KYAICHB_js.cn("text-text-secondary text-uk-md leading-uk-md", className),
+      ...props
+    }
+  );
+}
+function SheetDescriptionFallback({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "p",
+    {
+      "data-slot": "sheet-description",
+      className: chunk7KYAICHB_js.cn("text-text-secondary text-uk-md leading-uk-md", className),
       ...props
     }
   );
 }
+var SheetDescription = chunkQG7ZF6TO_js.createClientOnlyComponent(SheetDescriptionRoot, SheetDescriptionFallback);
 
 exports.Sheet = Sheet;
 exports.SheetClose = SheetClose;

package/dist/{chunk-SBHPTJE4.mjs → chunk-4F2GSF2T.mjs}

@@ -1,6 +1,6 @@
 import React from 'react';
 
-// src/utils/client-only.ts
+// src/hooks/clientOnly.tsx
 function clientOnly(fn) {
   if (typeof window !== "undefined") {
     return fn();

package/dist/{chunk-ZT6G7STM.mjs → chunk-4HURANFT.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-KTNZSZ5Y.mjs';
+import { cn } from './chunk-WM2VP7MI.mjs';
 import { composeRefs } from '@radix-ui/react-compose-refs';
 import { cva } from 'class-variance-authority';
 import { forwardRef, useRef } from 'react';

package/dist/{chunk-KMIPKXV2.mjs → chunk-4X4OZQHW.mjs}

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

package/dist/{chunk-NP6VNT23.js → chunk-4ZJRDAXG.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
+var chunk7KYAICHB_js = require('./chunk-7KYAICHB.js');
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
 var classVarianceAuthority = require('class-variance-authority');
 var react = require('react');
@@ -42,7 +42,7 @@ var InputRoot = react.forwardRef(function InputRoot2({ style, className, side, c
     {
       style,
       "data-input": true,
-      className: chunkXXWQ4RVP_js.cn(inputRootVariants({ size, state: disabled ? "disabled" : state }), className),
+      className: chunk7KYAICHB_js.cn(inputRootVariants({ size, state: disabled ? "disabled" : state }), className),
       onClick: (event) => {
         const target = event.target;
         if (target.closest("input, button, a")) return;
@@ -72,7 +72,7 @@ var InputRoot = react.forwardRef(function InputRoot2({ style, className, side, c
             disabled,
             name: type ?? "text",
             ref: reactComposeRefs.composeRefs(inputRef, ref),
-            className: chunkXXWQ4RVP_js.cn(
+            className: chunk7KYAICHB_js.cn(
               [
                 "w-full",
                 "h-full",
@@ -98,7 +98,7 @@ var InputSlot = react.forwardRef(function({ className, children, side = "left",
       "data-side": side,
       ...props,
       ref,
-      className: chunkXXWQ4RVP_js.cn(
+      className: chunk7KYAICHB_js.cn(
         [
           "input-slot",
           "cursor-text",

package/dist/{chunk-BAAW5VSE.js → chunk-6C6V7VLS.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunk7DRJLKR6_js = require('./chunk-7DRJLKR6.js');
-var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
+var chunkQG7ZF6TO_js = require('./chunk-QG7ZF6TO.js');
+var chunk7KYAICHB_js = require('./chunk-7KYAICHB.js');
 var AvatarPrimitive = require('@radix-ui/react-avatar');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -36,7 +36,7 @@ var AvatarRoot = ({
   AvatarPrimitive__namespace.Root,
   {
     "data-slot": "avatar",
-    className: chunkXXWQ4RVP_js.cn("relative flex size-[24px] shrink-0 overflow-hidden rounded-full", className),
+    className: chunk7KYAICHB_js.cn("relative flex size-[24px] shrink-0 overflow-hidden rounded-full", className),
     ...props
   }
 );
@@ -44,10 +44,10 @@ var AvatarSSRFallback = ({ className }) => /* @__PURE__ */ jsxRuntime.jsx(
   "span",
   {
     "data-slot": "avatar",
-    className: chunkXXWQ4RVP_js.cn("relative flex size-[24px] shrink-0 overflow-hidden rounded-full", className)
+    className: chunk7KYAICHB_js.cn("relative flex size-[24px] shrink-0 overflow-hidden rounded-full", className)
   }
 );
-var Avatar = chunk7DRJLKR6_js.createClientOnlyComponent(AvatarRoot, AvatarSSRFallback);
+var Avatar = chunkQG7ZF6TO_js.createClientOnlyComponent(AvatarRoot, AvatarSSRFallback);
 var AvatarImageRoot = ({
   className,
   ...props
@@ -55,12 +55,12 @@ var AvatarImageRoot = ({
   AvatarPrimitive__namespace.Image,
   {
     "data-slot": "avatar-image",
-    className: chunkXXWQ4RVP_js.cn("aspect-square size-full", className),
+    className: chunk7KYAICHB_js.cn("aspect-square size-full", className),
     ...props
   }
 );
-var AvatarImageFallback = ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": "avatar-image", className: chunkXXWQ4RVP_js.cn("aspect-square size-full", className) });
-var AvatarImage = chunk7DRJLKR6_js.createClientOnlyComponent(AvatarImageRoot, AvatarImageFallback);
+var AvatarImageFallback = ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": "avatar-image", className: chunk7KYAICHB_js.cn("aspect-square size-full", className) });
+var AvatarImage = chunkQG7ZF6TO_js.createClientOnlyComponent(AvatarImageRoot, AvatarImageFallback);
 var AvatarFallbackRoot = ({
   className,
   ...props
@@ -68,7 +68,7 @@ var AvatarFallbackRoot = ({
   AvatarPrimitive__namespace.Fallback,
   {
     "data-slot": "avatar-fallback",
-    className: chunkXXWQ4RVP_js.cn(
+    className: chunk7KYAICHB_js.cn(
       "bg-bg-tertiary flex size-full items-center justify-center rounded-full",
       className
     ),
@@ -82,14 +82,14 @@ var AvatarFallbackSSR = ({
   "span",
   {
     "data-slot": "avatar-fallback",
-    className: chunkXXWQ4RVP_js.cn(
+    className: chunk7KYAICHB_js.cn(
       "bg-bg-tertiary flex size-full items-center justify-center rounded-full",
       className
     ),
     ...props
   }
 );
-var AvatarFallback = chunk7DRJLKR6_js.createClientOnlyComponent(AvatarFallbackRoot, AvatarFallbackSSR);
+var AvatarFallback = chunkQG7ZF6TO_js.createClientOnlyComponent(AvatarFallbackRoot, AvatarFallbackSSR);
 function AvatarGroup({ children, className, spacing = "normal", max }) {
   const spacingClasses = {
     tight: "-space-x-1.5",
@@ -99,11 +99,11 @@ 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: chunkXXWQ4RVP_js.cn("flex flex-row-reverse justify-end", spacingClasses[spacing], className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk7KYAICHB_js.cn("flex flex-row-reverse justify-end", spacingClasses[spacing], className), children: [
     remainingCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(
       Avatar,
       {
-        className: chunkXXWQ4RVP_js.cn(
+        className: chunk7KYAICHB_js.cn(
           "ring-background relative cursor-default ring-2 transition-all duration-200 ease-in-out hover:z-[100] hover:scale-120"
         ),
         children: /* @__PURE__ */ jsxRuntime.jsxs(AvatarFallback, { children: [
@@ -118,7 +118,7 @@ function AvatarGroup({ children, className, spacing = "normal", max }) {
         return React__default.default.cloneElement(
           child,
           {
-            className: chunkXXWQ4RVP_js.cn(
+            className: chunk7KYAICHB_js.cn(
               `ring-background relative ring-2 transition-all duration-200 ease-in-out hover:z-[100] hover:scale-120`,
               (_a = child.props) == null ? void 0 : _a.className
             )

package/dist/{chunk-GGMVWSL5.js → chunk-6CABRTQF.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkNP6VNT23_js = require('./chunk-NP6VNT23.js');
-var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
+var chunk4ZJRDAXG_js = require('./chunk-4ZJRDAXG.js');
+var chunk7KYAICHB_js = require('./chunk-7KYAICHB.js');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -146,9 +146,9 @@ var InputNumbers = React.forwardRef(function InputNumbers2({ size, value, onValu
     {
       ref,
       onMouseDown: handleMouseDown,
-      className: chunkXXWQ4RVP_js.cn("gap-xs flex cursor-crosshair touch-none select-none flex-col"),
+      className: chunk7KYAICHB_js.cn("gap-xs flex cursor-crosshair touch-none flex-col select-none"),
       children: value.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
-        chunkNP6VNT23_js.InputRoot,
+        chunk4ZJRDAXG_js.InputRoot,
         {
           ref: (r) => {
             inputs.current.set(index.toString(), r);
@@ -164,7 +164,7 @@ var InputNumbers = React.forwardRef(function InputNumbers2({ size, value, onValu
           },
           onChange: valueChangeHandler(index),
           "data-hover": "none",
-          className: chunkXXWQ4RVP_js.cn([
+          className: chunk7KYAICHB_js.cn([
             "group/number-input",
             "cursor-crosshair",
             "data-[hover=down]:bg-bg-tertiary",
@@ -174,16 +174,16 @@ var InputNumbers = React.forwardRef(function InputNumbers2({ size, value, onValu
             "data-[hover=x]:cursor-col-resize",
             "data-[hover=y]:cursor-row-resize"
           ]),
-          inputClassName: chunkXXWQ4RVP_js.cn([
+          inputClassName: chunk7KYAICHB_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(
-            chunkNP6VNT23_js.InputSlot,
+            chunk4ZJRDAXG_js.InputSlot,
             {
-              className: chunkXXWQ4RVP_js.cn(
+              className: chunk7KYAICHB_js.cn(
                 "cursor-crosshair",
                 "group-data-[hover=down]/number-input:cursor-move",
                 "group-data-[hover=x]/number-input:cursor-col-resize",

package/dist/{chunk-HT37IGEB.mjs → chunk-6VRLWVXF.mjs}

@@ -1,9 +1,9 @@
-import { Textarea } from './chunk-DDOX4EEM.mjs';
-import { SelectTrigger } from './chunk-4F3R5V3E.mjs';
-import { Tabs } from './chunk-QPQFG2DZ.mjs';
-import { InputRoot } from './chunk-ZT6G7STM.mjs';
+import { SelectTrigger } from './chunk-OCNRBXK4.mjs';
+import { Tabs } from './chunk-FA7B4T24.mjs';
+import { Textarea } from './chunk-MWJQTO2F.mjs';
+import { InputRoot } from './chunk-4HURANFT.mjs';
+import { Button } from './chunk-I5UCKLLT.mjs';
 import { withCursor } from './chunk-44KW6PTD.mjs';
-import { Button } from './chunk-JOTWPUPW.mjs';
 
 // src/highlight-cursor/enhanced-components.tsx
 var CursorButton = withCursor(Button);

package/dist/{chunk-XXWQ4RVP.js → chunk-7KYAICHB.js}

@@ -3,7 +3,7 @@
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 
-// src/utils/cn.ts
+// src/hooks/cn.ts
 var twMerge = tailwindMerge.extendTailwindMerge({
   override: {
     classGroups: {

package/dist/{chunk-QEY7BWIR.js → chunk-AKBWNVRH.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
+var chunk7KYAICHB_js = require('./chunk-7KYAICHB.js');
 var chunkCLTLT5XW_js = require('./chunk-CLTLT5XW.js');
 var react = require('react');
 var reactDom = require('react-dom');
@@ -192,7 +192,7 @@ var CursorProvider = ({
       Component,
       {
         ...props,
-        className: chunkXXWQ4RVP_js.cn(className),
+        className: chunk7KYAICHB_js.cn(className),
         style: {
           cursor: isMouseInside && !hoveredElementId ? "none" : "auto",
           ...props.style

package/dist/{chunk-IGBWUFZL.js → chunk-AQWYFBXL.js}

@@ -1,6 +1,7 @@
 'use strict';
 
-var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
+var chunkQG7ZF6TO_js = require('./chunk-QG7ZF6TO.js');
+var chunk7KYAICHB_js = require('./chunk-7KYAICHB.js');
 var PopoverPrimitive = require('@radix-ui/react-popover');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -24,13 +25,21 @@ function _interopNamespace(e) {
 
 var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
 
-function Popover({ ...props }) {
+function PopoverRoot({ ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Root, { "data-slot": "popover", ...props });
 }
-function PopoverTrigger({ ...props }) {
+function PopoverFallback({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "popover", ...props });
+}
+var Popover = chunkQG7ZF6TO_js.createClientOnlyComponent(PopoverRoot, PopoverFallback);
+function PopoverTriggerRoot({ ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Trigger, { "data-slot": "popover-trigger", ...props });
 }
-function PopoverContent({
+function PopoverTriggerFallback({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("button", { "data-slot": "popover-trigger", ...props });
+}
+var PopoverTrigger = chunkQG7ZF6TO_js.createClientOnlyComponent(PopoverTriggerRoot, PopoverTriggerFallback);
+function PopoverContentRoot({
   className,
   align = "center",
   sideOffset = 4,
@@ -42,7 +51,7 @@ function PopoverContent({
       "data-slot": "popover-content",
       align,
       sideOffset,
-      className: chunkXXWQ4RVP_js.cn(
+      className: chunk7KYAICHB_js.cn(
         "bg-bg-primary",
         "rounded-uk-lg",
         "p-xl",
@@ -69,6 +78,31 @@ function PopoverContent({
     }
   ) });
 }
+function PopoverContentFallback({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "popover-content",
+      className: chunk7KYAICHB_js.cn(
+        "bg-bg-primary",
+        "rounded-uk-lg",
+        "p-xl",
+        "w-[320px]",
+        "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
+        "z-50",
+        "border-none",
+        "outline-hidden",
+        "liquid:liquid-bg",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var PopoverContent = chunkQG7ZF6TO_js.createClientOnlyComponent(PopoverContentRoot, PopoverContentFallback);
 function PopoverAnchor({ ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Anchor, { "data-slot": "popover-anchor", ...props });
 }