@sanity/ui 2.3.6-canary.4 → 2.3.6-canary.6

package/dist/index.compiled.mjs

@@ -3974,11 +3974,11 @@ const MotionCard$1 = styled(motion(Card))`
 PopoverCard.displayName = "PopoverCard";
 const Popover = memo(forwardRef(function(props, forwardedRef) {
   var _a, _b, _c2, _d, _e, _f, _g, _h, _i;
-  const $ = c(99), {
+  const $ = c(100), {
     container,
     layer
   } = useTheme_v2(), boundaryElementContext = useBoundaryElement();
-  let t0, t1, t2, t3, t4, t5, t6, t7, t8, t9, t10, _boundaryElement, _referenceBoundary, _floatingBoundary, _fallbackPlacements, _zOffset, paddingProp, open, matchReferenceWidth, updateRef, children, referenceElement, disabled, restProps, scheme, content, portal;
+  let t0, t1, t2, t3, t4, t5, t6, t7, t8, t9, t10, _boundaryElement, _referenceBoundary, _floatingBoundary, _fallbackPlacements, _zOffset, paddingProp, open, matchReferenceWidth, updateRef, _children, referenceElement, disabled, restProps, scheme, content, portal;
   if ($[0] !== props) {
     const {
       __unstable_margins: t112,
@@ -4010,9 +4010,9 @@ const Popover = memo(forwardRef(function(props, forwardedRef) {
       updateRef: t362,
       ...t37
     } = props;
-    t0 = t112, t1 = t122, t2 = t132, _boundaryElement = t142, children = t152, t3 = t162, content = t172, disabled = t182, _fallbackPlacements = t192, matchReferenceWidth = t202, _floatingBoundary = t212, open = t222, t4 = t232, paddingProp = t242, t5 = t252, portal = t262, t6 = t272, t7 = t282, _referenceBoundary = t292, referenceElement = t302, scheme = t312, t8 = t322, t9 = t332, t10 = t342, _zOffset = t352, updateRef = t362, restProps = t37, $[0] = props, $[1] = t0, $[2] = t1, $[3] = t2, $[4] = t3, $[5] = t4, $[6] = t5, $[7] = t6, $[8] = t7, $[9] = t8, $[10] = t9, $[11] = t10, $[12] = _boundaryElement, $[13] = _referenceBoundary, $[14] = _floatingBoundary, $[15] = _fallbackPlacements, $[16] = _zOffset, $[17] = paddingProp, $[18] = open, $[19] = matchReferenceWidth, $[20] = updateRef, $[21] = children, $[22] = referenceElement, $[23] = disabled, $[24] = restProps, $[25] = scheme, $[26] = content, $[27] = portal;
+    t0 = t112, t1 = t122, t2 = t132, _boundaryElement = t142, _children = t152, t3 = t162, content = t172, disabled = t182, _fallbackPlacements = t192, matchReferenceWidth = t202, _floatingBoundary = t212, open = t222, t4 = t232, paddingProp = t242, t5 = t252, portal = t262, t6 = t272, t7 = t282, _referenceBoundary = t292, referenceElement = t302, scheme = t312, t8 = t322, t9 = t332, t10 = t342, _zOffset = t352, updateRef = t362, restProps = t37, $[0] = props, $[1] = t0, $[2] = t1, $[3] = t2, $[4] = t3, $[5] = t4, $[6] = t5, $[7] = t6, $[8] = t7, $[9] = t8, $[10] = t9, $[11] = t10, $[12] = _boundaryElement, $[13] = _referenceBoundary, $[14] = _floatingBoundary, $[15] = _fallbackPlacements, $[16] = _zOffset, $[17] = paddingProp, $[18] = open, $[19] = matchReferenceWidth, $[20] = updateRef, $[21] = _children, $[22] = referenceElement, $[23] = disabled, $[24] = restProps, $[25] = scheme, $[26] = content, $[27] = portal;
   } else
-    t0 = $[1], t1 = $[2], t2 = $[3], t3 = $[4], t4 = $[5], t5 = $[6], t6 = $[7], t7 = $[8], t8 = $[9], t9 = $[10], t10 = $[11], _boundaryElement = $[12], _referenceBoundary = $[13], _floatingBoundary = $[14], _fallbackPlacements = $[15], _zOffset = $[16], paddingProp = $[17], open = $[18], matchReferenceWidth = $[19], updateRef = $[20], children = $[21], referenceElement = $[22], disabled = $[23], restProps = $[24], scheme = $[25], content = $[26], portal = $[27];
+    t0 = $[1], t1 = $[2], t2 = $[3], t3 = $[4], t4 = $[5], t5 = $[6], t6 = $[7], t7 = $[8], t8 = $[9], t9 = $[10], t10 = $[11], _boundaryElement = $[12], _referenceBoundary = $[13], _floatingBoundary = $[14], _fallbackPlacements = $[15], _zOffset = $[16], paddingProp = $[17], open = $[18], matchReferenceWidth = $[19], updateRef = $[20], _children = $[21], referenceElement = $[22], disabled = $[23], restProps = $[24], scheme = $[25], content = $[26], portal = $[27];
   const margins = t0 === void 0 ? DEFAULT_POPOVER_MARGINS : t0, _animate = t1 === void 0 ? !1 : t1, arrowProp = t2 === void 0 ? !1 : t2, constrainSize = t3 === void 0 ? !1 : t3, overflow = t4 === void 0 ? "hidden" : t4, placementProp = t5 === void 0 ? "bottom" : t5, preventOverflow = t6 === void 0 ? !0 : t6, radiusProp = t7 === void 0 ? 3 : t7, shadowProp = t8 === void 0 ? 3 : t8, tone = t9 === void 0 ? "inherit" : t9, widthProp = t10 === void 0 ? "auto" : t10, boundaryElement = _boundaryElement != null ? _boundaryElement : boundaryElementContext.element, referenceBoundary = (_a = _referenceBoundary != null ? _referenceBoundary : props.boundaryElement) != null ? _a : boundaryElementContext.element, floatingBoundary = (_b = _floatingBoundary != null ? _floatingBoundary : props.boundaryElement) != null ? _b : boundaryElementContext.element, fallbackPlacements = _fallbackPlacements != null ? _fallbackPlacements : DEFAULT_FALLBACK_PLACEMENTS$1[(_c2 = props.placement) != null ? _c2 : "bottom"], zOffsetProp = _zOffset != null ? _zOffset : layer.popover.zOffset, animate = usePrefersReducedMotion() ? !1 : _animate, boundarySize = (_d = useElementSize(boundaryElement)) == null ? void 0 : _d.border;
   let t11, t12;
   $[28] !== paddingProp ? (t12 = _getArrayProp(paddingProp), $[28] = paddingProp, $[29] = t12) : t12 = $[29], t11 = t12;
@@ -4129,34 +4129,45 @@ const Popover = memo(forwardRef(function(props, forwardedRef) {
   let t26, t27;
   $[48] !== update ? (t26 = () => update, t27 = [update], $[48] = update, $[49] = t26, $[50] = t27) : (t26 = $[49], t27 = $[50]), useImperativeHandle(updateRef, t26, t27);
   let t28, t29;
-  if ($[51] !== children || $[52] !== refs || $[53] !== referenceElement ? (t28 = () => {
-    children || refs.setReference(referenceElement || null);
-  }, t29 = [children, referenceElement, refs], $[51] = children, $[52] = refs, $[53] = referenceElement, $[54] = t28, $[55] = t29) : (t28 = $[54], t29 = $[55]), useEffect(t28, t29), disabled) {
-    let t302;
-    return $[56] !== children ? (t302 = children || /* @__PURE__ */ jsx(Fragment, {}), $[56] = children, $[57] = t302) : t302 = $[57], t302;
-  }
+  $[51] !== _children || $[52] !== refs || $[53] !== referenceElement ? (t28 = () => {
+    _children || refs.setReference(referenceElement || null);
+  }, t29 = [_children, referenceElement, refs], $[51] = _children, $[52] = refs, $[53] = referenceElement, $[54] = t28, $[55] = t29) : (t28 = $[54], t29 = $[55]), useEffect(t28, t29);
   let t30;
-  $[58] !== restProps || $[59] !== margins || $[60] !== animate || $[61] !== arrowProp || $[62] !== setArrow || $[63] !== arrowX || $[64] !== arrowY || $[65] !== referenceHidden || $[66] !== overflow || $[67] !== padding || $[68] !== placement || $[69] !== radius || $[70] !== setFloating || $[71] !== scheme || $[72] !== shadow || $[73] !== originX || $[74] !== originY || $[75] !== strategy || $[76] !== tone || $[77] !== x || $[78] !== y || $[79] !== content ? (t30 = /* @__PURE__ */ jsx(PopoverCard, { ...restProps, __unstable_margins: margins, animate, arrow: arrowProp, arrowRef: setArrow, arrowX, arrowY, hidden: referenceHidden, overflow, padding, placement, radius, ref: setFloating, scheme, shadow, originX, originY, strategy, tone, width: matchReferenceWidth ? referenceWidthRef.current : width, x, y, children: content }), $[58] = restProps, $[59] = margins, $[60] = animate, $[61] = arrowProp, $[62] = setArrow, $[63] = arrowX, $[64] = arrowY, $[65] = referenceHidden, $[66] = overflow, $[67] = padding, $[68] = placement, $[69] = radius, $[70] = setFloating, $[71] = scheme, $[72] = shadow, $[73] = originX, $[74] = originY, $[75] = strategy, $[76] = tone, $[77] = x, $[78] = y, $[79] = content, $[80] = t30) : t30 = $[80];
+  bb0: {
+    if (!_children || referenceElement) {
+      t30 = null;
+      break bb0;
+    }
+    let t312;
+    $[56] !== refs ? (t312 = (node_0) => {
+      logDeprecatedWarning(), refs.setReference(node_0);
+    }, $[56] = refs, $[57] = t312) : t312 = $[57];
+    let t322;
+    $[58] !== t312 || $[59] !== _children ? (t322 = cloneElement(_children, {
+      ref: t312
+    }), $[58] = t312, $[59] = _children, $[60] = t322) : t322 = $[60], t30 = t322;
+  }
+  const children = t30;
+  if (disabled) {
+    let t312;
+    return $[61] !== _children ? (t312 = _children || /* @__PURE__ */ jsx(Fragment, {}), $[61] = _children, $[62] = t312) : t312 = $[62], t312;
+  }
   let t31;
-  $[81] !== zOffset || $[82] !== t30 ? (t31 = /* @__PURE__ */ jsx(LayerProvider, { zOffset, children: t30 }), $[81] = zOffset, $[82] = t30, $[83] = t31) : t31 = $[83];
-  const popover = t31;
+  $[63] !== restProps || $[64] !== margins || $[65] !== animate || $[66] !== arrowProp || $[67] !== setArrow || $[68] !== arrowX || $[69] !== arrowY || $[70] !== referenceHidden || $[71] !== overflow || $[72] !== padding || $[73] !== placement || $[74] !== radius || $[75] !== setFloating || $[76] !== scheme || $[77] !== shadow || $[78] !== originX || $[79] !== originY || $[80] !== strategy || $[81] !== tone || $[82] !== x || $[83] !== y || $[84] !== content ? (t31 = /* @__PURE__ */ jsx(PopoverCard, { ...restProps, __unstable_margins: margins, animate, arrow: arrowProp, arrowRef: setArrow, arrowX, arrowY, hidden: referenceHidden, overflow, padding, placement, radius, ref: setFloating, scheme, shadow, originX, originY, strategy, tone, width: matchReferenceWidth ? referenceWidthRef.current : width, x, y, children: content }), $[63] = restProps, $[64] = margins, $[65] = animate, $[66] = arrowProp, $[67] = setArrow, $[68] = arrowX, $[69] = arrowY, $[70] = referenceHidden, $[71] = overflow, $[72] = padding, $[73] = placement, $[74] = radius, $[75] = setFloating, $[76] = scheme, $[77] = shadow, $[78] = originX, $[79] = originY, $[80] = strategy, $[81] = tone, $[82] = x, $[83] = y, $[84] = content, $[85] = t31) : t31 = $[85];
   let t32;
-  $[84] === Symbol.for("react.memo_cache_sentinel") ? (t32 = (children_0) => /* @__PURE__ */ jsx(AnimatePresence, { children: children_0 }), $[84] = t32) : t32 = $[84];
+  $[86] !== zOffset || $[87] !== t31 ? (t32 = /* @__PURE__ */ jsx(LayerProvider, { zOffset, children: t31 }), $[86] = zOffset, $[87] = t31, $[88] = t32) : t32 = $[88];
+  const popover = t32;
   let t33;
-  $[85] !== open || $[86] !== portal || $[87] !== popover ? (t33 = open && /* @__PURE__ */ jsx(ConditionalWrapper, { condition: !!portal, wrapper: (children_1) => /* @__PURE__ */ jsx(Portal, { __unstable_name: typeof portal == "string" ? portal : void 0, children: children_1 }), children: popover }), $[85] = open, $[86] = portal, $[87] = popover, $[88] = t33) : t33 = $[88];
+  $[89] === Symbol.for("react.memo_cache_sentinel") ? (t33 = (children_0) => /* @__PURE__ */ jsx(AnimatePresence, { children: children_0 }), $[89] = t33) : t33 = $[89];
   let t34;
-  $[89] !== animate || $[90] !== t33 ? (t34 = /* @__PURE__ */ jsx(ConditionalWrapper, { condition: animate, wrapper: t32, children: t33 }), $[89] = animate, $[90] = t33, $[91] = t34) : t34 = $[91];
+  $[90] !== open || $[91] !== portal || $[92] !== popover ? (t34 = open && /* @__PURE__ */ jsx(ConditionalWrapper, { condition: !!portal, wrapper: (children_1) => /* @__PURE__ */ jsx(Portal, { __unstable_name: typeof portal == "string" ? portal : void 0, children: children_1 }), children: popover }), $[90] = open, $[91] = portal, $[92] = popover, $[93] = t34) : t34 = $[93];
   let t35;
-  $[92] !== children || $[93] !== referenceElement || $[94] !== refs ? (t35 = children && !referenceElement && /* @__PURE__ */ jsx("div", { ref: (node_0) => {
-    logDeprecatedWarning(), refs.setReference(node_0);
-  }, style: {
-    display: "contents"
-  }, children }), $[92] = children, $[93] = referenceElement, $[94] = refs, $[95] = t35) : t35 = $[95];
+  $[94] !== animate || $[95] !== t34 ? (t35 = /* @__PURE__ */ jsx(ConditionalWrapper, { condition: animate, wrapper: t33, children: t34 }), $[94] = animate, $[95] = t34, $[96] = t35) : t35 = $[96];
   let t36;
-  return $[96] !== t34 || $[97] !== t35 ? (t36 = /* @__PURE__ */ jsxs(Fragment, { children: [
-    t34,
-    t35
-  ] }), $[96] = t34, $[97] = t35, $[98] = t36) : t36 = $[98], t36;
+  return $[97] !== t35 || $[98] !== children ? (t36 = /* @__PURE__ */ jsxs(Fragment, { children: [
+    t35,
+    children
+  ] }), $[97] = t35, $[98] = children, $[99] = t36) : t36 = $[99], t36;
 }));
 Popover.displayName = "Popover";
 let didWarn = !1;
@@ -6056,8 +6067,9 @@ const Root$5 = styled(Box)`
   let t16;
   return $[55] !== value || $[56] !== t15 ? (t16 = /* @__PURE__ */ jsx(MenuContext.Provider, { value, children: t15 }), $[55] = value, $[56] = t15, $[57] = t16) : t16 = $[57], t16;
 }), MenuButton = forwardRef(function(props, forwardedRef) {
-  const {
-    __unstable_disableRestoreFocusOnClose: disableRestoreFocusOnClose = !1,
+  var _a;
+  const $ = c(63), {
+    __unstable_disableRestoreFocusOnClose: t0,
     boundaryElement: deprecated_boundaryElement,
     button: buttonProp,
     id,
@@ -6066,23 +6078,38 @@ const Root$5 = styled(Box)`
     onOpen,
     placement: deprecated_placement,
     popoverScheme: deprecated_popoverScheme,
-    portal: deprecated_portal = !0,
+    portal: t1,
     popover,
     popoverRadius: deprecated_popoverRadius,
     preventOverflow: deprecated_preventOverflow
-  } = props, [open, setOpen] = useState(!1), [shouldFocus, setShouldFocus] = useState(null), [buttonElement, setButtonElement] = useState(null), [menuElements, setChildMenuElements] = useState([]), openRef = useRef(open);
-  useEffect(() => {
+  } = props, disableRestoreFocusOnClose = t0 === void 0 ? !1 : t0, deprecated_portal = t1 === void 0 ? !0 : t1, [open, setOpen] = useState(!1), [shouldFocus, setShouldFocus] = useState(null), [buttonElement, setButtonElement] = useState(null);
+  let t2;
+  $[0] === Symbol.for("react.memo_cache_sentinel") ? (t2 = [], $[0] = t2) : t2 = $[0];
+  const [menuElements, setChildMenuElements] = useState(t2), openRef = useRef(open);
+  let t3, t4;
+  $[1] !== onOpen || $[2] !== open ? (t3 = () => {
     onOpen && open && !openRef.current && onOpen();
-  }, [onOpen, open]), useEffect(() => {
+  }, t4 = [onOpen, open], $[1] = onOpen, $[2] = open, $[3] = t3, $[4] = t4) : (t3 = $[3], t4 = $[4]), useEffect(t3, t4);
+  let t5, t6;
+  $[5] !== onClose || $[6] !== open ? (t5 = () => {
     onClose && !open && openRef.current && onClose();
-  }, [onClose, open]), useEffect(() => {
+  }, t6 = [onClose, open], $[5] = onClose, $[6] = open, $[7] = t5, $[8] = t6) : (t5 = $[7], t6 = $[8]), useEffect(t5, t6);
+  let t7, t8;
+  $[9] !== open ? (t7 = () => {
     openRef.current = open;
-  }, [open]);
-  const handleButtonClick = useCallback(() => {
+  }, t8 = [open], $[9] = open, $[10] = t7, $[11] = t8) : (t7 = $[10], t8 = $[11]), useEffect(t7, t8);
+  let t9;
+  $[12] === Symbol.for("react.memo_cache_sentinel") ? (t9 = () => {
     setOpen((v) => !v), setShouldFocus(null);
-  }, []), handleMouseDown = useCallback((event) => {
+  }, $[12] = t9) : t9 = $[12];
+  const handleButtonClick = t9;
+  let t10;
+  $[13] !== open ? (t10 = (event) => {
     open && event.preventDefault();
-  }, [open]), handleButtonKeyDown = useCallback((event_0) => {
+  }, $[13] = open, $[14] = t10) : t10 = $[14];
+  const handleMouseDown = t10;
+  let t11;
+  $[15] === Symbol.for("react.memo_cache_sentinel") ? (t11 = (event_0) => {
     if (event_0.key === "ArrowDown" || event_0.key === "Enter" || event_0.key === " ") {
       event_0.preventDefault(), setOpen(!0), setShouldFocus("first");
       return;
@@ -6091,7 +6118,10 @@ const Root$5 = styled(Box)`
       event_0.preventDefault(), setOpen(!0), setShouldFocus("last");
       return;
     }
-  }, []), handleMenuClickOutside = useCallback((event_1) => {
+  }, $[15] = t11) : t11 = $[15];
+  const handleButtonKeyDown = t11;
+  let t12;
+  $[16] !== buttonElement || $[17] !== menuElements ? (t12 = (event_1) => {
     const target = event_1.target;
     if (target instanceof Node && !(buttonElement && (target === buttonElement || buttonElement.contains(target)))) {
       for (const el of menuElements)
@@ -6099,9 +6129,15 @@ const Root$5 = styled(Box)`
           return;
       setOpen(!1);
     }
-  }, [buttonElement, menuElements]), handleMenuEscape = useCallback(() => {
+  }, $[16] = buttonElement, $[17] = menuElements, $[18] = t12) : t12 = $[18];
+  const handleMenuClickOutside = t12;
+  let t13;
+  $[19] !== disableRestoreFocusOnClose || $[20] !== buttonElement ? (t13 = () => {
     setOpen(!1), !disableRestoreFocusOnClose && buttonElement && buttonElement.focus();
-  }, [buttonElement, disableRestoreFocusOnClose]), handleBlur = useCallback((event_2) => {
+  }, $[19] = disableRestoreFocusOnClose, $[20] = buttonElement, $[21] = t13) : t13 = $[21];
+  const handleMenuEscape = t13;
+  let t14;
+  $[22] !== menuElements ? (t14 = (event_2) => {
     const target_0 = event_2.relatedTarget;
     if (target_0 instanceof Node) {
       for (const el_0 of menuElements)
@@ -6109,11 +6145,20 @@ const Root$5 = styled(Box)`
           return;
       setOpen(!1);
     }
-  }, [menuElements]), handleItemClick = useCallback(() => {
+  }, $[22] = menuElements, $[23] = t14) : t14 = $[23];
+  const handleBlur = t14;
+  let t15;
+  $[24] !== disableRestoreFocusOnClose || $[25] !== buttonElement ? (t15 = () => {
     setOpen(!1), !disableRestoreFocusOnClose && buttonElement && buttonElement.focus();
-  }, [buttonElement, disableRestoreFocusOnClose]), registerElement = useCallback((el_1) => (setChildMenuElements((els) => els.concat([el_1])), () => {
+  }, $[24] = disableRestoreFocusOnClose, $[25] = buttonElement, $[26] = t15) : t15 = $[26];
+  const handleItemClick = t15;
+  let t16;
+  $[27] === Symbol.for("react.memo_cache_sentinel") ? (t16 = (el_1) => (setChildMenuElements((els) => els.concat([el_1])), () => {
     setChildMenuElements((els_0) => els_0.filter((_el) => _el !== el_1));
-  }), []), menuProps = useMemo(() => ({
+  }), $[27] = t16) : t16 = $[27];
+  const registerElement = t16;
+  let t17;
+  $[28] !== menuProp || $[29] !== id || $[30] !== handleBlur || $[31] !== handleMenuClickOutside || $[32] !== handleMenuEscape || $[33] !== handleItemClick || $[34] !== buttonElement || $[35] !== shouldFocus ? (t17 = menuProp && cloneElement(menuProp, {
     "aria-labelledby": id,
     onBlurCapture: handleBlur,
     onClickOutside: handleMenuClickOutside,
@@ -6122,25 +6167,27 @@ const Root$5 = styled(Box)`
     originElement: buttonElement,
     registerElement,
     shouldFocus
-  }), [buttonElement, handleMenuClickOutside, handleMenuEscape, handleItemClick, id, handleBlur, registerElement, shouldFocus]), menu = menuProp && cloneElement(menuProp, menuProps), ref = useRef(null), button = useMemo(() => {
-    var _a;
-    return buttonProp && cloneElement(buttonProp, {
-      "data-ui": "MenuButton",
-      id,
-      onClick: handleButtonClick,
-      onKeyDown: handleButtonKeyDown,
-      onMouseDown: handleMouseDown,
-      "aria-haspopup": !0,
-      "aria-expanded": open,
-      ref,
-      selected: (_a = buttonProp.props.selected) != null ? _a : open
-    });
-  }, [buttonProp, handleButtonClick, handleButtonKeyDown, handleMouseDown, id, open]);
-  useImperativeHandle(forwardedRef, () => ref.current), useEffect(() => {
-    if (button)
-      return setButtonElement(ref.current), () => setButtonElement(null);
-  }, [button]);
-  const popoverProps = useMemo(() => ({
+  }), $[28] = menuProp, $[29] = id, $[30] = handleBlur, $[31] = handleMenuClickOutside, $[32] = handleMenuEscape, $[33] = handleItemClick, $[34] = buttonElement, $[35] = shouldFocus, $[36] = t17) : t17 = $[36];
+  const menu = t17;
+  let t18, t19;
+  $[37] !== buttonProp || $[38] !== open || $[39] !== id || $[40] !== handleMouseDown ? (t19 = buttonProp && cloneElement(buttonProp, {
+    "data-ui": "MenuButton",
+    id,
+    onClick: handleButtonClick,
+    onKeyDown: handleButtonKeyDown,
+    onMouseDown: handleMouseDown,
+    "aria-haspopup": !0,
+    "aria-expanded": open,
+    ref: setButtonElement,
+    selected: (_a = buttonProp.props.selected) != null ? _a : open
+  }), $[37] = buttonProp, $[38] = open, $[39] = id, $[40] = handleMouseDown, $[41] = t19) : t19 = $[41], t18 = t19;
+  const button = t18;
+  let t20, t21;
+  $[42] !== buttonElement ? (t20 = () => buttonElement, t21 = [buttonElement], $[42] = buttonElement, $[43] = t20, $[44] = t21) : (t20 = $[43], t21 = $[44]), useImperativeHandle(forwardedRef, t20, t21);
+  let t22, t23;
+  $[45] !== popover ? (t23 = popover || {}, $[45] = popover, $[46] = t23) : t23 = $[46];
+  let t24;
+  $[47] !== deprecated_boundaryElement || $[48] !== deprecated_placement || $[49] !== deprecated_portal || $[50] !== deprecated_preventOverflow || $[51] !== deprecated_popoverRadius || $[52] !== deprecated_popoverScheme || $[53] !== t23 ? (t24 = {
     boundaryElement: deprecated_boundaryElement,
     overflow: "auto",
     placement: deprecated_placement,
@@ -6148,9 +6195,16 @@ const Root$5 = styled(Box)`
     preventOverflow: deprecated_preventOverflow,
     radius: deprecated_popoverRadius,
     scheme: deprecated_popoverScheme,
-    ...popover || {}
-  }), [deprecated_boundaryElement, deprecated_placement, deprecated_popoverRadius, deprecated_popoverScheme, deprecated_portal, deprecated_preventOverflow, popover]);
-  return /* @__PURE__ */ jsx(Popover, { "data-ui": "MenuButton__popover", ...popoverProps, content: menu, open, children: button || /* @__PURE__ */ jsx(Fragment, {}) });
+    ...t23
+  }, $[47] = deprecated_boundaryElement, $[48] = deprecated_placement, $[49] = deprecated_portal, $[50] = deprecated_preventOverflow, $[51] = deprecated_popoverRadius, $[52] = deprecated_popoverScheme, $[53] = t23, $[54] = t24) : t24 = $[54], t22 = t24;
+  const popoverProps = t22;
+  let t25;
+  $[55] !== buttonElement || $[56] !== popoverProps || $[57] !== menu || $[58] !== open ? (t25 = /* @__PURE__ */ jsx(Popover, { "data-ui": "MenuButton__popover", referenceElement: buttonElement, ...popoverProps, content: menu, open }), $[55] = buttonElement, $[56] = popoverProps, $[57] = menu, $[58] = open, $[59] = t25) : t25 = $[59];
+  let t26;
+  return $[60] !== t25 || $[61] !== button ? (t26 = /* @__PURE__ */ jsxs(Fragment, { children: [
+    t25,
+    button
+  ] }), $[60] = t25, $[61] = button, $[62] = t26) : t26 = $[62], t26;
 }), MenuDivider = styled.hr`
   height: 1px;
   border: 0;