@sanity/ui 2.11.6 → 2.11.7

package/dist/index.esm.js

@@ -3742,6 +3742,10 @@ function findScrollable(parentNode) {
     _scrollEl = _scrollEl.parentNode;
   return _scrollEl;
 }
+function getElementRef(element) {
+  let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get, mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+  return mayWarn ? element.ref : (getter = Object.getOwnPropertyDescriptor(element, "ref")?.get, mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning, mayWarn ? element.props.ref : element.props.ref || element.ref);
+}
 const DEFAULT_POPOVER_DISTANCE = 4, DEFAULT_POPOVER_PADDING = 4, DEFAULT_POPOVER_ARROW_WIDTH = 19, DEFAULT_POPOVER_ARROW_HEIGHT = 8, DEFAULT_POPOVER_ARROW_RADIUS = 2, DEFAULT_POPOVER_MARGINS = [0, 0, 0, 0], DEFAULT_FALLBACK_PLACEMENTS$1 = {
   top: ["bottom", "left", "right"],
   "top-start": ["bottom-start", "left-start", "right-start"],
@@ -4021,10 +4025,6 @@ const Popover = memo(forwardRef(function(props, forwardedRef) {
   ] });
 }));
 Popover.displayName = "Memo(ForwardRef(Popover))";
-function getElementRef(element) {
-  let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get, mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-  return mayWarn ? element.ref : (getter = Object.getOwnPropertyDescriptor(element, "ref")?.get, mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning, mayWarn ? element.props.ref : element.props.ref || element.ref);
-}
 function radioBaseStyle() {
   return css`
     position: relative;
@@ -4984,21 +4984,16 @@ const StyledTooltip = styled(Layer).withConfig({
     arrowRef.current = arrowEl, update();
   }, [update]), setFloating = useCallback((node) => {
     ref.current = node, refs.setFloating(node);
-  }, [refs]), childRef = useRef(null);
-  useImperativeHandle(childProp?.ref, () => childRef.current);
-  const child = useMemo(() => childProp ? cloneElement(childProp, {
+  }, [refs]), child = useMemo(() => childProp ? cloneElement(childProp, {
     onBlur: handleBlur,
     onFocus: handleFocus,
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave,
     onClick: handleClick,
     onContextMenu: handleContextMenu,
-    ref: childRef
+    ref: setReferenceElement
   }) : null, [childProp, handleBlur, handleClick, handleContextMenu, handleFocus, handleMouseEnter, handleMouseLeave]);
-  if (useEffect(() => {
-    if (child)
-      return setReferenceElement(childRef.current), () => setReferenceElement(null);
-  }, [child]), !child) return /* @__PURE__ */ jsx(Fragment, {});
+  if (useImperativeHandle(childProp ? getElementRef(childProp) : null, () => referenceElement, [referenceElement]), !child) return /* @__PURE__ */ jsx(Fragment, {});
   if (disabled) return child;
   const tooltip = /* @__PURE__ */ jsx(StyledTooltip, { "data-ui": "Tooltip", ...restProps, ref: setFloating, style: {
     ...floatingStyles,