@sanity/ui 2.9.0-canary.5 → 2.9.0-canary.6

package/dist/index.esm.js

@@ -1,7 +1,7 @@
 import { buildTheme, createColorTheme as createColorTheme$1, hexToRgb as hexToRgb$1, hslToRgb as hslToRgb$1, multiply as multiply$1, parseColor as parseColor$1, rgbToHex as rgbToHex$1, rgbToHsl as rgbToHsl$1, rgba as rgba$1, screen as screen$1, getTheme_v2, getScopedTheme } from "@sanity/ui/theme";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { c } from "react-compiler-runtime";
-import { useState, useRef, useEffect, useDebugValue, useImperativeHandle, useSyncExternalStore, createContext, useContext, forwardRef, useId, Children, isValidElement, cloneElement, Component, memo, useLayoutEffect, useMemo, useCallback, useReducer, Fragment as Fragment$1, startTransition } from "react";
+import { useState, useRef, useEffect, useDebugValue, useImperativeHandle, useSyncExternalStore, createContext, useContext, forwardRef, useId, Children, isValidElement, cloneElement, Component, memo, useLayoutEffect, useReducer, Fragment as Fragment$1, startTransition } from "react";
 import ReactIs, { isValidElementType } from "react-is";
 import { ThemeProvider as ThemeProvider$1, useTheme as useTheme$1, css, styled, keyframes } from "styled-components";
 import { SpinnerIcon, CheckmarkIcon, RemoveIcon, ChevronDownIcon, CloseIcon, ChevronRightIcon, ToggleArrowRightIcon } from "@sanity/icons";
@@ -3973,7 +3973,7 @@ const Popover = memo(forwardRef(function(props, forwardedRef) {
   }, $[73] = refs, $[74] = t25) : t25 = $[74];
   const setReference = t25, t26 = childProp;
   let t27;
-  $[75] !== t26 ? (t27 = getElementRef(t26), $[75] = t26, $[76] = t27) : t27 = $[76];
+  $[75] !== t26 ? (t27 = getElementRef$1(t26), $[75] = t26, $[76] = t27) : t27 = $[76];
   let t28, t29;
   $[77] !== childElement ? (t28 = () => childElement, t29 = [childElement], $[77] = childElement, $[78] = t28, $[79] = t29) : (t28 = $[78], t29 = $[79]), useImperativeHandle(t27, t28, t29);
   let t30;
@@ -4014,7 +4014,7 @@ const Popover = memo(forwardRef(function(props, forwardedRef) {
   ] }), $[125] = t38, $[126] = child, $[127] = t39) : t39 = $[127], t39;
 }));
 Popover.displayName = "Memo(ForwardRef(Popover))";
