@overmap-ai/blocks 1.0.31-tailwind-components.27 → 1.0.31-tailwind-components.29

package/dist/blocks.umd.cjs

@@ -997,7 +997,7 @@
     const computedChildren = React.useMemo(() => {
       return typeof children === "function" ? children(close) : children;
     }, [children, close]);
-    return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Portal, { container, children: /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Overlay, { className: dialogOverlay({}), children: /* @__PURE__ */ jsxRuntime.jsxs(
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Portal, { container, children: /* @__PURE__ */ jsxRuntime.jsxs(
       RadixDialog__namespace.Content,
       {
         className: classVarianceAuthority.cx(className, dialogContent({ size }), radiusCva({ radius, maxLarge: true })),
@@ -1011,9 +1011,14 @@
           computedChildren
         ]
       }
-    ) }) });
+    ) });
   });
   DialogContent.displayName = "DialogContent";
+  const DialogOverlay = React.forwardRef((props, ref) => {
+    const { className, container, ...rest } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Portal, { container, children: /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Overlay, { ref, className: classVarianceAuthority.cx(className, dialogOverlay({})), ...rest }) });
+  });
+  DialogOverlay.displayName = "DialogOverlay";
   const DialogRoot = (props) => {
     const {
       children,
@@ -1058,6 +1063,7 @@
   const Dialog = {
     Root: DialogRoot,
     Content: DialogContent,
+    Overlay: DialogOverlay,
     Trigger: RadixDialog__namespace.Trigger,
     Close: RadixDialog__namespace.Close
   };
@@ -4081,6 +4087,7 @@
   exports2.CollapsibleTree = CollapsibleTree;
   exports2.Dialog = Dialog;
   exports2.DialogContent = DialogContent;
+  exports2.DialogOverlay = DialogOverlay;
   exports2.DialogRoot = DialogRoot;
   exports2.Heading = Heading;
   exports2.HoverCard = HoverCard;