@sanity/ui 2.10.6 → 2.10.8

package/dist/index.mjs

@@ -4579,7 +4579,10 @@ const Popover = memo(forwardRef(function(props, forwardedRef) {
   } = useFloating({
     middleware,
     placement: placementProp,
-    whileElementsMounted: autoUpdate
+    whileElementsMounted: autoUpdate,
+    elements: referenceElement ? {
+      reference: referenceElement
+    } : void 0
   }), referenceHidden = (_g = middlewareData.hide) == null ? void 0 : _g.referenceHidden, arrowX = (_h = middlewareData.arrow) == null ? void 0 : _h.x, arrowY = (_i = middlewareData.arrow) == null ? void 0 : _i.y, originX = (_j = middlewareData["@sanity/ui/origin"]) == null ? void 0 : _j.originX, originY = (_k = middlewareData["@sanity/ui/origin"]) == null ? void 0 : _k.originY, setArrow = useCallback((arrowEl) => {
     arrowRef.current = arrowEl;
   }, []), setFloating = useCallback((node) => {
@@ -4593,9 +4596,7 @@ const Popover = memo(forwardRef(function(props, forwardedRef) {
   }) : null, [childProp, referenceElement, setReference]);
   if (useEffect(() => {
     updateRef && (typeof updateRef == "function" ? updateRef(update) : updateRef && (updateRef.current = update));
-  }, [update, updateRef]), useEffect(() => {
-    referenceElement && refs.setReference(referenceElement);
-  }, [referenceElement, refs]), disabled)
+  }, [update, updateRef]), disabled)
     return childProp || /* @__PURE__ */ jsx(Fragment, {});
   const popover = /* @__PURE__ */ jsx(LayerProvider, { zOffset, children: /* @__PURE__ */ jsx(PopoverCard, __spreadProps$r(__spreadValues$r({}, restProps), { __unstable_margins: margins, animate, arrow: arrowProp, arrowRef: setArrow, arrowX, arrowY, hidden: referenceHidden, overflow, padding, placement, radius, ref: setFloating, scheme, shadow, originX, originY, strategy, tone, width: matchReferenceWidth ? referenceWidthRef.current : width, x, y, children: content })) }), children = open && (portal ? /* @__PURE__ */ jsx(Portal, { __unstable_name: typeof portal == "string" ? portal : void 0, children: popover }) : popover);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -5694,7 +5695,10 @@ const Root$a = styled(Layer)`
   } = useFloating({
     middleware,
     placement: placementProp,
-    whileElementsMounted: autoUpdate
+    whileElementsMounted: autoUpdate,
+    elements: {
+      reference: referenceElement
+    }
   }), arrowX = (_e = middlewareData.arrow) == null ? void 0 : _e.x, arrowY = (_f = middlewareData.arrow) == null ? void 0 : _f.y, originX = (_g = middlewareData["@sanity/ui/origin"]) == null ? void 0 : _g.originX, originY = (_h = middlewareData["@sanity/ui/origin"]) == null ? void 0 : _h.originY, tooltipId = useId(), [isOpen, setIsOpen] = useDelayedState(!1), delayGroupContext = useTooltipDelayGroup(), showTooltip = isOpen || (delayGroupContext == null ? void 0 : delayGroupContext.openTooltipId) === tooltipId, isInsideGroup = delayGroupContext !== null, openDelayProp = typeof delay == "number" ? delay : (delay == null ? void 0 : delay.open) || 0, closeDelayProp = typeof delay == "number" ? delay : (delay == null ? void 0 : delay.close) || 0, openDelay = isInsideGroup ? delayGroupContext.openDelay : openDelayProp, closeDelay = isInsideGroup ? delayGroupContext.closeDelay : closeDelayProp, handleIsOpenChange = useCallback((open, immediate) => {
     if (isInsideGroup)
       if (open) {
@@ -5733,7 +5737,7 @@ const Root$a = styled(Layer)`
     disabled && showTooltip && handleIsOpenChange(!1);
   }, [disabled, handleIsOpenChange, showTooltip]), useEffect(() => {
     !content && showTooltip && handleIsOpenChange(!1);
-  }, [content, handleIsOpenChange, showTooltip]), useEffect(() => refs.setReference(referenceElement), [referenceElement, refs]), useEffect(() => {
+  }, [content, handleIsOpenChange, showTooltip]), useEffect(() => {
     if (!showTooltip) return;
     function handleWindowKeyDown(event) {
       event.key === "Escape" && handleIsOpenChange(!1, !0);