@cube-dev/ui-kit 0.182.0 → 0.184.0

package/dist/components/actions/Menu/MenuSection.js

@@ -1,49 +1,97 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
-import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
 import { MenuItem } from "./MenuItem.js";
 import { StyledMenu, StyledSection, StyledSectionHeading } from "./styled.js";
+import { c } from "react-compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useMenuSection } from "react-aria";
 
 //#region src/components/actions/Menu/MenuSection.tsx
 /** @private */
 function MenuSection(props) {
+	const $ = c(24);
 	const { item, state, styles, itemStyles, headingStyles, size } = props;
 	const heading = item.rendered;
-	const { itemProps, headingProps, groupProps } = useMenuSection({
-		heading,
-		"aria-label": item["aria-label"]
-	});
-	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(StyledSection, {
-		...itemProps,
-		styles,
-		children: [heading && /* @__PURE__ */ jsx(StyledSectionHeading, {
+	const t0 = item["aria-label"];
+	let t1;
+	if ($[0] !== heading || $[1] !== t0) {
+		t1 = {
+			heading,
+			"aria-label": t0
+		};
+		$[0] = heading;
+		$[1] = t0;
+		$[2] = t1;
+	} else t1 = $[2];
+	const { itemProps, headingProps, groupProps } = useMenuSection(t1);
+	let t2;
+	if ($[3] !== heading || $[4] !== headingProps || $[5] !== headingStyles || $[6] !== size) {
+		t2 = heading && /* @__PURE__ */ jsx(StyledSectionHeading, {
 			...headingProps,
 			size,
 			styles: headingStyles,
 			children: heading
-		}), /* @__PURE__ */ jsx(StyledMenu, {
+		});
+		$[3] = heading;
+		$[4] = headingProps;
+		$[5] = headingStyles;
+		$[6] = size;
+		$[7] = t2;
+	} else t2 = $[7];
+	let t3;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = { section: true };
+		$[8] = t3;
+	} else t3 = $[8];
+	let t4;
+	if ($[9] !== item.childNodes) {
+		t4 = [...item.childNodes];
+		$[9] = item.childNodes;
+		$[10] = t4;
+	} else t4 = $[10];
+	let t5;
+	if ($[11] !== itemStyles || $[12] !== size || $[13] !== state || $[14] !== t4) {
+		t5 = t4.map((node) => {
+			let menuItem = /* @__PURE__ */ jsx(MenuItem, {
+				item: node,
+				styles: itemStyles,
+				state,
+				size,
+				onAction: node.onAction
+			}, node.key);
+			if (node.props.wrapper) menuItem = node.props.wrapper(menuItem);
+			return menuItem;
+		});
+		$[11] = itemStyles;
+		$[12] = size;
+		$[13] = state;
+		$[14] = t4;
+		$[15] = t5;
+	} else t5 = $[15];
+	let t6;
+	if ($[16] !== groupProps || $[17] !== t5) {
+		t6 = /* @__PURE__ */ jsx(StyledMenu, {
 			...groupProps,
-			mods: { section: true },
-			children: [...item.childNodes].map((node) => {
-				let menuItem = /* @__PURE__ */ jsx(MenuItem, {
-					item: node,
-					styles: itemStyles,
-					state,
-					size,
-					onAction: node.onAction
-				}, node.key);
-				if (node.props.tooltip) menuItem = /* @__PURE__ */ jsx(TooltipProvider, {
-					activeWrap: true,
-					placement: "right",
-					...typeof node.props.tooltip === "string" ? { title: node.props.tooltip } : node.props.tooltip,
-					children: menuItem
-				}, node.key);
-				if (node.props.wrapper) menuItem = node.props.wrapper(menuItem);
-				return menuItem;
-			})
-		})]
-	}) });
+			mods: t3,
+			children: t5
+		});
+		$[16] = groupProps;
+		$[17] = t5;
+		$[18] = t6;
+	} else t6 = $[18];
+	let t7;
+	if ($[19] !== itemProps || $[20] !== styles || $[21] !== t2 || $[22] !== t6) {
+		t7 = /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(StyledSection, {
+			...itemProps,
+			styles,
+			children: [t2, t6]
+		}) });
+		$[19] = itemProps;
+		$[20] = styles;
+		$[21] = t2;
+		$[22] = t6;
+		$[23] = t7;
+	} else t7 = $[23];
+	return t7;
 }
 
 //#endregion

