@sanity/ui 2.0.0-alpha.22 → 2.0.0-alpha.24

package/dist/index.js

@@ -3836,13 +3836,13 @@ const studioTheme = {
   avatar: {
     sizes: [{
       distance: -3,
-      size: 23
+      size: 19
     }, {
       distance: -6,
-      size: 33
+      size: 31
     }, {
       distance: -9,
-      size: 53
+      size: 51
     }],
     focusRing: {
       offset: 0,
@@ -4882,7 +4882,8 @@ const avatarStyle = {
   arrow: avatarArrowStyle,
   bgStroke: avatarBgStrokeStyle,
   stroke: avatarStrokeStyle,
-  initials: avatarInitialsStyle
+  initials: avatarInitialsStyle,
+  image: avatarImageStyle
 };
 function avatarArrowStyle() {
   return {
@@ -4989,6 +4990,11 @@ function responsiveAvatarSizeStyle(props) {
     };
   });
 }
+function avatarImageStyle() {
+  return {
+    position: "relative"
+  };
+}
 function avatarInitialsStyle(props) {
   const {
     theme
@@ -5030,6 +5036,7 @@ const Arrow = styled__default.default.div(avatarStyle.arrow);
 const BgStroke = styled__default.default.ellipse(avatarStyle.bgStroke);
 const Stroke = styled__default.default.ellipse(avatarStyle.stroke);
 const Initials = styled__default.default.div(avatarStyle.initials);
+const Image = styled__default.default.svg(avatarStyle.image);
 const Avatar = react.forwardRef(function Avatar2(props, ref) {
   const {
     __unstable_hideInnerStroke,
@@ -5094,7 +5101,7 @@ const Avatar = react.forwardRef(function Avatar2(props, ref) {
           fill: color
         })
       })
-    }), !imageFailed && src && /* @__PURE__ */jsxRuntime.jsxs("svg", {
+    }), !imageFailed && src && /* @__PURE__ */jsxRuntime.jsxs(Image, {
       viewBox: "0 0 ".concat(_sizeRem, " ").concat(_sizeRem),
       fill: "none",
       children: [/* @__PURE__ */jsxRuntime.jsx("defs", {
@@ -7876,10 +7883,6 @@ function TooltipDelayGroupProvider(props) {
   } = props;
   const [isGroupActive, setIsGroupActive] = useDelayedState(false);
   const [openTooltipId, setOpenTooltipId] = useDelayedState(null);
-  const isInsideContext = useTooltipDelayGroup();
-  if (isInsideContext) {
-    throw new Error("TooltipDelayGroupProvider cannot be nested inside another TooltipDelayGroupProvider");
-  }
   const openDelay = typeof delay === "number" ? delay : (delay == null ? void 0 : delay.open) || 0;
   const closeDelay = typeof delay === "number" ? delay : (delay == null ? void 0 : delay.close) || 0;
   const value = react.useMemo(() => ({
@@ -8044,7 +8047,7 @@ const Tooltip = react.forwardRef(function Tooltip2(props, ref) {
     (_b2 = (_a3 = childProp == null ? void 0 : childProp.props) == null ? void 0 : _a3.onMouseLeave) == null ? void 0 : _b2.call(_a3, e);
   }, [childProp == null ? void 0 : childProp.props, handleIsOpenChange]);
   react.useEffect(() => {
-    if (!isOpen) return;
+    if (!showTooltip) return;
     function handleWindowMouseMove(event) {
       if (!referenceElement) return;
       const isHoveringReference = referenceElement === event.target || event.target instanceof Node && referenceElement.contains(event.target);
@@ -8057,13 +8060,13 @@ const Tooltip = react.forwardRef(function Tooltip2(props, ref) {
     return () => {
       window.removeEventListener("mousemove", handleWindowMouseMove);
     };
-  }, [isOpen, referenceElement, handleIsOpenChange]);
+  }, [showTooltip, referenceElement, handleIsOpenChange]);
   react.useEffect(() => {
-    if (disabled) handleIsOpenChange(false);
-  }, [disabled, handleIsOpenChange]);
+    if (disabled && showTooltip) handleIsOpenChange(false);
+  }, [disabled, handleIsOpenChange, showTooltip]);
   react.useEffect(() => {
-    if (!content) handleIsOpenChange(false);
-  }, [content, handleIsOpenChange]);
+    if (!content && showTooltip) handleIsOpenChange(false);
+  }, [content, handleIsOpenChange, showTooltip]);
   react.useEffect(() => refs.setReference(referenceElement), [referenceElement, refs]);
   react.useEffect(() => {
     if (!showTooltip) return;