@sanity/ui 2.3.6-canary.5 → 2.3.6-canary.6

package/dist/index.js

@@ -3261,7 +3261,7 @@ const Popover = react.memo(
       animate: _animate = !1,
       arrow: arrowProp = !1,
       boundaryElement: _boundaryElement,
-      children,
+      children: _children,
       constrainSize = !1,
       content,
       disabled,
@@ -3375,10 +3375,16 @@ const Popover = react.memo(
       },
       [refs]
     );
-    if (react.useImperativeHandle(updateRef, () => update, [update]), react.useEffect(() => {
-      children || refs.setReference(referenceElement || null);
-    }, [children, referenceElement, refs]), disabled)
-      return children || /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
+    react.useImperativeHandle(updateRef, () => update, [update]), react.useEffect(() => {
+      _children || refs.setReference(referenceElement || null);
+    }, [_children, referenceElement, refs]);
+    const children = react.useMemo(() => !_children || referenceElement ? null : react.cloneElement(_children, {
+      ref: (node) => {
+        logDeprecatedWarning(), refs.setReference(node);
+      }
+    }), [_children, referenceElement, refs]);
+    if (disabled)
+      return _children || /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
     const popover = /* @__PURE__ */ jsxRuntime.jsx(LayerProvider, { zOffset, children: /* @__PURE__ */ jsxRuntime.jsx(
       PopoverCard,
       {
@@ -3423,16 +3429,7 @@ const Popover = react.memo(
           )
         }
       ),
-      children && !referenceElement && /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          ref: (node) => {
-            logDeprecatedWarning(), refs.setReference(node);
-          },
-          style: { display: "contents" },
-          children
-        }
-      )
+      children
     ] });
   })
 );