@sanity/ui 2.15.9 → 2.15.11

package/dist/index.d.mts

@@ -2594,7 +2594,6 @@ export declare const TooltipDelayGroupContext: Context<TooltipDelayGroupContextV
  * @beta
  */
 export declare interface TooltipDelayGroupContextValue {
-  isGroupActive: boolean
   setIsGroupActive: (nextState: React.SetStateAction<boolean>, delay?: number | undefined) => void
   setOpenTooltipId: (nextId: string | null, delay?: number | undefined) => void
   openDelay: number

package/dist/index.d.ts

@@ -2594,7 +2594,6 @@ export declare const TooltipDelayGroupContext: Context<TooltipDelayGroupContextV
  * @beta
  */
 export declare interface TooltipDelayGroupContextValue {
-  isGroupActive: boolean
   setIsGroupActive: (nextState: React.SetStateAction<boolean>, delay?: number | undefined) => void
   setOpenTooltipId: (nextId: string | null, delay?: number | undefined) => void
   openDelay: number

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/ui",
-  "version": "2.15.9",
+  "version": "2.15.11",
   "keywords": [
     "sanity",
     "ui",
@@ -119,7 +119,7 @@
     "@sanity/color": "^3.0.6",
     "@sanity/icons": "^3.7.0",
     "csstype": "^3.1.3",
-    "framer-motion": "^12.5.0",
+    "framer-motion": "^12.6.2",
     "react-compiler-runtime": "19.0.0-beta-e993439-20250328",
     "react-refractor": "^2.2.0",
     "use-effect-event": "^1.0.2"
@@ -128,28 +128,28 @@
     "@babel/core": "^7.26.10",
     "@babel/preset-env": "^7.26.9",
     "@babel/preset-react": "^7.26.3",
-    "@babel/preset-typescript": "^7.26.0",
+    "@babel/preset-typescript": "^7.27.0",
     "@commitlint/cli": "^19.8.0",
     "@commitlint/config-conventional": "^19.8.0",
     "@eslint/js": "^9.23.0",
-    "@sanity/pkg-utils": "^7.1.1",
+    "@sanity/pkg-utils": "^7.2.2",
     "@sanity/prettier-config": "^1.0.3",
     "@sanity/semantic-release-preset": "^5.0.0",
     "@sanity/ui-workshop": "^2.0.33",
-    "@storybook/addon-a11y": "^8.6.8",
-    "@storybook/addon-docs": "^8.6.8",
-    "@storybook/addon-essentials": "^8.6.8",
-    "@storybook/addon-interactions": "^8.6.8",
-    "@storybook/addon-links": "^8.6.8",
-    "@storybook/addon-mdx-gfm": "^8.6.8",
-    "@storybook/addon-storysource": "^8.6.8",
-    "@storybook/addon-themes": "^8.6.8",
-    "@storybook/blocks": "^8.6.8",
-    "@storybook/manager-api": "^8.6.8",
-    "@storybook/react": "^8.6.8",
-    "@storybook/react-vite": "^8.6.8",
-    "@storybook/test": "^8.6.8",
-    "@storybook/theming": "^8.6.8",
+    "@storybook/addon-a11y": "^8.6.11",
+    "@storybook/addon-docs": "^8.6.11",
+    "@storybook/addon-essentials": "^8.6.11",
+    "@storybook/addon-interactions": "^8.6.11",
+    "@storybook/addon-links": "^8.6.11",
+    "@storybook/addon-mdx-gfm": "^8.6.11",
+    "@storybook/addon-storysource": "^8.6.11",
+    "@storybook/addon-themes": "^8.6.11",
+    "@storybook/blocks": "^8.6.11",
+    "@storybook/manager-api": "^8.6.11",
+    "@storybook/react": "^8.6.11",
+    "@storybook/react-vite": "^8.6.11",
+    "@storybook/test": "^8.6.11",
+    "@storybook/theming": "^8.6.11",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
@@ -190,14 +190,14 @@
     "module-alias": "^2.2.3",
     "npm-run-all2": "^5.0.2",
     "prettier": "^3.5.3",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "react-is": "^19.0.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "react-is": "^19.1.0",
     "refractor": "^4.9.0",
     "rimraf": "^5.0.5",
     "semantic-release": "^24.2.3",
     "start-server-and-test": "^2.0.11",
-    "storybook": "^8.6.8",
+    "storybook": "^8.6.11",
     "styled-components": "^6.1.16",
     "tsconfig-paths": "^4.2.0",
     "typescript": "5.8.2",

package/src/core/primitives/tooltip/tooltip.tsx

@@ -184,6 +184,7 @@ export const Tooltip = forwardRef(function Tooltip(
   const tooltipId = useId()
   const [isOpen, setIsOpen] = useDelayedState(false)
   const delayGroupContext = useTooltipDelayGroup()
+  const {setIsGroupActive, setOpenTooltipId} = delayGroupContext || {}
   const showTooltip = isOpen || delayGroupContext?.openTooltipId === tooltipId
 
   const isInsideGroup = delayGroupContext !== null
@@ -200,15 +201,15 @@ export const Tooltip = forwardRef(function Tooltip(
         if (open) {
           const groupedOpenDelay = immediate ? 0 : openDelay
 
-          delayGroupContext.setIsGroupActive(open, groupedOpenDelay)
-          delayGroupContext.setOpenTooltipId(tooltipId, groupedOpenDelay)
+          setIsGroupActive?.(open, groupedOpenDelay)
+          setOpenTooltipId?.(tooltipId, groupedOpenDelay)
         } else {
           const minimumGroupDeactivateDelay = 200 // We should provide some delay to allow the user to reach the next tooltip.
           const groupDeactivateDelay =
             closeDelay > minimumGroupDeactivateDelay ? closeDelay : minimumGroupDeactivateDelay
 
-          delayGroupContext.setIsGroupActive(open, groupDeactivateDelay)
-          delayGroupContext.setOpenTooltipId(null, immediate ? 0 : closeDelay)
+          setIsGroupActive?.(open, groupDeactivateDelay)
+          setOpenTooltipId?.(null, immediate ? 0 : closeDelay)
         }
       } else {
         const standaloneDelay = immediate ? 0 : open ? openDelay : closeDelay
@@ -217,7 +218,15 @@ export const Tooltip = forwardRef(function Tooltip(
         setIsOpen(open, standaloneDelay)
       }
     },
-    [isInsideGroup, delayGroupContext, openDelay, tooltipId, closeDelay, setIsOpen],
+    [
+      isInsideGroup,
+      openDelay,
+      setIsGroupActive,
+      setOpenTooltipId,
+      tooltipId,
+      closeDelay,
+      setIsOpen,
+    ],
   )
 
   const handleBlur = useCallback(
@@ -264,7 +273,7 @@ export const Tooltip = forwardRef(function Tooltip(
   )
 
   // Handle closing the tooltip when the mouse leaves the referenceElement
-  useCloseOnMouseLeave({handleIsOpenChange, referenceElement, showTooltip})
+  useCloseOnMouseLeave({handleIsOpenChange, referenceElement, showTooltip, isInsideGroup})
 
   // Close when `disabled` changes to `true`
   useEffect(() => {
@@ -416,10 +425,12 @@ function useCloseOnMouseLeave({
   handleIsOpenChange,
   referenceElement,
   showTooltip,
+  isInsideGroup,
 }: {
   handleIsOpenChange: (open: boolean, immediate?: boolean) => void
   referenceElement: HTMLElement | null
   showTooltip: boolean
+  isInsideGroup: boolean
 }) {
   // Since we don't want the `mouseevent` events to be attached and removed if the `referenceElement` is changed
   // we use a "effect event" (https://19.react.dev/learn/separating-events-from-effects#reading-latest-props-and-state-with-effect-events)
@@ -441,7 +452,7 @@ function useCloseOnMouseLeave({
   // necessary, because the tooltip might not always close as it should (e.g. when clicking
   // the reference element triggers a CPU-heavy operation.)
   useEffect(() => {
-    if (!showTooltip) return
+    if (!showTooltip || isInsideGroup) return
 
     const handleMouseMove = (event: MouseEvent) => {
       onMouseMove(event.target, () => window.removeEventListener('mousemove', handleMouseMove))
@@ -450,5 +461,5 @@ function useCloseOnMouseLeave({
     window.addEventListener('mousemove', handleMouseMove)
 
     return () => window.removeEventListener('mousemove', handleMouseMove)
-  }, [showTooltip])
+  }, [isInsideGroup, showTooltip])
 }

package/src/core/primitives/tooltip/tooltipDelayGroup/tooltipDelayGroupProvider.tsx

@@ -39,7 +39,6 @@ export function TooltipDelayGroupProvider(
 
   const value: TooltipDelayGroupContextValue = useMemo(
     () => ({
-      isGroupActive: isGroupActive,
       setIsGroupActive: setIsGroupActive,
       openTooltipId: openTooltipId,
       setOpenTooltipId: setOpenTooltipId,

package/src/core/primitives/tooltip/tooltipDelayGroup/types.ts

@@ -2,7 +2,6 @@
  * @beta
  */
 export interface TooltipDelayGroupContextValue {
-  isGroupActive: boolean
   setIsGroupActive: (nextState: React.SetStateAction<boolean>, delay?: number | undefined) => void
   setOpenTooltipId: (nextId: string | null, delay?: number | undefined) => void
   openDelay: number