-function getElementRef(element) {
+function getElementRef$1(element) {
   if (!element) return null;
   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);
@@ -4848,55 +4848,80 @@ TooltipDelayGroupProvider.displayName = "TooltipDelayGroupProvider";
 const Root$a = styled(Layer)`
   pointer-events: none;
 `, Tooltip = forwardRef(function(props, forwardedRef) {
-  const boundaryElementContext = useBoundaryElement(), {
+  const $ = c(142), boundaryElementContext = useBoundaryElement(), {
     layer
-  } = useTheme_v2(), {
-    animate: _animate = !1,
-    arrow: arrowProp = !1,
+  } = useTheme_v2();
+  let t0, t1, t2, t3, t4, t5, _boundaryElement, _fallbackPlacementsProp, _zOffset, portalProp, delay, childProp, disabled, content, restProps, scheme;
+  $[0] !== props ? ({
+    animate: t0,
+    arrow: t1,
     boundaryElement: _boundaryElement,
     children: childProp,
     content,
     disabled,
     fallbackPlacements: _fallbackPlacementsProp,
-    padding = 2,
-    placement: placementProp = "bottom",
+    padding: t2,
+    placement: t3,
     portal: portalProp,
-    radius = 2,
+    radius: t4,
     scheme,
-    shadow = 2,
+    shadow: t5,
     zOffset: _zOffset,
     delay,
     ...restProps
-  } = props, boundaryElement = _boundaryElement ?? boundaryElementContext?.element, fallbackPlacementsProp = _fallbackPlacementsProp ?? DEFAULT_FALLBACK_PLACEMENTS[props.placement ?? "bottom"], zOffset = _zOffset ?? layer.tooltip.zOffset, animate = usePrefersReducedMotion() ? !1 : _animate, fallbackPlacements = useArrayProp(fallbackPlacementsProp), ref = useRef(null), [referenceElement, setReferenceElement] = useState(null), arrowRef = useRef(null), rootBoundary = "viewport", [tooltipMaxWidth, setTooltipMaxWidth] = useState(0);
-  useImperativeHandle(forwardedRef, () => ref.current);
-  const portal = usePortal(), portalElement = typeof portalProp == "string" ? portal.elements?.[portalProp] || null : portal.element, middleware = useMemo(() => {
-    const ret = [];
-    return ret.push(flip({
-      boundary: boundaryElement || void 0,
+  } = props, $[0] = props, $[1] = t0, $[2] = t1, $[3] = t2, $[4] = t3, $[5] = t4, $[6] = t5, $[7] = _boundaryElement, $[8] = _fallbackPlacementsProp, $[9] = _zOffset, $[10] = portalProp, $[11] = delay, $[12] = childProp, $[13] = disabled, $[14] = content, $[15] = restProps, $[16] = scheme) : (t0 = $[1], t1 = $[2], t2 = $[3], t3 = $[4], t4 = $[5], t5 = $[6], _boundaryElement = $[7], _fallbackPlacementsProp = $[8], _zOffset = $[9], portalProp = $[10], delay = $[11], childProp = $[12], disabled = $[13], content = $[14], restProps = $[15], scheme = $[16]);
+  const _animate = t0 === void 0 ? !1 : t0, arrowProp = t1 === void 0 ? !1 : t1, padding = t2 === void 0 ? 2 : t2, placementProp = t3 === void 0 ? "bottom" : t3, radius = t4 === void 0 ? 2 : t4, shadow = t5 === void 0 ? 2 : t5, boundaryElement = _boundaryElement ?? boundaryElementContext?.element, fallbackPlacementsProp = _fallbackPlacementsProp ?? DEFAULT_FALLBACK_PLACEMENTS[props.placement ?? "bottom"], zOffset = _zOffset ?? layer.tooltip.zOffset, animate = usePrefersReducedMotion() ? !1 : _animate, fallbackPlacements = useArrayProp(fallbackPlacementsProp), ref = useRef(null), [referenceElement, setReferenceElement] = useState(null), [arrowElement, setArrowElement] = useState(null), [tooltipMaxWidth, setTooltipMaxWidth] = useState(0);
+  let t6;
+  $[17] === Symbol.for("react.memo_cache_sentinel") ? (t6 = () => ref.current, $[17] = t6) : t6 = $[17], useImperativeHandle(forwardedRef, t6);
+  const portal = usePortal(), portalElement = typeof portalProp == "string" ? portal.elements?.[portalProp] || null : portal.element;
+  let t7, ret;
+  if ($[18] !== boundaryElement || $[19] !== fallbackPlacements || $[20] !== arrowProp || $[21] !== arrowElement || $[22] !== animate) {
+    ret = [];
+    const t82 = boundaryElement || void 0;
+    let t92;
+    $[24] !== t82 || $[25] !== fallbackPlacements ? (t92 = flip({
+      boundary: t82,
       fallbackPlacements,
       padding: DEFAULT_TOOLTIP_PADDING,
-      rootBoundary
-    })), ret.push(offset({
+      rootBoundary: "viewport"
+    }), $[24] = t82, $[25] = fallbackPlacements, $[26] = t92) : t92 = $[26], ret.push(t92);
+    let t102;
+    $[27] === Symbol.for("react.memo_cache_sentinel") ? (t102 = offset({
       mainAxis: DEFAULT_TOOLTIP_DISTANCE
-    })), ret.push(shift({
-      boundary: boundaryElement || void 0,
-      rootBoundary,
-      padding: DEFAULT_TOOLTIP_PADDING
-    })), arrowProp && ret.push(arrow({
-      element: arrowRef,
+    }), $[27] = t102) : t102 = $[27], ret.push(t102);
+    const t112 = boundaryElement || void 0;
+    let t122;
+    if ($[28] !== t112 ? (t122 = shift({
+      boundary: t112,
+      rootBoundary: "viewport",
       padding: DEFAULT_TOOLTIP_PADDING
-    })), animate && ret.push(origin), ret;
-  }, [animate, arrowProp, boundaryElement, fallbackPlacements]), {
+    }), $[28] = t112, $[29] = t122) : t122 = $[29], ret.push(t122), arrowProp) {
+      let t132;
+      $[30] !== arrowElement ? (t132 = arrow({
+        element: arrowElement,
+        padding: DEFAULT_TOOLTIP_PADDING
+      }), $[30] = arrowElement, $[31] = t132) : t132 = $[31], ret.push(t132);
+    }
+    animate && ret.push(origin), $[18] = boundaryElement, $[19] = fallbackPlacements, $[20] = arrowProp, $[21] = arrowElement, $[22] = animate, $[23] = ret;
+  } else
+    ret = $[23];
+  t7 = ret;
+  const middleware = t7;
+  let t8;
+  $[32] !== middleware || $[33] !== placementProp ? (t8 = {
+    middleware,
+    placement: placementProp,
+    whileElementsMounted: autoUpdate
+  }, $[32] = middleware, $[33] = placementProp, $[34] = t8) : t8 = $[34];
+  const {
     floatingStyles,
     placement,
     middlewareData,
     refs,
     update
-  } = useFloating({
-    middleware,
-    placement: placementProp,
-    whileElementsMounted: autoUpdate
-  }), arrowX = middlewareData.arrow?.x, arrowY = middlewareData.arrow?.y, originX = middlewareData["@sanity/ui/origin"]?.originX, originY = middlewareData["@sanity/ui/origin"]?.originY, tooltipId = useId(), [isOpen, setIsOpen] = useDelayedState(!1), delayGroupContext = useTooltipDelayGroup(), showTooltip = isOpen || delayGroupContext?.openTooltipId === tooltipId, isInsideGroup = delayGroupContext !== null, openDelayProp = typeof delay == "number" ? delay : delay?.open || 0, closeDelayProp = typeof delay == "number" ? delay : delay?.close || 0, openDelay = isInsideGroup ? delayGroupContext.openDelay : openDelayProp, closeDelay = isInsideGroup ? delayGroupContext.closeDelay : closeDelayProp, handleIsOpenChange = useCallback((open, immediate) => {
+  } = useFloating(t8), arrowX = middlewareData.arrow?.x, arrowY = middlewareData.arrow?.y, originX = middlewareData["@sanity/ui/origin"]?.originX, originY = middlewareData["@sanity/ui/origin"]?.originY, tooltipId = useId(), [isOpen, setIsOpen] = useDelayedState(!1), delayGroupContext = useTooltipDelayGroup(), showTooltip = isOpen || delayGroupContext?.openTooltipId === tooltipId, isInsideGroup = delayGroupContext !== null, openDelayProp = typeof delay == "number" ? delay : delay?.open || 0, closeDelayProp = typeof delay == "number" ? delay : delay?.close || 0, openDelay = isInsideGroup ? delayGroupContext.openDelay : openDelayProp, closeDelay = isInsideGroup ? delayGroupContext.closeDelay : closeDelayProp;
+  let t9;
+  $[35] !== isInsideGroup || $[36] !== openDelay || $[37] !== delayGroupContext || $[38] !== tooltipId || $[39] !== closeDelay || $[40] !== setIsOpen ? (t9 = (open, immediate) => {
     if (isInsideGroup)
       if (open) {
         const groupedOpenDelay = immediate ? 0 : openDelay;
@@ -4907,67 +4932,133 @@ const Root$a = styled(Layer)`
       }
     else
       setIsOpen(open, immediate ? 0 : open ? openDelay : closeDelay);
-  }, [isInsideGroup, delayGroupContext, openDelay, tooltipId, closeDelay, setIsOpen]), handleBlur = useCallback((e) => {
+  }, $[35] = isInsideGroup, $[36] = openDelay, $[37] = delayGroupContext, $[38] = tooltipId, $[39] = closeDelay, $[40] = setIsOpen, $[41] = t9) : t9 = $[41];
+  const handleIsOpenChange = t9;
+  let t10;
+  $[42] !== handleIsOpenChange || $[43] !== childProp ? (t10 = (e) => {
     handleIsOpenChange(!1), childProp?.props?.onBlur?.(e);
-  }, [childProp?.props, handleIsOpenChange]), handleClick = useCallback((e_0) => {
+  }, $[42] = handleIsOpenChange, $[43] = childProp, $[44] = t10) : t10 = $[44];
+  const handleBlur = t10;
+  let t11;
+  $[45] !== handleIsOpenChange || $[46] !== childProp ? (t11 = (e_0) => {
     handleIsOpenChange(!1, !0), childProp?.props.onClick?.(e_0);
-  }, [childProp?.props, handleIsOpenChange]), handleContextMenu = useCallback((e_1) => {
+  }, $[45] = handleIsOpenChange, $[46] = childProp, $[47] = t11) : t11 = $[47];
+  const handleClick = t11;
+  let t12;
+  $[48] !== handleIsOpenChange || $[49] !== childProp ? (t12 = (e_1) => {
     handleIsOpenChange(!1, !0), childProp?.props.onContextMenu?.(e_1);
-  }, [childProp?.props, handleIsOpenChange]), handleFocus = useCallback((e_2) => {
+  }, $[48] = handleIsOpenChange, $[49] = childProp, $[50] = t12) : t12 = $[50];
+  const handleContextMenu = t12;
+  let t13;
+  $[51] !== handleIsOpenChange || $[52] !== childProp ? (t13 = (e_2) => {
     handleIsOpenChange(!0), childProp?.props?.onFocus?.(e_2);
-  }, [childProp?.props, handleIsOpenChange]), handleMouseEnter = useCallback((e_3) => {
+  }, $[51] = handleIsOpenChange, $[52] = childProp, $[53] = t13) : t13 = $[53];
+  const handleFocus = t13;
+  let t14;
+  $[54] !== handleIsOpenChange || $[55] !== childProp ? (t14 = (e_3) => {
     handleIsOpenChange(!0), childProp?.props?.onMouseEnter?.(e_3);
-  }, [childProp?.props, handleIsOpenChange]), handleMouseLeave = useCallback((e_4) => {
+  }, $[54] = handleIsOpenChange, $[55] = childProp, $[56] = t14) : t14 = $[56];
+  const handleMouseEnter = t14;
+  let t15;
+  $[57] !== handleIsOpenChange || $[58] !== childProp ? (t15 = (e_4) => {
     handleIsOpenChange(!1), childProp?.props?.onMouseLeave?.(e_4);
-  }, [childProp?.props, handleIsOpenChange]);
-  useCloseOnMouseLeave({
+  }, $[57] = handleIsOpenChange, $[58] = childProp, $[59] = t15) : t15 = $[59];
+  const handleMouseLeave = t15;
+  let t16;
+  $[60] !== handleIsOpenChange || $[61] !== referenceElement || $[62] !== showTooltip ? (t16 = {
     handleIsOpenChange,
     referenceElement,
     showTooltip
-  }), useEffect(() => {
+  }, $[60] = handleIsOpenChange, $[61] = referenceElement, $[62] = showTooltip, $[63] = t16) : t16 = $[63], useCloseOnMouseLeave(t16);
+  let t17, t18;
+  $[64] !== disabled || $[65] !== showTooltip || $[66] !== handleIsOpenChange ? (t17 = () => {
     disabled && showTooltip && handleIsOpenChange(!1);
-  }, [disabled, handleIsOpenChange, showTooltip]), useEffect(() => {
+  }, t18 = [disabled, handleIsOpenChange, showTooltip], $[64] = disabled, $[65] = showTooltip, $[66] = handleIsOpenChange, $[67] = t17, $[68] = t18) : (t17 = $[67], t18 = $[68]), useEffect(t17, t18);
+  let t19, t20;
+  $[69] !== content || $[70] !== showTooltip || $[71] !== handleIsOpenChange ? (t19 = () => {
     !content && showTooltip && handleIsOpenChange(!1);
-  }, [content, handleIsOpenChange, showTooltip]), useEffect(() => refs.setReference(referenceElement), [referenceElement, refs]), useEffect(() => {
-    if (!showTooltip) return;
-    function handleWindowKeyDown(event) {
+  }, t20 = [content, handleIsOpenChange, showTooltip], $[69] = content, $[70] = showTooltip, $[71] = handleIsOpenChange, $[72] = t19, $[73] = t20) : (t19 = $[72], t20 = $[73]), useEffect(t19, t20);
+  let t21, t22;
+  $[74] !== refs || $[75] !== referenceElement ? (t21 = () => refs.setReference(referenceElement), t22 = [referenceElement, refs], $[74] = refs, $[75] = referenceElement, $[76] = t21, $[77] = t22) : (t21 = $[76], t22 = $[77]), useEffect(t21, t22);
+  let t23, t24;
+  $[78] !== showTooltip || $[79] !== handleIsOpenChange ? (t23 = () => {
+    if (!showTooltip)
+      return;
+    const handleWindowKeyDown = function(event) {
       event.key === "Escape" && handleIsOpenChange(!1, !0);
-    }
+    };
     return window.addEventListener("keydown", handleWindowKeyDown), () => {
       window.removeEventListener("keydown", handleWindowKeyDown);
     };
-  }, [handleIsOpenChange, showTooltip]), useLayoutEffect(() => {
+  }, t24 = [handleIsOpenChange, showTooltip], $[78] = showTooltip, $[79] = handleIsOpenChange, $[80] = t23, $[81] = t24) : (t23 = $[80], t24 = $[81]), useEffect(t23, t24);
+  let t25, t26;
+  $[82] !== boundaryElement || $[83] !== portalElement ? (t25 = () => {
     const availableWidths = [...boundaryElement ? [boundaryElement.offsetWidth] : [], portalElement?.offsetWidth || document.body.offsetWidth];
     setTooltipMaxWidth(Math.min(...availableWidths) - DEFAULT_TOOLTIP_PADDING * 2);
-  }, [boundaryElement, portalElement]);
-  const setArrow = useCallback((arrowEl) => {
-    arrowRef.current = arrowEl, update();
-  }, [update]), setFloating = useCallback((node) => {
+  }, t26 = [boundaryElement, portalElement], $[82] = boundaryElement, $[83] = portalElement, $[84] = t25, $[85] = t26) : (t25 = $[84], t26 = $[85]), useLayoutEffect(t25, t26);
+  let t27;
+  $[86] !== update ? (t27 = (arrowEl) => {
+    setArrowElement(arrowEl), update();
+  }, $[86] = update, $[87] = t27) : t27 = $[87];
+  const setArrow = t27;
+  let t28;
+  $[88] !== refs ? (t28 = (node) => {
     ref.current = node, refs.setFloating(node);
-  }, [refs]), childRef = useRef(null);
-  useImperativeHandle(childProp?.ref, () => childRef.current);
-  const child = useMemo(() => childProp ? cloneElement(childProp, {
-    onBlur: handleBlur,
-    onFocus: handleFocus,
-    onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave,
-    onClick: handleClick,
-    onContextMenu: handleContextMenu,
-    ref: childRef
-  }) : null, [childProp, handleBlur, handleClick, handleContextMenu, handleFocus, handleMouseEnter, handleMouseLeave]);
-  if (useEffect(() => {
+  }, $[88] = refs, $[89] = t28) : t28 = $[89];
+  const setFloating = t28, childRef = useRef(null), [childElement, setChildElement] = useState(null), t29 = childProp;
+  let t30;
+  $[90] !== t29 ? (t30 = getElementRef(t29), $[90] = t29, $[91] = t30) : t30 = $[91];
+  let t31, t32;
+  $[92] !== childElement ? (t31 = () => childElement, t32 = [childElement], $[92] = childElement, $[93] = t31, $[94] = t32) : (t31 = $[93], t32 = $[94]), useImperativeHandle(t30, t31, t32);
+  let t33;
+  bb0: {
+    if (!childProp) {
+      t33 = null;
+      break bb0;
+    }
+    let t342;
+    $[95] !== handleBlur || $[96] !== handleFocus || $[97] !== handleMouseEnter || $[98] !== handleMouseLeave || $[99] !== handleClick || $[100] !== handleContextMenu || $[101] !== childProp ? (t342 = cloneElement(childProp, {
+      onBlur: handleBlur,
+      onFocus: handleFocus,
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      onClick: handleClick,
+      onContextMenu: handleContextMenu,
+      ref: setChildElement
+    }), $[95] = handleBlur, $[96] = handleFocus, $[97] = handleMouseEnter, $[98] = handleMouseLeave, $[99] = handleClick, $[100] = handleContextMenu, $[101] = childProp, $[102] = t342) : t342 = $[102], t33 = t342;
+  }
+  const child = t33;
+  let t34, t35;
+  if ($[103] !== child ? (t34 = () => {
     if (child)
       return setReferenceElement(childRef.current), () => setReferenceElement(null);
-  }, [child]), !child) return /* @__PURE__ */ jsx(Fragment, {});
-  if (disabled) return child;
-  const tooltip = /* @__PURE__ */ jsx(Root$a, { "data-ui": "Tooltip", ...restProps, ref: setFloating, style: {
+  }, t35 = [child], $[103] = child, $[104] = t34, $[105] = t35) : (t34 = $[104], t35 = $[105]), useEffect(t34, t35), !child) {
+    let t362;
+    return $[106] === Symbol.for("react.memo_cache_sentinel") ? (t362 = /* @__PURE__ */ jsx(Fragment, {}), $[106] = t362) : t362 = $[106], t362;
+  }
+  if (disabled)
+    return child;
+  const t36 = tooltipMaxWidth > 0 ? `${tooltipMaxWidth}px` : void 0;
+  let t37;
+  $[107] !== floatingStyles || $[108] !== t36 ? (t37 = {
     ...floatingStyles,
-    maxWidth: tooltipMaxWidth > 0 ? `${tooltipMaxWidth}px` : void 0
-  }, zOffset, children: /* @__PURE__ */ jsx(TooltipCard, { ...restProps, animate, arrow: arrowProp, arrowRef: setArrow, arrowX, arrowY, originX, originY, padding, placement, radius, ref: setFloating, scheme, shadow, children: content }) }), children = showTooltip && (portalProp ? /* @__PURE__ */ jsx(Portal, { __unstable_name: typeof portalProp == "string" ? portalProp : void 0, children: tooltip }) : tooltip);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    animate ? /* @__PURE__ */ jsx(AnimatePresence, { children }) : children,
+    maxWidth: t36
+  }, $[107] = floatingStyles, $[108] = t36, $[109] = t37) : t37 = $[109];
+  let t38;
+  $[110] !== restProps || $[111] !== animate || $[112] !== arrowProp || $[113] !== setArrow || $[114] !== arrowX || $[115] !== arrowY || $[116] !== originX || $[117] !== originY || $[118] !== padding || $[119] !== placement || $[120] !== radius || $[121] !== setFloating || $[122] !== scheme || $[123] !== shadow || $[124] !== content ? (t38 = /* @__PURE__ */ jsx(TooltipCard, { ...restProps, animate, arrow: arrowProp, arrowRef: setArrow, arrowX, arrowY, originX, originY, padding, placement, radius, ref: setFloating, scheme, shadow, children: content }), $[110] = restProps, $[111] = animate, $[112] = arrowProp, $[113] = setArrow, $[114] = arrowX, $[115] = arrowY, $[116] = originX, $[117] = originY, $[118] = padding, $[119] = placement, $[120] = radius, $[121] = setFloating, $[122] = scheme, $[123] = shadow, $[124] = content, $[125] = t38) : t38 = $[125];
+  let t39;
+  $[126] !== restProps || $[127] !== setFloating || $[128] !== t37 || $[129] !== zOffset || $[130] !== t38 ? (t39 = /* @__PURE__ */ jsx(Root$a, { "data-ui": "Tooltip", ...restProps, ref: setFloating, style: t37, zOffset, children: t38 }), $[126] = restProps, $[127] = setFloating, $[128] = t37, $[129] = zOffset, $[130] = t38, $[131] = t39) : t39 = $[131];
+  const tooltip = t39;
+  let t40;
+  $[132] !== showTooltip || $[133] !== portalProp || $[134] !== tooltip ? (t40 = showTooltip && (portalProp ? /* @__PURE__ */ jsx(Portal, { __unstable_name: typeof portalProp == "string" ? portalProp : void 0, children: tooltip }) : tooltip), $[132] = showTooltip, $[133] = portalProp, $[134] = tooltip, $[135] = t40) : t40 = $[135];
+  const children = t40;
+  let t41;
+  $[136] !== animate || $[137] !== children ? (t41 = animate ? /* @__PURE__ */ jsx(AnimatePresence, { children }) : children, $[136] = animate, $[137] = children, $[138] = t41) : t41 = $[138];
+  let t42;
+  return $[139] !== t41 || $[140] !== child ? (t42 = /* @__PURE__ */ jsxs(Fragment, { children: [
+    t41,
     child
-  ] });
+  ] }), $[139] = t41, $[140] = child, $[141] = t42) : t42 = $[141], t42;
 });
 Tooltip.displayName = "ForwardRef(Tooltip)";
 function useCloseOnMouseLeave(t0) {
@@ -4991,6 +5082,11 @@ function useCloseOnMouseLeave(t0) {
     return window.addEventListener("mousemove", handleMouseMove), () => window.removeEventListener("mousemove", handleMouseMove);
   }, t3 = [onMouseMove, showTooltip], $[3] = showTooltip, $[4] = onMouseMove, $[5] = t2, $[6] = t3) : (t2 = $[5], t3 = $[6]), useEffect(t2, t3);
 }
+function getElementRef(element) {
+  if (!element) return null;
+  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 Root$9 = styled.div`
   line-height: 0;
 `, ListBox = styled(Box)`