@sanity/ui 2.11.6 → 2.11.7

package/dist/index.js

@@ -3736,6 +3736,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"],
@@ -4015,10 +4019,6 @@ const Popover = react.memo(react.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 styledComponents.css`
     position: relative;
@@ -4978,21 +4978,16 @@ const StyledTooltip = styledComponents.styled(Layer).withConfig({
     arrowRef.current = arrowEl, update();
   }, [update]), setFloating = react.useCallback((node) => {
     ref.current = node, refs.setFloating(node);
-  }, [refs]), childRef = react.useRef(null);
-  react.useImperativeHandle(childProp?.ref, () => childRef.current);
-  const child = react.useMemo(() => childProp ? react.cloneElement(childProp, {
+  }, [refs]), child = react.useMemo(() => childProp ? react.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 (react.useEffect(() => {
-    if (child)
-      return setReferenceElement(childRef.current), () => setReferenceElement(null);
-  }, [child]), !child) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
+  if (react.useImperativeHandle(childProp ? getElementRef(childProp) : null, () => referenceElement, [referenceElement]), !child) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
   if (disabled) return child;
   const tooltip = /* @__PURE__ */ jsxRuntime.jsx(StyledTooltip, { "data-ui": "Tooltip", ...restProps, ref: setFloating, style: {
     ...floatingStyles,