package/dist/components/actions/Menu/MenuSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuSection.js","names":[],"sources":["../../../../src/components/actions/Menu/MenuSection.tsx"],"sourcesContent":["import { Styles } from '@tenphi/tasty';\nimport { useMenuSection } from 'react-aria';\n\nimport { TooltipProvider } from '../../overlays/Tooltip/TooltipProvider';\n\nimport { MenuItem, MenuItemProps } from './MenuItem';\nimport { StyledMenu, StyledSection, StyledSectionHeading } from './styled';\n\nexport interface CubeMenuSectionProps<T> extends MenuItemProps<T> {\n  itemStyles?: Styles;\n  headingStyles?: Styles;\n  size?: 'small' | 'medium' | (string & {});\n}\n\n/** @private */\nexport function MenuSection<T>(props: CubeMenuSectionProps<T>) {\n  const { item, state, styles, itemStyles, headingStyles, size } = props;\n  const heading = item.rendered;\n  const { itemProps, headingProps, groupProps } = useMenuSection({\n    heading,\n    'aria-label': item['aria-label'],\n  });\n\n  return (\n    <>\n      <StyledSection {...itemProps} styles={styles}>\n        {heading && (\n          <StyledSectionHeading\n            {...headingProps}\n            size={size}\n            styles={headingStyles}\n          >\n            {heading}\n          </StyledSectionHeading>\n        )}\n        <StyledMenu {...groupProps} mods={{ section: true }}>\n          {[...item.childNodes].map((node) => {\n            let menuItem = (\n              <MenuItem\n                key={node.key}\n                item={node}\n                styles={itemStyles}\n                state={state}\n                size={size}\n                onAction={(node as unknown as MenuItemProps<T>).onAction}\n              />\n            );\n\n            // Apply tooltip wrapper if tooltip property is provided\n            if (node.props.tooltip) {\n              const tooltipProps =\n                typeof node.props.tooltip === 'string'\n                  ? { title: node.props.tooltip }\n                  : node.props.tooltip;\n\n              menuItem = (\n                <TooltipProvider\n                  key={node.key}\n                  activeWrap\n                  placement=\"right\"\n                  {...tooltipProps}\n                >\n                  {menuItem}\n                </TooltipProvider>\n              );\n            }\n\n            if (node.props.wrapper) {\n              menuItem = node.props.wrapper(menuItem);\n            }\n\n            return menuItem;\n          })}\n        </StyledMenu>\n      </StyledSection>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;AAeA,SAAgB,YAAe,OAAgC;CAC7D,MAAM,EAAE,MAAM,OAAO,QAAQ,YAAY,eAAe,SAAS;CACjE,MAAM,UAAU,KAAK;CACrB,MAAM,EAAE,WAAW,cAAc,eAAe,eAAe;EAC7D;EACA,cAAc,KAAK;EACpB,CAAC;AAEF,QACE,0CACE,qBAAC;EAAc,GAAI;EAAmB;aACnC,WACC,oBAAC;GACC,GAAI;GACE;GACN,QAAQ;aAEP;IACoB,EAEzB,oBAAC;GAAW,GAAI;GAAY,MAAM,EAAE,SAAS,MAAM;aAChD,CAAC,GAAG,KAAK,WAAW,CAAC,KAAK,SAAS;IAClC,IAAI,WACF,oBAAC;KAEC,MAAM;KACN,QAAQ;KACD;KACD;KACN,UAAW,KAAqC;OAL3C,KAAK,IAMV;AAIJ,QAAI,KAAK,MAAM,QAMb,YACE,oBAAC;KAEC;KACA,WAAU;KACV,GATF,OAAO,KAAK,MAAM,YAAY,WAC1B,EAAE,OAAO,KAAK,MAAM,SAAS,GAC7B,KAAK,MAAM;eASZ;OALI,KAAK,IAMM;AAItB,QAAI,KAAK,MAAM,QACb,YAAW,KAAK,MAAM,QAAQ,SAAS;AAGzC,WAAO;KACP;IACS;GACC,GACf"}
+{"version":3,"file":"MenuSection.js","names":["Styles","useMenuSection","MenuItem","MenuItemProps","StyledMenu","StyledSection","StyledSectionHeading","CubeMenuSectionProps","T","itemStyles","headingStyles","size","MenuSection","props","$","_c","item","state","styles","heading","rendered","t0","t1","itemProps","headingProps","groupProps","t2","t3","Symbol","for","section","t4","childNodes","t5","map","node","menuItem","key","onAction","wrapper","t6","t7"],"sources":["../../../../src/components/actions/Menu/MenuSection.tsx"],"sourcesContent":["import { Styles } from '@tenphi/tasty';\nimport { useMenuSection } from 'react-aria';\n\nimport { MenuItem, MenuItemProps } from './MenuItem';\nimport { StyledMenu, StyledSection, StyledSectionHeading } from './styled';\n\nexport interface CubeMenuSectionProps<T> extends MenuItemProps<T> {\n  itemStyles?: Styles;\n  headingStyles?: Styles;\n  size?: 'small' | 'medium' | (string & {});\n}\n\n/** @private */\nexport function MenuSection<T>(props: CubeMenuSectionProps<T>) {\n  const { item, state, styles, itemStyles, headingStyles, size } = props;\n  const heading = item.rendered;\n  const { itemProps, headingProps, groupProps } = useMenuSection({\n    heading,\n    'aria-label': item['aria-label'],\n  });\n\n  return (\n    <>\n      <StyledSection {...itemProps} styles={styles}>\n        {heading && (\n          <StyledSectionHeading\n            {...headingProps}\n            size={size}\n            styles={headingStyles}\n          >\n            {heading}\n          </StyledSectionHeading>\n        )}\n        <StyledMenu {...groupProps} mods={{ section: true }}>\n          {[...item.childNodes].map((node) => {\n            let menuItem = (\n              <MenuItem\n                key={node.key}\n                item={node}\n                styles={itemStyles}\n                state={state}\n                size={size}\n                onAction={(node as unknown as MenuItemProps<T>).onAction}\n              />\n            );\n\n            // `MenuItem` renders the item's `tooltip` itself, as `Menu` does\n            // for items outside a section.\n            if (node.props.wrapper) {\n              menuItem = node.props.wrapper(menuItem);\n            }\n\n            return menuItem;\n          })}\n        </StyledMenu>\n      </StyledSection>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;AAaA,SAAOY,YAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACL,MAAA,EAAAC,MAAAC,OAAAC,QAAAT,YAAAC,eAAAC,SAAiEE;CACjE,MAAAM,UAAgBH,KAAII;CAGJ,MAAAC,KAAAL,KAAK;CAAa,IAAAM;AAAA,KAAAR,EAAA,OAAAK,WAAAL,EAAA,OAAAO,IAAA;AAF6BC,OAAA;GAAAH;GAAA,cAE/CE;GACf;AAAAP,IAAA,KAAAK;AAAAL,IAAA,KAAAO;AAAAP,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAHD,MAAA,EAAAS,WAAAC,cAAAC,eAAgDxB,eAAeqB,GAG7D;CAAC,IAAAI;AAAA,KAAAZ,EAAA,OAAAK,WAAAL,EAAA,OAAAU,gBAAAV,EAAA,OAAAJ,iBAAAI,EAAA,OAAAH,MAAA;AAKIe,OAAAP,WACC,oBAAC;GAAoB,GACfK;GACEb;GACED,QAAAA;aAEPS;IAEJ;AAAAL,IAAA,KAAAK;AAAAL,IAAA,KAAAU;AAAAV,IAAA,KAAAJ;AAAAI,IAAA,KAAAH;AAAAG,IAAA,KAAAY;OAAAA,MAAAZ,EAAA;CAAA,IAAAa;AAAA,KAAAb,EAAA,OAAAc,OAAAC,IAAA,4BAAA,EAAA;AACiCF,OAAA,EAAAG,SAAW,MAAM;AAAAhB,IAAA,KAAAa;OAAAA,MAAAb,EAAA;CAAA,IAAAiB;AAAA,KAAAjB,EAAA,OAAAE,KAAAgB,YAAA;AAChDD,OAAA,CAAA,GAAIf,KAAIgB,WAAY;AAAAlB,IAAA,KAAAE,KAAAgB;AAAAlB,IAAA,MAAAiB;OAAAA,MAAAjB,EAAA;CAAA,IAAAmB;AAAA,KAAAnB,EAAA,QAAAL,cAAAK,EAAA,QAAAH,QAAAG,EAAA,QAAAG,SAAAH,EAAA,QAAAiB,IAAA;AAApBE,OAAAF,GAAoBG,KAAKC,SAAA;GACxB,IAAAC,WACE,oBAAC;IAEOD,MAAAA;IACE1B,QAAAA;IACDQ;IACDN;IACI,UAACwB,KAAmCG;MALzCH,KAAIE,IAMT;AAKJ,OAAIF,KAAItB,MAAM0B,QACZH,YAAWD,KAAItB,MAAM0B,QAASH,SAAS;AACxC,UAEMA;IACP;AAAAtB,IAAA,MAAAL;AAAAK,IAAA,MAAAH;AAAAG,IAAA,MAAAG;AAAAH,IAAA,MAAAiB;AAAAjB,IAAA,MAAAmB;OAAAA,MAAAnB,EAAA;CAAA,IAAA0B;AAAA,KAAA1B,EAAA,QAAAW,cAAAX,EAAA,QAAAmB,IAAA;AApBJO,OAAA,oBAAC;GAAU,GAAKf;GAAkB,MAAAE;aAC/BM;IAoBU;AAAAnB,IAAA,MAAAW;AAAAX,IAAA,MAAAmB;AAAAnB,IAAA,MAAA0B;OAAAA,MAAA1B,EAAA;CAAA,IAAA2B;AAAA,KAAA3B,EAAA,QAAAS,aAAAT,EAAA,QAAAI,UAAAJ,EAAA,QAAAY,MAAAZ,EAAA,QAAA0B,IAAA;AAhCjBC,OAAA,0CACE,qBAAC;GAAa,GAAKlB;GAAmBL;cACnCQ,IASDc;IAsBc,GACf;AAAA1B,IAAA,MAAAS;AAAAT,IAAA,MAAAI;AAAAJ,IAAA,MAAAY;AAAAZ,IAAA,MAAA0B;AAAA1B,IAAA,MAAA2B;OAAAA,MAAA3B,EAAA;AAAA,QAlCH2B"}

package/dist/components/actions/Menu/MenuTrigger.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
 import { SlotProvider } from "../../../utils/react/Slots.js";
 import { usePopoverSync } from "../../../utils/react/usePopoverSync.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
@@ -7,7 +7,8 @@ import { generateRandomId } from "../../../utils/random.js";
 import { _Tray } from "../../overlays/Modal/Tray.js";
 import { _Popover } from "../../overlays/Modal/Popover.js";
 import { isOwnActionsPress } from "../actions-run.js";
-import { Fragment, forwardRef, useEffect, useMemo, useRef } from "react";
+import { c } from "react-compiler-runtime";
+import { Fragment, forwardRef, useEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { DismissButton, FocusScope, useMenuTrigger, useOverlayPosition } from "react-aria";
 import { useIsMobileDevice } from "@react-spectrum/utils";
@@ -17,6 +18,7 @@ import { PressResponder } from "@react-aria/interactions";
 
 //#region src/components/actions/Menu/MenuTrigger.tsx
 function MenuTrigger(props, ref) {
+	const $ = c(91);
 	const internalPopoverRef = useRef(null);
 	const menuPopoverRef = props.popoverRef ?? internalPopoverRef;
 	const trayRef = useRef(null);
@@ -25,130 +27,332 @@ function MenuTrigger(props, ref) {
 	const menuTriggerRef = props.targetRef || domRef || triggerRef;
 	const menuRef = useRef(null);
 	const wasOpenRef = useRef(false);
-	const { children, shouldFlip = true, closeOnSelect, trigger = "press", isDisabled, isDummy, mobileType = "popover", shouldRestoreFocus = true } = props;
-	const menuId = useMemo(() => generateRandomId(), []);
+	const { children, shouldFlip: t0, closeOnSelect, trigger: t1, isDisabled, isDummy, mobileType: t2, shouldRestoreFocus: t3 } = props;
+	const shouldFlip = t0 === void 0 ? true : t0;
+	const trigger = t1 === void 0 ? "press" : t1;
+	const mobileType = t2 === void 0 ? "popover" : t2;
+	const shouldRestoreFocus = t3 === void 0 ? true : t3;
+	let t4;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = generateRandomId();
+		$[0] = t4;
+	} else t4 = $[0];
+	const menuId = t4;
 	if (!Array.isArray(children) || children.length > 2) throw new Error("MenuTrigger must have exactly 2 children");
 	let [menuTrigger, menu] = children;
 	const state = useMenuTriggerState(props);
-	usePopoverSync({
-		menuId,
-		isOpen: state.isOpen,
-		onClose: () => state.close(),
-		enabled: !isDummy,
-		triggerRef: menuTriggerRef,
-		containerRef: menuPopoverRef
-	});
-	if (typeof menuTrigger === "function") menuTrigger = menuTrigger(state);
-	const { menuTriggerProps, menuProps } = useMenuTrigger({ isDisabled }, state, menuTriggerRef);
-	let initialPlacement = props.placement ?? "bottom start";
+	let t5;
+	if ($[1] !== state) {
+		t5 = () => state.close();
+		$[1] = state;
+		$[2] = t5;
+	} else t5 = $[2];
+	const t6 = !isDummy;
+	let t7;
+	if ($[3] !== menuPopoverRef || $[4] !== menuTriggerRef || $[5] !== state.isOpen || $[6] !== t5 || $[7] !== t6) {
+		t7 = {
+			menuId,
+			isOpen: state.isOpen,
+			onClose: t5,
+			enabled: t6,
+			triggerRef: menuTriggerRef,
+			containerRef: menuPopoverRef
+		};
+		$[3] = menuPopoverRef;
+		$[4] = menuTriggerRef;
+		$[5] = state.isOpen;
+		$[6] = t5;
+		$[7] = t6;
+		$[8] = t7;
+	} else t7 = $[8];
+	usePopoverSync(t7);
+	if (typeof menuTrigger === "function") {
+		const t8 = menuTrigger;
+		let t9;
+		if ($[9] !== state || $[10] !== t8) {
+			t9 = t8(state);
+			$[9] = state;
+			$[10] = t8;
+			$[11] = t9;
+		} else t9 = $[11];
+		menuTrigger = t9;
+	}
+	let t8;
+	if ($[12] !== isDisabled) {
+		t8 = { isDisabled };
+		$[12] = isDisabled;
+		$[13] = t8;
+	} else t8 = $[13];
+	const { menuTriggerProps, menuProps } = useMenuTrigger(t8, state, menuTriggerRef);
+	const initialPlacement = props.placement ?? "bottom start";
 	const isMobileDevice = useIsMobileDevice();
 	const isTray = mobileType === "tray" && isMobileDevice;
-	const { overlayProps: positionProps, placement } = useOverlayPosition({
-		targetRef: menuTriggerRef,
-		overlayRef: menuPopoverRef,
-		scrollRef: menuRef,
-		placement: initialPlacement,
-		shouldFlip,
-		isOpen: state.isOpen && !isTray,
-		onClose: state.close,
-		containerPadding: props.containerPadding,
-		offset: props.offset ?? 8,
-		crossOffset: props.crossOffset ?? 0
-	});
-	const hasFocusMovedOutsideMenu = useEvent(() => {
-		const activeElement = document.activeElement;
-		if (!activeElement || activeElement === document.body) return false;
-		if (!activeElement.isConnected) return false;
-		return !((isTray ? trayRef.current : menuPopoverRef.current)?.contains(activeElement) || menuRef.current?.contains(activeElement) || menuTriggerRef.current?.contains(activeElement));
-	});
-	useEffect(() => {
-		if (!state.isOpen && wasOpenRef.current && !isDummy) {
-			wasOpenRef.current = false;
-			if (!shouldRestoreFocus) return;
-			setTimeout(() => {
-				if (hasFocusMovedOutsideMenu()) return;
-				menuTriggerRef.current?.focus();
-			}, 0);
-		} else if (state.isOpen) wasOpenRef.current = true;
-	}, [
-		state.isOpen,
-		menuTriggerRef,
-		isDummy,
-		shouldRestoreFocus,
-		hasFocusMovedOutsideMenu
-	]);
-	const menuContext = {
-		...menuProps,
-		ref: menuRef,
-		onClose: state.close,
-		closeOnSelect,
-		autoFocus: state.focusStrategy ?? "first",
-		style: isTray ? {
+	const t9 = state.isOpen && !isTray;
+	const t10 = props.offset ?? 8;
+	const t11 = props.crossOffset ?? 0;
+	let t12;
+	if ($[14] !== initialPlacement || $[15] !== menuPopoverRef || $[16] !== menuTriggerRef || $[17] !== props.containerPadding || $[18] !== shouldFlip || $[19] !== state.close || $[20] !== t10 || $[21] !== t11 || $[22] !== t9) {
+		t12 = {
+			targetRef: menuTriggerRef,
+			overlayRef: menuPopoverRef,
+			scrollRef: menuRef,
+			placement: initialPlacement,
+			shouldFlip,
+			isOpen: t9,
+			onClose: state.close,
+			containerPadding: props.containerPadding,
+			offset: t10,
+			crossOffset: t11
+		};
+		$[14] = initialPlacement;
+		$[15] = menuPopoverRef;
+		$[16] = menuTriggerRef;
+		$[17] = props.containerPadding;
+		$[18] = shouldFlip;
+		$[19] = state.close;
+		$[20] = t10;
+		$[21] = t11;
+		$[22] = t9;
+		$[23] = t12;
+	} else t12 = $[23];
+	const { overlayProps: positionProps, placement } = useOverlayPosition(t12);
+	let t13;
+	if ($[24] !== isTray || $[25] !== menuPopoverRef || $[26] !== menuTriggerRef) {
+		t13 = () => {
+			const activeElement = document.activeElement;
+			if (!activeElement || activeElement === document.body) return false;
+			if (!activeElement.isConnected) return false;
+			return !((isTray ? trayRef.current : menuPopoverRef.current)?.contains(activeElement) || menuRef.current?.contains(activeElement) || menuTriggerRef.current?.contains(activeElement));
+		};
+		$[24] = isTray;
+		$[25] = menuPopoverRef;
+		$[26] = menuTriggerRef;
+		$[27] = t13;
+	} else t13 = $[27];
+	const hasFocusMovedOutsideMenu = useEvent(t13);
+	let t14;
+	let t15;
+	if ($[28] !== hasFocusMovedOutsideMenu || $[29] !== isDummy || $[30] !== menuTriggerRef || $[31] !== shouldRestoreFocus || $[32] !== state.isOpen) {
+		t14 = () => {
+			if (!state.isOpen && wasOpenRef.current && !isDummy) {
+				wasOpenRef.current = false;
+				if (!shouldRestoreFocus) return;
+				setTimeout(() => {
+					if (hasFocusMovedOutsideMenu()) return;
+					menuTriggerRef.current?.focus();
+				}, 0);
+			} else if (state.isOpen) wasOpenRef.current = true;
+		};
+		t15 = [
+			state.isOpen,
+			menuTriggerRef,
+			isDummy,
+			shouldRestoreFocus,
+			hasFocusMovedOutsideMenu
+		];
+		$[28] = hasFocusMovedOutsideMenu;
+		$[29] = isDummy;
+		$[30] = menuTriggerRef;
+		$[31] = shouldRestoreFocus;
+		$[32] = state.isOpen;
+		$[33] = t14;
+		$[34] = t15;
+	} else {
+		t14 = $[33];
+		t15 = $[34];
+	}
+	useEffect(t14, t15);
+	const t16 = state.focusStrategy ?? "first";
+	let t17;
+	if ($[35] !== isTray) {
+		t17 = isTray ? {
 			width: "100%",
 			maxHeight: "inherit"
-		} : void 0,
-		mods: {
-			popover: !isTray,
+		} : void 0;
+		$[35] = isTray;
+		$[36] = t17;
+	} else t17 = $[36];
+	const t18 = !isTray;
+	let t19;
+	if ($[37] !== isTray || $[38] !== t18) {
+		t19 = {
+			popover: t18,
 			tray: isTray
-		},
-		isClosing: !state.isOpen
-	};
-	const contents = /* @__PURE__ */ jsxs(FocusScope, {
-		restoreFocus: shouldRestoreFocus,
-		children: [
-			/* @__PURE__ */ jsx(DismissButton, { onDismiss: state.close }),
-			menu,
-			/* @__PURE__ */ jsx(DismissButton, { onDismiss: state.close })
-		]
-	});
-	const shouldCloseOnInteractOutside = useEvent((el) => {
-		if (!state.isOpen) return false;
-		if (isOwnActionsPress(el, menuTriggerRef.current)) return false;
-		const menuTriggerEl = el.closest("[data-popover-trigger]");
-		if (!menuTriggerEl) {
-			if (el.closest("[data-popover-keep]")) return false;
-			if (el.closest("[data-popover-dismiss]")) {
-				setTimeout(() => state.close(), 0);
-				return false;
+		};
+		$[37] = isTray;
+		$[38] = t18;
+		$[39] = t19;
+	} else t19 = $[39];
+	const t20 = !state.isOpen;
+	let t21;
+	if ($[40] !== closeOnSelect || $[41] !== menuProps || $[42] !== state.close || $[43] !== t16 || $[44] !== t17 || $[45] !== t19 || $[46] !== t20) {
+		t21 = {
+			...menuProps,
+			ref: menuRef,
+			onClose: state.close,
+			closeOnSelect,
+			autoFocus: t16,
+			style: t17,
+			mods: t19,
+			isClosing: t20
+		};
+		$[40] = closeOnSelect;
+		$[41] = menuProps;
+		$[42] = state.close;
+		$[43] = t16;
+		$[44] = t17;
+		$[45] = t19;
+		$[46] = t20;
+		$[47] = t21;
+	} else t21 = $[47];
+	const menuContext = t21;
+	let t22;
+	if ($[48] !== state.close) {
+		t22 = /* @__PURE__ */ jsx(DismissButton, { onDismiss: state.close });
+		$[48] = state.close;
+		$[49] = t22;
+	} else t22 = $[49];
+	let t23;
+	if ($[50] !== state.close) {
+		t23 = /* @__PURE__ */ jsx(DismissButton, { onDismiss: state.close });
+		$[50] = state.close;
+		$[51] = t23;
+	} else t23 = $[51];
+	let t24;
+	if ($[52] !== menu || $[53] !== shouldRestoreFocus || $[54] !== t22 || $[55] !== t23) {
+		t24 = /* @__PURE__ */ jsxs(FocusScope, {
+			restoreFocus: shouldRestoreFocus,
+			children: [
+				t22,
+				menu,
+				t23
+			]
+		});
+		$[52] = menu;
+		$[53] = shouldRestoreFocus;
+		$[54] = t22;
+		$[55] = t23;
+		$[56] = t24;
+	} else t24 = $[56];
+	const contents = t24;
+	let t25;
+	if ($[57] !== isDummy || $[58] !== menuTriggerRef || $[59] !== state) {
+		t25 = (el) => {
+			if (!state.isOpen) return false;
+			if (isOwnActionsPress(el, menuTriggerRef.current)) return false;
+			const menuTriggerEl = el.closest("[data-popover-trigger]");
+			if (!menuTriggerEl) {
+				if (el.closest("[data-popover-keep]")) return false;
+				if (el.closest("[data-popover-dismiss]")) {
+					setTimeout(() => state.close(), 0);
+					return false;
+				}
+				return true;
 			}
-			return true;
-		}
-		if (isDummy && (menuTriggerEl === menuTriggerRef.current || menuTriggerRef.current?.contains(el))) return true;
-		if (menuTriggerEl === menuTriggerRef.current) return true;
-		return false;
-	});
-	let overlay;
-	if (isTray) overlay = /* @__PURE__ */ jsx(_Tray, {
-		ref: trayRef,
-		isOpen: state.isOpen,
-		shouldCloseOnInteractOutside,
-		onClose: state.close,
-		children: contents
-	});
-	else overlay = /* @__PURE__ */ jsx(_Popover, {
-		ref: menuPopoverRef,
-		hideArrow: true,
-		isNonModal: true,
-		isOpen: state.isOpen,
-		style: positionProps.style,
-		placement,
-		shouldCloseOnInteractOutside,
-		onClose: state.close,
-		children: contents
-	});
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SlotProvider, {
-		slots: { actionButton: { holdAffordance: trigger === "longPress" } },
-		children: !isDummy ? /* @__PURE__ */ jsx(PressResponder, {
+			if (isDummy && (menuTriggerEl === menuTriggerRef.current || menuTriggerRef.current?.contains(el))) return true;
+			if (menuTriggerEl === menuTriggerRef.current) return true;
+			return false;
+		};
+		$[57] = isDummy;
+		$[58] = menuTriggerRef;
+		$[59] = state;
+		$[60] = t25;
+	} else t25 = $[60];
+	const shouldCloseOnInteractOutside = useEvent(t25);
+	let overlay_0;
+	if (isTray) {
+		let t26;
+		if ($[61] !== contents || $[62] !== shouldCloseOnInteractOutside || $[63] !== state.close || $[64] !== state.isOpen) {
+			t26 = /* @__PURE__ */ jsx(_Tray, {
+				ref: trayRef,
+				isOpen: state.isOpen,
+				shouldCloseOnInteractOutside,
+				onClose: state.close,
+				children: contents
+			});
+			$[61] = contents;
+			$[62] = shouldCloseOnInteractOutside;
+			$[63] = state.close;
+			$[64] = state.isOpen;
+			$[65] = t26;
+		} else t26 = $[65];
+		overlay_0 = t26;
+	} else {
+		let t26;
+		if ($[66] !== contents || $[67] !== menuPopoverRef || $[68] !== placement || $[69] !== positionProps.style || $[70] !== shouldCloseOnInteractOutside || $[71] !== state.close || $[72] !== state.isOpen) {
+			t26 = /* @__PURE__ */ jsx(_Popover, {
+				ref: menuPopoverRef,
+				hideArrow: true,
+				isNonModal: true,
+				isOpen: state.isOpen,
+				style: positionProps.style,
+				placement,
+				shouldCloseOnInteractOutside,
+				onClose: state.close,
+				children: contents
+			});
+			$[66] = contents;
+			$[67] = menuPopoverRef;
+			$[68] = placement;
+			$[69] = positionProps.style;
+			$[70] = shouldCloseOnInteractOutside;
+			$[71] = state.close;
+			$[72] = state.isOpen;
+			$[73] = t26;
+		} else t26 = $[73];
+		overlay_0 = t26;
+	}
+	const t26 = trigger === "longPress";
+	let t27;
+	if ($[74] !== t26) {
+		t27 = { actionButton: { holdAffordance: t26 } };
+		$[74] = t26;
+		$[75] = t27;
+	} else t27 = $[75];
+	let t28;
+	if ($[76] !== isDummy || $[77] !== menuTrigger || $[78] !== menuTriggerProps || $[79] !== menuTriggerRef || $[80] !== state.isOpen) {
+		t28 = !isDummy ? /* @__PURE__ */ jsx(PressResponder, {
 			...menuTriggerProps,
 			ref: menuTriggerRef,
 			"data-popover-trigger": true,
 			isPressed: state.isOpen,
 			children: menuTrigger
-		}) : null
-	}), /* @__PURE__ */ jsx(MenuContext.Provider, {
-		value: menuContext,
-		children: overlay
-	})] });
+		}) : null;
+		$[76] = isDummy;
+		$[77] = menuTrigger;
+		$[78] = menuTriggerProps;
+		$[79] = menuTriggerRef;
+		$[80] = state.isOpen;
+		$[81] = t28;
+	} else t28 = $[81];
+	let t29;
+	if ($[82] !== t27 || $[83] !== t28) {
+		t29 = /* @__PURE__ */ jsx(SlotProvider, {
+			slots: t27,
+			children: t28
+		});
+		$[82] = t27;
+		$[83] = t28;
+		$[84] = t29;
+	} else t29 = $[84];
+	let t30;
+	if ($[85] !== menuContext || $[86] !== overlay_0) {
+		t30 = /* @__PURE__ */ jsx(MenuContext.Provider, {
+			value: menuContext,
+			children: overlay_0
+		});
+		$[85] = menuContext;
+		$[86] = overlay_0;
+		$[87] = t30;
+	} else t30 = $[87];
+	let t31;
+	if ($[88] !== t29 || $[89] !== t30) {
+		t31 = /* @__PURE__ */ jsxs(Fragment, { children: [t29, t30] });
+		$[88] = t29;
+		$[89] = t30;
+		$[90] = t31;
+	} else t31 = $[90];
+	return t31;
 }
 /**
 * The MenuTrigger serves as a wrapper around a Menu and its associated trigger,