@cube-dev/ui-kit 0.0.0-canary-09a690c → 0.0.0-canary-30d7fcd

package/dist/components/actions/Menu/MenuSection.d.ts

@@ -2,12 +2,14 @@
 import { MenuItemProps } from "./MenuItem.js";
 import { Styles } from "@tenphi/tasty";
 import * as react from "react";
+import { Key as Key$1 } from "@react-types/shared";
 
 //#region src/components/actions/Menu/MenuSection.d.ts
 interface CubeMenuSectionProps<T> extends MenuItemProps<T> {
   itemStyles?: Styles;
   headingStyles?: Styles;
   size?: 'small' | 'medium' | (string & {});
+  itemId?: (key: Key$1) => string;
 }
 /** @private */
 declare function MenuSection<T>(props: CubeMenuSectionProps<T>): react.JSX.Element;

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

@@ -1,4 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a690c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | Cube Dev Team */
+import { getMenuItemReactKey } from "./MenuCollectionItem.js";
 import { MenuItem } from "./MenuItem.js";
 import { StyledMenu, StyledSection, StyledSectionHeading } from "./styled.js";
 import { c } from "react/compiler-runtime";
@@ -9,7 +10,7 @@ import { useMenuSection } from "react-aria";
 //#region src/components/actions/Menu/MenuSection.tsx
 /** @private */
 function MenuSection(props) {
-	const $ = c(24);
+	const $ = c(23);
 	const { item, state, styles, itemStyles, headingStyles, size } = props;
 	const heading = item.rendered;
 	const t0 = item["aria-label"];
@@ -44,55 +45,52 @@ function MenuSection(props) {
 		$[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) => {
+	if ($[9] !== item.childNodes || $[10] !== itemStyles || $[11] !== props || $[12] !== size || $[13] !== state) {
+		t4 = [...item.childNodes].map((node) => {
+			const reactKey = getMenuItemReactKey(node.key);
 			let menuItem = /* @__PURE__ */ jsx(MenuItem, {
 				item: node,
 				styles: itemStyles,
 				state,
-				size
-			}, node.key);
+				size,
+				id: props.itemId?.(node.key)
+			}, reactKey);
 			if (node.props?.wrapper) menuItem = node.props.wrapper(menuItem);
 			else if (node.wrapper) menuItem = node.wrapper(menuItem);
-			return cloneElement(menuItem, { key: node.key });
+			return cloneElement(menuItem, { key: reactKey });
 		});
-		$[11] = itemStyles;
+		$[9] = item.childNodes;
+		$[10] = itemStyles;
+		$[11] = props;
 		$[12] = size;
 		$[13] = state;
 		$[14] = t4;
-		$[15] = t5;
-	} else t5 = $[15];
-	let t6;
-	if ($[16] !== groupProps || $[17] !== t5) {
-		t6 = /* @__PURE__ */ jsx(StyledMenu, {
+	} else t4 = $[14];
+	let t5;
+	if ($[15] !== groupProps || $[16] !== t4) {
+		t5 = /* @__PURE__ */ jsx(StyledMenu, {
 			...groupProps,
 			mods: t3,
-			children: t5
+			children: t4
 		});
-		$[16] = groupProps;
+		$[15] = groupProps;
+		$[16] = t4;
 		$[17] = t5;
-		$[18] = t6;
-	} else t6 = $[18];
-	let t7;
-	if ($[19] !== itemProps || $[20] !== styles || $[21] !== t2 || $[22] !== t6) {
-		t7 = /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsxs(StyledSection, {
+	} else t5 = $[17];
+	let t6;
+	if ($[18] !== itemProps || $[19] !== styles || $[20] !== t2 || $[21] !== t5) {
+		t6 = /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsxs(StyledSection, {
 			...itemProps,
 			styles,
-			children: [t2, t6]
+			children: [t2, t5]
 		}) });
-		$[19] = itemProps;
-		$[20] = styles;
-		$[21] = t2;
+		$[18] = itemProps;
+		$[19] = styles;
+		$[20] = t2;
+		$[21] = t5;
 		$[22] = t6;
-		$[23] = t7;
-	} else t7 = $[23];
-	return t7;
+	} else t6 = $[22];
+	return t6;
 }
 
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"MenuSection.js","names":["Styles","cloneElement","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","wrapper","t6","t7"],"sources":["../../../../src/components/actions/Menu/MenuSection.tsx"],"sourcesContent":["import { Styles } from '@tenphi/tasty';\nimport { cloneElement } from 'react';\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              />\n            );\n\n            // `MenuItem` renders the item's `tooltip` itself, as `Menu` does\n            // for items outside a section. A `SubMenuTrigger` puts its\n            // wrapper on the collection node rather than in the item's props.\n            if (node.props?.wrapper) {\n              menuItem = node.props.wrapper(menuItem);\n            } else if ((node as any).wrapper) {\n              menuItem = (node as any).wrapper(menuItem);\n            }\n\n            // The wrapper's element doesn't carry the item's key.\n            return cloneElement(menuItem, { key: node.key });\n          })}\n        </StyledMenu>\n      </StyledSection>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;AAcA,SAAOa,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;MAJDwB,KAAIE,IAKT;AAMJ,OAAIF,KAAItB,OAAeyB,QACrBF,YAAWD,KAAItB,MAAMyB,QAASF,SAAS;YAC7BD,KAAWG,QACrBF,YAAYD,KAAWG,QAAUF,SAAS;AAC3C,UAGMpC,aAAaoC,UAAU,EAAAC,KAAOF,KAAIE,KAAM,CAAC;IAChD;AAAAvB,IAAA,MAAAL;AAAAK,IAAA,MAAAH;AAAAG,IAAA,MAAAG;AAAAH,IAAA,MAAAiB;AAAAjB,IAAA,MAAAmB;OAAAA,MAAAnB,EAAA;CAAA,IAAAyB;AAAA,KAAAzB,EAAA,QAAAW,cAAAX,EAAA,QAAAmB,IAAA;AAvBJM,OAAA,oBAAC;GAAU,GAAKd;GAAkB,MAAAE;aAC/BM;IAuBU;AAAAnB,IAAA,MAAAW;AAAAX,IAAA,MAAAmB;AAAAnB,IAAA,MAAAyB;OAAAA,MAAAzB,EAAA;CAAA,IAAA0B;AAAA,KAAA1B,EAAA,QAAAS,aAAAT,EAAA,QAAAI,UAAAJ,EAAA,QAAAY,MAAAZ,EAAA,QAAAyB,IAAA;AAnCjBC,OAAA,4CACE,qBAAC;GAAa,GAAKjB;GAAmBL;cACnCQ,IASDa;IAyBc,GACf;AAAAzB,IAAA,MAAAS;AAAAT,IAAA,MAAAI;AAAAJ,IAAA,MAAAY;AAAAZ,IAAA,MAAAyB;AAAAzB,IAAA,MAAA0B;OAAAA,MAAA1B,EAAA;AAAA,QArCH0B"}
+{"version":3,"file":"MenuSection.js","names":["Key","Styles","cloneElement","useMenuSection","getMenuItemReactKey","MenuItem","MenuItemProps","StyledMenu","StyledSection","StyledSectionHeading","CubeMenuSectionProps","T","itemStyles","headingStyles","size","itemId","key","MenuSection","props","$","_c","item","state","styles","heading","rendered","t0","t1","itemProps","headingProps","groupProps","t2","t3","Symbol","for","section","t4","childNodes","map","node","reactKey","menuItem","wrapper","t5","t6"],"sources":["../../../../src/components/actions/Menu/MenuSection.tsx"],"sourcesContent":["import { Key } from '@react-types/shared';\nimport { Styles } from '@tenphi/tasty';\nimport { cloneElement } from 'react';\nimport { useMenuSection } from 'react-aria';\n\nimport { getMenuItemReactKey } from './MenuCollectionItem';\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  itemId?: (key: Key) => 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            const reactKey = getMenuItemReactKey(node.key);\n            let menuItem = (\n              <MenuItem\n                key={reactKey}\n                item={node}\n                styles={itemStyles}\n                state={state}\n                size={size}\n                id={props.itemId?.(node.key)}\n              />\n            );\n\n            // `MenuItem` renders the item's `tooltip` itself, as `Menu` does\n            // for items outside a section. A `SubMenuTrigger` puts its\n            // wrapper on the collection node rather than in the item's props.\n            if (node.props?.wrapper) {\n              menuItem = node.props.wrapper(menuItem);\n            } else if ((node as any).wrapper) {\n              menuItem = (node as any).wrapper(menuItem);\n            }\n\n            // The wrapper's element doesn't carry the item's key.\n            return cloneElement(menuItem, { key: reactKey });\n          })}\n        </StyledMenu>\n      </StyledSection>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAiBA,SAAOiB,YAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACL,MAAA,EAAAC,MAAAC,OAAAC,QAAAX,YAAAC,eAAAC,SAAiEI;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,eAAgD3B,eAAewB,GAG7D;CAAC,IAAAI;AAAA,KAAAZ,EAAA,OAAAK,WAAAL,EAAA,OAAAU,gBAAAV,EAAA,OAAAN,iBAAAM,EAAA,OAAAL,MAAA;AAKIiB,OAAAP,WACC,oBAAC;GAAoB,GACfK;GACEf;GACED,QAAAA;aAEPW;IAEJ;AAAAL,IAAA,KAAAK;AAAAL,IAAA,KAAAU;AAAAV,IAAA,KAAAN;AAAAM,IAAA,KAAAL;AAAAK,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,cAAAlB,EAAA,QAAAP,cAAAO,EAAA,QAAAD,SAAAC,EAAA,QAAAL,QAAAK,EAAA,QAAAG,OAAA;AAChDc,OAAA,CAAA,GAAIf,KAAIgB,WAAY,CAAAC,KAAKC,SAAA;GACxB,MAAAC,WAAiBpC,oBAAoBmC,KAAIvB,IAAK;GAC9C,IAAAyB,WACE,oBAAC;IAEOF,MAAAA;IACE3B,QAAAA;IACDU;IACDR;IACF,IAAAI,MAAKH,SAAUwB,KAAIvB,IAAI;MALtBwB,SAML;AAMJ,OAAID,KAAIrB,OAAewB,QACrBD,YAAWF,KAAIrB,MAAMwB,QAASD,SAAS;YAC7BF,KAAWG,QACrBD,YAAYF,KAAWG,QAAUD,SAAS;AAC3C,UAGMvC,aAAauC,UAAU,EAAAzB,KAAOwB,UAAU,CAAC;IAChD;AAAArB,IAAA,KAAAE,KAAAgB;AAAAlB,IAAA,MAAAP;AAAAO,IAAA,MAAAD;AAAAC,IAAA,MAAAL;AAAAK,IAAA,MAAAG;AAAAH,IAAA,MAAAiB;OAAAA,MAAAjB,EAAA;CAAA,IAAAwB;AAAA,KAAAxB,EAAA,QAAAW,cAAAX,EAAA,QAAAiB,IAAA;AAzBJO,OAAA,oBAAC;GAAU,GAAKb;GAAkB,MAAAE;aAC/BI;IAyBU;AAAAjB,IAAA,MAAAW;AAAAX,IAAA,MAAAiB;AAAAjB,IAAA,MAAAwB;OAAAA,MAAAxB,EAAA;CAAA,IAAAyB;AAAA,KAAAzB,EAAA,QAAAS,aAAAT,EAAA,QAAAI,UAAAJ,EAAA,QAAAY,MAAAZ,EAAA,QAAAwB,IAAA;AArCjBC,OAAA,4CACE,qBAAC;GAAa,GAAKhB;GAAmBL;cACnCQ,IASDY;IA2Bc,GACf;AAAAxB,IAAA,MAAAS;AAAAT,IAAA,MAAAI;AAAAJ,IAAA,MAAAY;AAAAZ,IAAA,MAAAwB;AAAAxB,IAAA,MAAAyB;OAAAA,MAAAzB,EAAA;AAAA,QAvCHyB"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a690c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | 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";

package/dist/components/actions/Menu/SubMenuTrigger.d.ts

@@ -17,7 +17,7 @@ interface CubeSubMenuTriggerProps extends AriaMenuTriggerProps {
   /**
    * Sub-menu trigger and the sub-menu itself. Must be exactly two React nodes.
    *
-   * 1) Trigger – **must render `<li role="menuitem">`** (usually `Menu.Item`).
+   * 1) Trigger – a `Menu.Item` with its semantic menuitem inside a list row.
    * 2) Sub-menu – a `<Menu>` element.
    */
   children: [ReactNode, ReactElement];

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a690c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | Cube Dev Team */
 import { usePopoverSync } from "../../../utils/react/usePopoverSync.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { MenuContext, useMenuContext } from "./context.js";
@@ -205,7 +205,7 @@ function InternalSubMenuTrigger(props) {
 								e_0.preventDefault();
 								e_0.stopPropagation();
 								state.close();
-								domTriggerRef.current?.focus();
+								(domTriggerRef.current?.querySelector("[data-menu-native-primary]") ?? domTriggerRef.current)?.focus();
 							}
 							menu.props.onKeyDown?.(e_0);
 						},

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

@@ -1 +1 @@
-{"version":3,"file":"SubMenuTrigger.js","names":["useSyncRef","React","Key","ReactElement","ReactNode","useEffect","useMemo","useRef","useState","AriaMenuTriggerProps","DismissButton","Placement","useMenuTrigger","useOverlayPosition","useMenuTriggerState","useEvent","generateRandomId","usePopoverSync","Popover","MenuContext","MenuContextValue","useMenuContext","SubmenuTriggerContext","DEFAULT_PLACEMENT","DEFAULT_OFFSET","DEFAULT_CROSS_OFFSET","CubeSubMenuTriggerProps","placement","offset","crossOffset","shouldFlip","containerPadding","children","isDisabled","onAction","key","autoFocus","InternalSubMenuTriggerProps","targetKey","InternalSubMenuTrigger","props","overlayProps","menuTrigger","menu","Children","toArray","state","submenuId","domTriggerRef","HTMLElement","popoverRef","HTMLDivElement","menuRef","HTMLUListElement","menuId","isOpen","onClose","close","triggerRef","containerRef","menuTriggerProps","rawTriggerProps","menuProps","type","parentContext","onKeyDown","_mtOnKeyDown","onPress","_mtOnPress","onPressStart","_mtOnPressStart","onKeyUp","_mtOnKeyUp","positionProps","resolvedPlacement","targetRef","overlayRef","scrollRef","nestedMenuContext","ctx","ref","closeOnSelect","mods","popover","isClosing","hoverOpenTimerRef","current","clearTimeout","hoverCloseTimerRef","isHoveringRef","isHoveringSubmenuRef","handleKeyDown","e","KeyboardEvent","preventDefault","stopPropagation","open","nativeEvent","stopImmediatePropagation","ReturnType","setTimeout","checkShouldClose","handleMouseEnter","handleMouseLeave","handlePopoverMouseEnter","handlePopoverMouseLeave","mergeHandler","handler1","handler2","args","shouldCloseOnInteractOutside","el","Element","menuTriggerEl","closest","triggerContextValue","triggerProps","onMouseEnter","onMouseLeave","undefined","style","display","cloneElement","focus","SubMenuTrigger","getCollectionNode","trigger","element","wrapper","displayName"],"sources":["../../../../src/components/actions/Menu/SubMenuTrigger.tsx"],"sourcesContent":["import { useSyncRef } from '@react-aria/utils';\nimport React, {\n  Key,\n  ReactElement,\n  ReactNode,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  AriaMenuTriggerProps,\n  DismissButton,\n  Placement,\n  useMenuTrigger,\n  useOverlayPosition,\n} from 'react-aria';\nimport { useMenuTriggerState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal';\nimport { generateRandomId } from '../../../utils/random';\nimport { usePopoverSync } from '../../../utils/react/usePopoverSync';\nimport { Popover } from '../../overlays/Modal';\n\nimport { MenuContext, MenuContextValue, useMenuContext } from './context';\nimport { SubmenuTriggerContext } from './SubmenuTriggerContext';\n\n// Default placement & offset for sub-menus (matches Spectrum / Aria)\nconst DEFAULT_PLACEMENT: Placement = 'right top';\nconst DEFAULT_OFFSET = 4;\nconst DEFAULT_CROSS_OFFSET = -5;\n\nexport interface CubeSubMenuTriggerProps extends AriaMenuTriggerProps {\n  /** The preferred placement of the sub-menu relative to the trigger */\n  placement?: Placement;\n\n  /** Distance in pixels between the trigger and sub-menu */\n  offset?: number;\n\n  /** Distance in pixels along the cross axis from the default alignment */\n  crossOffset?: number;\n\n  /** Whether the sub-menu should flip to the opposite side when it would overflow */\n  shouldFlip?: boolean;\n\n  /** Minimum padding in pixels between the sub-menu and viewport edges */\n  containerPadding?: number;\n\n  /**\n   * Sub-menu trigger and the sub-menu itself. Must be exactly two React nodes.\n   *\n   * 1) Trigger – **must render `<li role=\"menuitem\">`** (usually `Menu.Item`).\n   * 2) Sub-menu – a `<Menu>` element.\n   */\n  children: [ReactNode, ReactElement];\n\n  /** Whether the trigger is disabled and cannot be activated */\n  isDisabled?: boolean;\n\n  /**\n   * Callback fired when an action is selected from the sub-menu.\n   * Bubbles the `onAction` event from the sub-menu to parent components.\n   */\n  onAction?: (key: Key) => void;\n\n  /**\n   * Controls focus behavior when the sub-menu opens.\n   * - `true` or `'first'`: Focus the first item\n   * - `'last'`: Focus the last item\n   * - `false`: Don't auto-focus any item\n   * @default 'first'\n   */\n  autoFocus?: boolean | 'first' | 'last';\n}\n\ninterface InternalSubMenuTriggerProps extends CubeSubMenuTriggerProps {\n  targetKey?: Key;\n}\n\n/**\n * Internal SubMenuTrigger that receives the already-rendered trigger element\n * from the collection system and wraps it with submenu behavior.\n */\nfunction InternalSubMenuTrigger(props: InternalSubMenuTriggerProps) {\n  const {\n    children,\n    placement = DEFAULT_PLACEMENT,\n    offset = DEFAULT_OFFSET,\n    crossOffset = DEFAULT_CROSS_OFFSET,\n    shouldFlip = true,\n    isDisabled,\n    autoFocus = 'first',\n    onAction,\n    targetKey,\n    ...overlayProps\n  } = props;\n\n  // Children: [menuTrigger (already rendered MenuItem), menu (Menu component)]\n  const [menuTrigger, menu] = React.Children.toArray(children) as [\n    ReactElement,\n    ReactElement,\n  ];\n\n  const state = useMenuTriggerState(props as AriaMenuTriggerProps);\n\n  // Generate a unique ID for this submenu instance\n  const submenuId = useMemo(() => generateRandomId(), []);\n\n  // Refs – trigger (MenuItem <li>) and overlay (<div> from Popover)\n  const domTriggerRef = useRef<HTMLElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const menuRef = useRef<HTMLUListElement>(null);\n\n  usePopoverSync({\n    menuId: submenuId,\n    isOpen: state.isOpen,\n    onClose: () => state.close(),\n    triggerRef: domTriggerRef,\n    containerRef: popoverRef,\n  });\n\n  // Strip keyboard/press handlers that we will implement ourselves\n  const { menuTriggerProps: rawTriggerProps, menuProps } = useMenuTrigger(\n    { type: 'menu', isDisabled },\n    state,\n    domTriggerRef,\n  );\n\n  // Get parent context to check if parent menu is closing\n  const parentContext = useMenuContext();\n\n  // Remove default onKeyDown/onPress handlers from trigger props – we implement custom ones\n  const {\n    onKeyDown: _mtOnKeyDown,\n    onPress: _mtOnPress,\n    onPressStart: _mtOnPressStart,\n    onKeyUp: _mtOnKeyUp,\n    ...menuTriggerProps\n  } = rawTriggerProps;\n\n  const { overlayProps: positionProps, placement: resolvedPlacement } =\n    useOverlayPosition({\n      targetRef: domTriggerRef,\n      overlayRef: popoverRef,\n      scrollRef: menuRef,\n      placement,\n      offset: offset as number,\n      crossOffset: crossOffset as number,\n      shouldFlip,\n      isOpen: state.isOpen,\n      onClose: state.close,\n    });\n\n  /**\n   * Build a MenuContext for the nested menu so it behaves just like a regular\n   * popover-based Menu (selection handling, focus management, etc.).\n   */\n  const nestedMenuContext = useMemo(() => {\n    const ctx: MenuContextValue = {\n      ...menuProps,\n      ref: menuRef,\n      // Pass the parent's onClose to close the entire menu hierarchy\n      onClose: () => {\n        // Close this submenu state immediately\n        state.close();\n\n        // Then close the parent menu\n        if (parentContext.onClose) {\n          parentContext.onClose();\n        }\n      },\n      closeOnSelect: true,\n      autoFocus,\n      mods: {\n        popover: true,\n      },\n      // Propagate closing state from parent\n      isClosing: parentContext.isClosing || !state.isOpen,\n    };\n\n    return ctx;\n  }, [\n    menuProps,\n    autoFocus,\n    state,\n    parentContext.onClose,\n    parentContext.isClosing,\n  ]);\n\n  // Sync the parent selection manager focus with DOM ref (for virtual focus scenarios)\n  useSyncRef(parentContext, domTriggerRef);\n\n  // Cleanup hover timers and reset refs on unmount\n  useEffect(() => {\n    return () => {\n      if (hoverOpenTimerRef.current) {\n        clearTimeout(hoverOpenTimerRef.current);\n      }\n      if (hoverCloseTimerRef.current) {\n        clearTimeout(hoverCloseTimerRef.current);\n      }\n      isHoveringRef.current = false;\n      isHoveringSubmenuRef.current = false;\n    };\n  }, []);\n\n  // ----- Render -----\n\n  // Handle keyboard navigation\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (isDisabled) return;\n\n    // Arrow right opens submenu\n    if (e.key === 'ArrowRight') {\n      e.preventDefault();\n      e.stopPropagation();\n      state.open();\n    }\n    // Enter or Space opens submenu. Preventing the default keeps `MenuItem`\n    // from passing the key on to React Aria's item handler, which would click\n    // the item and run its action as well.\n    else if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      e.stopPropagation();\n      // Stop immediate propagation to prevent React Aria's handlers from running\n      e.nativeEvent.stopImmediatePropagation();\n      state.open();\n    }\n    // Arrow left closes submenu if open\n    else if (e.key === 'ArrowLeft' && state.isOpen) {\n      e.preventDefault();\n      e.stopPropagation();\n      state.close();\n    }\n  };\n\n  // Use refs to store timer IDs\n  const hoverOpenTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const hoverCloseTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  // Track if mouse is over trigger or submenu\n  const isHoveringRef = useRef(false);\n  const isHoveringSubmenuRef = useRef(false);\n\n  const checkShouldClose = () => {\n    // Only close if mouse is not over trigger OR submenu\n    if (!isHoveringRef.current && !isHoveringSubmenuRef.current) {\n      hoverCloseTimerRef.current = setTimeout(() => {\n        // Double check before closing\n        if (!isHoveringRef.current && !isHoveringSubmenuRef.current) {\n          state.close();\n        }\n      }, 300);\n    }\n  };\n\n  // Handle mouse interactions on trigger\n  const handleMouseEnter = () => {\n    if (isDisabled) return;\n\n    isHoveringRef.current = true;\n\n    // Clear any pending close timer\n    if (hoverCloseTimerRef.current) {\n      clearTimeout(hoverCloseTimerRef.current);\n      hoverCloseTimerRef.current = null;\n    }\n\n    // Use a small delay to prevent accidental opens\n    if (!state.isOpen) {\n      hoverOpenTimerRef.current = setTimeout(() => {\n        if (isHoveringRef.current) {\n          state.open();\n        }\n      }, 200);\n    }\n  };\n\n  const handleMouseLeave = () => {\n    isHoveringRef.current = false;\n\n    // Clear open timer if it exists\n    if (hoverOpenTimerRef.current) {\n      clearTimeout(hoverOpenTimerRef.current);\n      hoverOpenTimerRef.current = null;\n    }\n\n    // Check if we should close\n    checkShouldClose();\n  };\n\n  // Handle mouse events on the submenu popover\n  const handlePopoverMouseEnter = () => {\n    isHoveringSubmenuRef.current = true;\n\n    // Clear any pending close timer when entering submenu\n    if (hoverCloseTimerRef.current) {\n      clearTimeout(hoverCloseTimerRef.current);\n      hoverCloseTimerRef.current = null;\n    }\n  };\n\n  const handlePopoverMouseLeave = () => {\n    isHoveringSubmenuRef.current = false;\n\n    // Check if we should close\n    checkShouldClose();\n  };\n\n  // Merge event handlers\n  const mergeHandler = (handler1: any, handler2: any) => {\n    return (...args: any[]) => {\n      handler1?.(...args);\n      handler2?.(...args);\n    };\n  };\n\n  // Outside-click handling for the nested submenu Popover.\n  //\n  // React Aria's `useOverlay` keeps a module-level `visibleOverlays` stack and\n  // only invokes `onClose` for the topmost overlay (`onHide` gates on the\n  // stack tail). With root + N nested submenus open, a single outside click\n  // would otherwise only close the deepest submenu. Scheduling\n  // `parentContext.onClose()` here propagates the close upward; the existing\n  // `parentContext.isClosing` cascade (see `nestedMenuContext.isClosing` and\n  // the Popover's `isOpen={!parentContext.isClosing}`) collapses every\n  // intermediate submenu visually.\n  //\n  // Mirrors `MenuTrigger`'s predicate so clicks on `[data-popover-trigger]`\n  // and `[data-popover-dismiss]` elements behave consistently across nesting\n  // levels.\n  const shouldCloseOnInteractOutside = useEvent((el: Element) => {\n    if (!state.isOpen) return false;\n\n    const menuTriggerEl = el.closest('[data-popover-trigger]');\n    if (!menuTriggerEl) {\n      if (el.closest('[data-popover-keep]')) return false;\n      if (el.closest('[data-popover-dismiss]')) {\n        // Let the button's onPress fire first, then collapse the chain.\n        setTimeout(() => parentContext.onClose?.(), 0);\n        return false;\n      }\n      // True outside click: schedule parent close so the entire hierarchy\n      // cascades. `useOverlay`'s own `onHide` will close this submenu via the\n      // topmost-overlay rule.\n      setTimeout(() => parentContext.onClose?.(), 0);\n      return true;\n    }\n    // Click landed on a popover trigger (parent menu item, sibling submenu\n    // trigger, or a different menu's button). Don't close ourselves here —\n    // either the trigger handles it or `usePopoverSync` closes us via\n    // `popover:open`.\n    return false;\n  });\n\n  // Provide context to the trigger element (already rendered MenuItem)\n  const triggerContextValue = useMemo(\n    () => ({\n      triggerRef: domTriggerRef,\n      triggerProps: menuTriggerProps,\n      isOpen: state.isOpen,\n      isDisabled,\n      onMouseEnter: handleMouseEnter,\n      onMouseLeave: handleMouseLeave,\n      onKeyDown: handleKeyDown,\n      onAction: isDisabled\n        ? undefined\n        : () => {\n            // A pointer press: Enter and Space open the submenu in\n            // `handleKeyDown` and never reach the item's action.\n            state.open();\n          },\n    }),\n    [\n      state,\n      isDisabled,\n      handleMouseEnter,\n      handleMouseLeave,\n      handleKeyDown,\n      menuTriggerProps,\n    ],\n  );\n\n  return (\n    <>\n      <SubmenuTriggerContext.Provider value={triggerContextValue}>\n        {menuTrigger}\n      </SubmenuTriggerContext.Provider>\n      {state.isOpen && (\n        <Popover\n          ref={popoverRef}\n          hideArrow\n          isNonModal\n          isOpen={!parentContext.isClosing}\n          style={positionProps.style}\n          placement={resolvedPlacement ?? undefined}\n          shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n          onClose={state.close}\n          // Spread any additional overlay props\n          {...overlayProps}\n        >\n          {/* Wrap content in a div to capture mouse events */}\n          <div\n            style={{ display: 'contents' }}\n            onMouseEnter={handlePopoverMouseEnter}\n            onMouseLeave={handlePopoverMouseLeave}\n          >\n            {/* Dismiss buttons for screen reader / keyboard support */}\n            <DismissButton onDismiss={state.close} />\n            {/* Provide updated menu context so nested menu behaves correctly */}\n            <MenuContext.Provider value={nestedMenuContext}>\n              {/* Clone nested menu to inject required props */}\n              {React.cloneElement(menu, {\n                ...(menu.props as any),\n                autoFocus,\n                onAction: (key: Key) => {\n                  // Call original menu onAction first\n                  (menu.props as any).onAction?.(key);\n                  onAction?.(key);\n                  // Don't close here - MenuItem will handle it via context.onClose\n                },\n                onKeyDown: (e: React.KeyboardEvent) => {\n                  // Handle keyboard navigation for closing submenu\n                  if (e.key === 'ArrowLeft' || e.key === 'Escape') {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    state.close();\n                    // Return focus to trigger\n                    domTriggerRef.current?.focus();\n                  }\n                  // Call original handler if exists\n                  (menu.props as any).onKeyDown?.(e);\n                },\n                ref: menuRef,\n              })}\n            </MenuContext.Provider>\n            <DismissButton onDismiss={state.close} />\n          </div>\n        </Popover>\n      )}\n    </>\n  );\n}\n\n/**\n * Public SubMenuTrigger component that users interact with.\n * It just provides the getCollectionNode for the collection system.\n */\nexport function SubMenuTrigger(props: CubeSubMenuTriggerProps) {\n  // This component is never actually rendered directly.\n  // The collection system uses getCollectionNode to build the menu.\n  return null;\n}\n\n// Allow React Stately collection builder to treat SubMenuTrigger as an Item\n(SubMenuTrigger as any).getCollectionNode = function* (\n  props: CubeSubMenuTriggerProps,\n) {\n  const [trigger, menu] = React.Children.toArray(\n    props.children,\n  ) as ReactElement[];\n\n  // Yield a collection node that tells the Menu to wrap this item with InternalSubMenuTrigger\n  yield {\n    element: trigger,\n    wrapper: (element: ReactElement) => (\n      <InternalSubMenuTrigger\n        key={element.key || undefined}\n        targetKey={element.key || undefined}\n        {...props}\n      >\n        {element}\n        {menu}\n      </InternalSubMenuTrigger>\n    ),\n  };\n};\n\nSubMenuTrigger.displayName = 'SubMenuTrigger';\n"],"mappings":"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"}
+{"version":3,"file":"SubMenuTrigger.js","names":["useSyncRef","React","Key","ReactElement","ReactNode","useEffect","useMemo","useRef","useState","AriaMenuTriggerProps","DismissButton","Placement","useMenuTrigger","useOverlayPosition","useMenuTriggerState","useEvent","generateRandomId","usePopoverSync","Popover","MenuContext","MenuContextValue","useMenuContext","SubmenuTriggerContext","DEFAULT_PLACEMENT","DEFAULT_OFFSET","DEFAULT_CROSS_OFFSET","CubeSubMenuTriggerProps","placement","offset","crossOffset","shouldFlip","containerPadding","children","isDisabled","onAction","key","autoFocus","InternalSubMenuTriggerProps","targetKey","InternalSubMenuTrigger","props","overlayProps","menuTrigger","menu","Children","toArray","state","submenuId","domTriggerRef","HTMLElement","popoverRef","HTMLDivElement","menuRef","HTMLUListElement","menuId","isOpen","onClose","close","triggerRef","containerRef","menuTriggerProps","rawTriggerProps","menuProps","type","parentContext","onKeyDown","_mtOnKeyDown","onPress","_mtOnPress","onPressStart","_mtOnPressStart","onKeyUp","_mtOnKeyUp","positionProps","resolvedPlacement","targetRef","overlayRef","scrollRef","nestedMenuContext","ctx","ref","closeOnSelect","mods","popover","isClosing","hoverOpenTimerRef","current","clearTimeout","hoverCloseTimerRef","isHoveringRef","isHoveringSubmenuRef","handleKeyDown","e","KeyboardEvent","preventDefault","stopPropagation","open","nativeEvent","stopImmediatePropagation","ReturnType","setTimeout","checkShouldClose","handleMouseEnter","handleMouseLeave","handlePopoverMouseEnter","handlePopoverMouseLeave","mergeHandler","handler1","handler2","args","shouldCloseOnInteractOutside","el","Element","menuTriggerEl","closest","triggerContextValue","triggerProps","onMouseEnter","onMouseLeave","undefined","style","display","cloneElement","querySelector","focus","SubMenuTrigger","getCollectionNode","trigger","element","wrapper","displayName"],"sources":["../../../../src/components/actions/Menu/SubMenuTrigger.tsx"],"sourcesContent":["import { useSyncRef } from '@react-aria/utils';\nimport React, {\n  Key,\n  ReactElement,\n  ReactNode,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  AriaMenuTriggerProps,\n  DismissButton,\n  Placement,\n  useMenuTrigger,\n  useOverlayPosition,\n} from 'react-aria';\nimport { useMenuTriggerState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal';\nimport { generateRandomId } from '../../../utils/random';\nimport { usePopoverSync } from '../../../utils/react/usePopoverSync';\nimport { Popover } from '../../overlays/Modal';\n\nimport { MenuContext, MenuContextValue, useMenuContext } from './context';\nimport { SubmenuTriggerContext } from './SubmenuTriggerContext';\n\n// Default placement & offset for sub-menus (matches Spectrum / Aria)\nconst DEFAULT_PLACEMENT: Placement = 'right top';\nconst DEFAULT_OFFSET = 4;\nconst DEFAULT_CROSS_OFFSET = -5;\n\nexport interface CubeSubMenuTriggerProps extends AriaMenuTriggerProps {\n  /** The preferred placement of the sub-menu relative to the trigger */\n  placement?: Placement;\n\n  /** Distance in pixels between the trigger and sub-menu */\n  offset?: number;\n\n  /** Distance in pixels along the cross axis from the default alignment */\n  crossOffset?: number;\n\n  /** Whether the sub-menu should flip to the opposite side when it would overflow */\n  shouldFlip?: boolean;\n\n  /** Minimum padding in pixels between the sub-menu and viewport edges */\n  containerPadding?: number;\n\n  /**\n   * Sub-menu trigger and the sub-menu itself. Must be exactly two React nodes.\n   *\n   * 1) Trigger – a `Menu.Item` with its semantic menuitem inside a list row.\n   * 2) Sub-menu – a `<Menu>` element.\n   */\n  children: [ReactNode, ReactElement];\n\n  /** Whether the trigger is disabled and cannot be activated */\n  isDisabled?: boolean;\n\n  /**\n   * Callback fired when an action is selected from the sub-menu.\n   * Bubbles the `onAction` event from the sub-menu to parent components.\n   */\n  onAction?: (key: Key) => void;\n\n  /**\n   * Controls focus behavior when the sub-menu opens.\n   * - `true` or `'first'`: Focus the first item\n   * - `'last'`: Focus the last item\n   * - `false`: Don't auto-focus any item\n   * @default 'first'\n   */\n  autoFocus?: boolean | 'first' | 'last';\n}\n\ninterface InternalSubMenuTriggerProps extends CubeSubMenuTriggerProps {\n  targetKey?: Key;\n}\n\n/**\n * Internal SubMenuTrigger that receives the already-rendered trigger element\n * from the collection system and wraps it with submenu behavior.\n */\nfunction InternalSubMenuTrigger(props: InternalSubMenuTriggerProps) {\n  const {\n    children,\n    placement = DEFAULT_PLACEMENT,\n    offset = DEFAULT_OFFSET,\n    crossOffset = DEFAULT_CROSS_OFFSET,\n    shouldFlip = true,\n    isDisabled,\n    autoFocus = 'first',\n    onAction,\n    targetKey,\n    ...overlayProps\n  } = props;\n\n  // Children: [menuTrigger (already rendered MenuItem), menu (Menu component)]\n  const [menuTrigger, menu] = React.Children.toArray(children) as [\n    ReactElement,\n    ReactElement,\n  ];\n\n  const state = useMenuTriggerState(props as AriaMenuTriggerProps);\n\n  // Generate a unique ID for this submenu instance\n  const submenuId = useMemo(() => generateRandomId(), []);\n\n  // Refs – trigger (MenuItem <li>) and overlay (<div> from Popover)\n  const domTriggerRef = useRef<HTMLElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const menuRef = useRef<HTMLUListElement>(null);\n\n  usePopoverSync({\n    menuId: submenuId,\n    isOpen: state.isOpen,\n    onClose: () => state.close(),\n    triggerRef: domTriggerRef,\n    containerRef: popoverRef,\n  });\n\n  // Strip keyboard/press handlers that we will implement ourselves\n  const { menuTriggerProps: rawTriggerProps, menuProps } = useMenuTrigger(\n    { type: 'menu', isDisabled },\n    state,\n    domTriggerRef,\n  );\n\n  // Get parent context to check if parent menu is closing\n  const parentContext = useMenuContext();\n\n  // Remove default onKeyDown/onPress handlers from trigger props – we implement custom ones\n  const {\n    onKeyDown: _mtOnKeyDown,\n    onPress: _mtOnPress,\n    onPressStart: _mtOnPressStart,\n    onKeyUp: _mtOnKeyUp,\n    ...menuTriggerProps\n  } = rawTriggerProps;\n\n  const { overlayProps: positionProps, placement: resolvedPlacement } =\n    useOverlayPosition({\n      targetRef: domTriggerRef,\n      overlayRef: popoverRef,\n      scrollRef: menuRef,\n      placement,\n      offset: offset as number,\n      crossOffset: crossOffset as number,\n      shouldFlip,\n      isOpen: state.isOpen,\n      onClose: state.close,\n    });\n\n  /**\n   * Build a MenuContext for the nested menu so it behaves just like a regular\n   * popover-based Menu (selection handling, focus management, etc.).\n   */\n  const nestedMenuContext = useMemo(() => {\n    const ctx: MenuContextValue = {\n      ...menuProps,\n      ref: menuRef,\n      // Pass the parent's onClose to close the entire menu hierarchy\n      onClose: () => {\n        // Close this submenu state immediately\n        state.close();\n\n        // Then close the parent menu\n        if (parentContext.onClose) {\n          parentContext.onClose();\n        }\n      },\n      closeOnSelect: true,\n      autoFocus,\n      mods: {\n        popover: true,\n      },\n      // Propagate closing state from parent\n      isClosing: parentContext.isClosing || !state.isOpen,\n    };\n\n    return ctx;\n  }, [\n    menuProps,\n    autoFocus,\n    state,\n    parentContext.onClose,\n    parentContext.isClosing,\n  ]);\n\n  // Sync the parent selection manager focus with DOM ref (for virtual focus scenarios)\n  useSyncRef(parentContext, domTriggerRef);\n\n  // Cleanup hover timers and reset refs on unmount\n  useEffect(() => {\n    return () => {\n      if (hoverOpenTimerRef.current) {\n        clearTimeout(hoverOpenTimerRef.current);\n      }\n      if (hoverCloseTimerRef.current) {\n        clearTimeout(hoverCloseTimerRef.current);\n      }\n      isHoveringRef.current = false;\n      isHoveringSubmenuRef.current = false;\n    };\n  }, []);\n\n  // ----- Render -----\n\n  // Handle keyboard navigation\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (isDisabled) return;\n\n    // Arrow right opens submenu\n    if (e.key === 'ArrowRight') {\n      e.preventDefault();\n      e.stopPropagation();\n      state.open();\n    }\n    // Enter or Space opens submenu. Preventing the default keeps `MenuItem`\n    // from passing the key on to React Aria's item handler, which would click\n    // the item and run its action as well.\n    else if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      e.stopPropagation();\n      // Stop immediate propagation to prevent React Aria's handlers from running\n      e.nativeEvent.stopImmediatePropagation();\n      state.open();\n    }\n    // Arrow left closes submenu if open\n    else if (e.key === 'ArrowLeft' && state.isOpen) {\n      e.preventDefault();\n      e.stopPropagation();\n      state.close();\n    }\n  };\n\n  // Use refs to store timer IDs\n  const hoverOpenTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const hoverCloseTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  // Track if mouse is over trigger or submenu\n  const isHoveringRef = useRef(false);\n  const isHoveringSubmenuRef = useRef(false);\n\n  const checkShouldClose = () => {\n    // Only close if mouse is not over trigger OR submenu\n    if (!isHoveringRef.current && !isHoveringSubmenuRef.current) {\n      hoverCloseTimerRef.current = setTimeout(() => {\n        // Double check before closing\n        if (!isHoveringRef.current && !isHoveringSubmenuRef.current) {\n          state.close();\n        }\n      }, 300);\n    }\n  };\n\n  // Handle mouse interactions on trigger\n  const handleMouseEnter = () => {\n    if (isDisabled) return;\n\n    isHoveringRef.current = true;\n\n    // Clear any pending close timer\n    if (hoverCloseTimerRef.current) {\n      clearTimeout(hoverCloseTimerRef.current);\n      hoverCloseTimerRef.current = null;\n    }\n\n    // Use a small delay to prevent accidental opens\n    if (!state.isOpen) {\n      hoverOpenTimerRef.current = setTimeout(() => {\n        if (isHoveringRef.current) {\n          state.open();\n        }\n      }, 200);\n    }\n  };\n\n  const handleMouseLeave = () => {\n    isHoveringRef.current = false;\n\n    // Clear open timer if it exists\n    if (hoverOpenTimerRef.current) {\n      clearTimeout(hoverOpenTimerRef.current);\n      hoverOpenTimerRef.current = null;\n    }\n\n    // Check if we should close\n    checkShouldClose();\n  };\n\n  // Handle mouse events on the submenu popover\n  const handlePopoverMouseEnter = () => {\n    isHoveringSubmenuRef.current = true;\n\n    // Clear any pending close timer when entering submenu\n    if (hoverCloseTimerRef.current) {\n      clearTimeout(hoverCloseTimerRef.current);\n      hoverCloseTimerRef.current = null;\n    }\n  };\n\n  const handlePopoverMouseLeave = () => {\n    isHoveringSubmenuRef.current = false;\n\n    // Check if we should close\n    checkShouldClose();\n  };\n\n  // Merge event handlers\n  const mergeHandler = (handler1: any, handler2: any) => {\n    return (...args: any[]) => {\n      handler1?.(...args);\n      handler2?.(...args);\n    };\n  };\n\n  // Outside-click handling for the nested submenu Popover.\n  //\n  // React Aria's `useOverlay` keeps a module-level `visibleOverlays` stack and\n  // only invokes `onClose` for the topmost overlay (`onHide` gates on the\n  // stack tail). With root + N nested submenus open, a single outside click\n  // would otherwise only close the deepest submenu. Scheduling\n  // `parentContext.onClose()` here propagates the close upward; the existing\n  // `parentContext.isClosing` cascade (see `nestedMenuContext.isClosing` and\n  // the Popover's `isOpen={!parentContext.isClosing}`) collapses every\n  // intermediate submenu visually.\n  //\n  // Mirrors `MenuTrigger`'s predicate so clicks on `[data-popover-trigger]`\n  // and `[data-popover-dismiss]` elements behave consistently across nesting\n  // levels.\n  const shouldCloseOnInteractOutside = useEvent((el: Element) => {\n    if (!state.isOpen) return false;\n\n    const menuTriggerEl = el.closest('[data-popover-trigger]');\n    if (!menuTriggerEl) {\n      if (el.closest('[data-popover-keep]')) return false;\n      if (el.closest('[data-popover-dismiss]')) {\n        // Let the button's onPress fire first, then collapse the chain.\n        setTimeout(() => parentContext.onClose?.(), 0);\n        return false;\n      }\n      // True outside click: schedule parent close so the entire hierarchy\n      // cascades. `useOverlay`'s own `onHide` will close this submenu via the\n      // topmost-overlay rule.\n      setTimeout(() => parentContext.onClose?.(), 0);\n      return true;\n    }\n    // Click landed on a popover trigger (parent menu item, sibling submenu\n    // trigger, or a different menu's button). Don't close ourselves here —\n    // either the trigger handles it or `usePopoverSync` closes us via\n    // `popover:open`.\n    return false;\n  });\n\n  // Provide context to the trigger element (already rendered MenuItem)\n  const triggerContextValue = useMemo(\n    () => ({\n      triggerRef: domTriggerRef,\n      triggerProps: menuTriggerProps,\n      isOpen: state.isOpen,\n      isDisabled,\n      onMouseEnter: handleMouseEnter,\n      onMouseLeave: handleMouseLeave,\n      onKeyDown: handleKeyDown,\n      onAction: isDisabled\n        ? undefined\n        : () => {\n            // A pointer press: Enter and Space open the submenu in\n            // `handleKeyDown` and never reach the item's action.\n            state.open();\n          },\n    }),\n    [\n      state,\n      isDisabled,\n      handleMouseEnter,\n      handleMouseLeave,\n      handleKeyDown,\n      menuTriggerProps,\n    ],\n  );\n\n  return (\n    <>\n      <SubmenuTriggerContext.Provider value={triggerContextValue}>\n        {menuTrigger}\n      </SubmenuTriggerContext.Provider>\n      {state.isOpen && (\n        <Popover\n          ref={popoverRef}\n          hideArrow\n          isNonModal\n          isOpen={!parentContext.isClosing}\n          style={positionProps.style}\n          placement={resolvedPlacement ?? undefined}\n          shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n          onClose={state.close}\n          // Spread any additional overlay props\n          {...overlayProps}\n        >\n          {/* Wrap content in a div to capture mouse events */}\n          <div\n            style={{ display: 'contents' }}\n            onMouseEnter={handlePopoverMouseEnter}\n            onMouseLeave={handlePopoverMouseLeave}\n          >\n            {/* Dismiss buttons for screen reader / keyboard support */}\n            <DismissButton onDismiss={state.close} />\n            {/* Provide updated menu context so nested menu behaves correctly */}\n            <MenuContext.Provider value={nestedMenuContext}>\n              {/* Clone nested menu to inject required props */}\n              {React.cloneElement(menu, {\n                ...(menu.props as any),\n                autoFocus,\n                onAction: (key: Key) => {\n                  // Call original menu onAction first\n                  (menu.props as any).onAction?.(key);\n                  onAction?.(key);\n                  // Don't close here - MenuItem will handle it via context.onClose\n                },\n                onKeyDown: (e: React.KeyboardEvent) => {\n                  // Handle keyboard navigation for closing submenu\n                  if (e.key === 'ArrowLeft' || e.key === 'Escape') {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    state.close();\n                    // Return focus to trigger\n                    (\n                      domTriggerRef.current?.querySelector<HTMLElement>(\n                        '[data-menu-native-primary]',\n                      ) ?? domTriggerRef.current\n                    )?.focus();\n                  }\n                  // Call original handler if exists\n                  (menu.props as any).onKeyDown?.(e);\n                },\n                ref: menuRef,\n              })}\n            </MenuContext.Provider>\n            <DismissButton onDismiss={state.close} />\n          </div>\n        </Popover>\n      )}\n    </>\n  );\n}\n\n/**\n * Public SubMenuTrigger component that users interact with.\n * It just provides the getCollectionNode for the collection system.\n */\nexport function SubMenuTrigger(props: CubeSubMenuTriggerProps) {\n  // This component is never actually rendered directly.\n  // The collection system uses getCollectionNode to build the menu.\n  return null;\n}\n\n// Allow React Stately collection builder to treat SubMenuTrigger as an Item\n(SubMenuTrigger as any).getCollectionNode = function* (\n  props: CubeSubMenuTriggerProps,\n) {\n  const [trigger, menu] = React.Children.toArray(\n    props.children,\n  ) as ReactElement[];\n\n  // Yield a collection node that tells the Menu to wrap this item with InternalSubMenuTrigger\n  yield {\n    element: trigger,\n    wrapper: (element: ReactElement) => (\n      <InternalSubMenuTrigger\n        key={element.key || undefined}\n        targetKey={element.key || undefined}\n        {...props}\n      >\n        {element}\n        {menu}\n      </InternalSubMenuTrigger>\n    ),\n  };\n};\n\nSubMenuTrigger.displayName = 'SubMenuTrigger';\n"],"mappings":";;;;;;;;;;;;;;AA4BA,MAAMuB,oBAA+B;AACrC,MAAMC,iBAAiB;AACvB,MAAMC,uBAAuB;;;;;AAqD7B,SAASc,uBAAuBC,OAAoC;CAClE,MAAM,EACJR,UACAL,YAAYJ,mBACZK,SAASJ,gBACTK,cAAcJ,sBACdK,aAAa,MACbG,YACAG,YAAY,SACZF,UACAI,WACA,GAAGG,iBACDD;CAGJ,MAAM,CAACE,aAAaC,QAAQ1C,MAAM2C,SAASC,QAAQb,SAAS;CAK5D,MAAMc,QAAQhC,oBAAoB0B,MAA8B;CAGhE,MAAMO,YAAYzC,cAAcU,kBAAkB,EAAE,EAAE,CAAC;CAGvD,MAAMgC,gBAAgBzC,OAAoB,KAAK;CAC/C,MAAM2C,aAAa3C,OAAuB,KAAK;CAC/C,MAAM6C,UAAU7C,OAAyB,KAAK;AAE9CU,gBAAe;EACbqC,QAAQP;EACRQ,QAAQT,MAAMS;EACdC,eAAeV,MAAMW,OAAO;EAC5BC,YAAYV;EACZW,cAAcT;EACf,CAAC;CAGF,MAAM,EAAEU,kBAAkBC,iBAAiBC,cAAclD,eACvD;EAAEmD,MAAM;EAAQ9B;EAAY,EAC5Ba,OACAE,cACD;CAGD,MAAMgB,gBAAgB3C,gBAAgB;CAGtC,MAAM,EACJ4C,WAAWC,cACXC,SAASC,YACTC,cAAcC,iBACdC,SAASC,YACT,GAAGZ,qBACDC;CAEJ,MAAM,EAAEpB,cAAcgC,eAAe9C,WAAW+C,sBAC9C7D,mBAAmB;EACjB8D,WAAW3B;EACX4B,YAAY1B;EACZ2B,WAAWzB;EACXzB;EACQC;EACKC;EACbC;EACAyB,QAAQT,MAAMS;EACdC,SAASV,MAAMW;EAChB,CAAC;;;;;CAMJ,MAAMqB,oBAAoBxE,cAAc;AAuBtC,SAtB8B;GAC5B,GAAGwD;GACHkB,KAAK5B;GAELI,eAAe;AAEbV,UAAMW,OAAO;AAGb,QAAIO,cAAcR,QAChBQ,eAAcR,SAAS;;GAG3ByB,eAAe;GACf7C;GACA8C,MAAM,EACJC,SAAS,MACV;GAEDC,WAAWpB,cAAcoB,aAAa,CAACtC,MAAMS;GAC9C;IAGA;EACDO;EACA1B;EACAU;EACAkB,cAAcR;EACdQ,cAAcoB;EACf,CAAC;AAGFpF,YAAWgE,eAAehB,cAAc;AAGxC3C,iBAAgB;AACd,eAAa;AACX,OAAIgF,kBAAkBC,QACpBC,cAAaF,kBAAkBC,QAAQ;AAEzC,OAAIE,mBAAmBF,QACrBC,cAAaC,mBAAmBF,QAAQ;AAE1CG,iBAAcH,UAAU;AACxBI,wBAAqBJ,UAAU;;IAEhC,EAAE,CAAC;CAKN,MAAMK,iBAAiBC,MAA2B;AAChD,MAAI3D,WAAY;AAGhB,MAAI2D,EAAEzD,QAAQ,cAAc;AAC1ByD,KAAEE,gBAAgB;AAClBF,KAAEG,iBAAiB;AACnBjD,SAAMkD,MAAM;aAKLJ,EAAEzD,QAAQ,WAAWyD,EAAEzD,QAAQ,KAAK;AAC3CyD,KAAEE,gBAAgB;AAClBF,KAAEG,iBAAiB;AAEnBH,KAAEK,YAAYC,0BAA0B;AACxCpD,SAAMkD,MAAM;aAGLJ,EAAEzD,QAAQ,eAAeW,MAAMS,QAAQ;AAC9CqC,KAAEE,gBAAgB;AAClBF,KAAEG,iBAAiB;AACnBjD,SAAMW,OAAO;;;CAKjB,MAAM4B,oBAAoB9E,OAA6C,KAAK;CAC5E,MAAMiF,qBAAqBjF,OAA6C,KAAK;CAG7E,MAAMkF,gBAAgBlF,OAAO,MAAM;CACnC,MAAMmF,uBAAuBnF,OAAO,MAAM;CAE1C,MAAM8F,yBAAyB;AAE7B,MAAI,CAACZ,cAAcH,WAAW,CAACI,qBAAqBJ,QAClDE,oBAAmBF,UAAUc,iBAAiB;AAE5C,OAAI,CAACX,cAAcH,WAAW,CAACI,qBAAqBJ,QAClDxC,OAAMW,OAAO;KAEd,IAAI;;CAKX,MAAM6C,yBAAyB;AAC7B,MAAIrE,WAAY;AAEhBwD,gBAAcH,UAAU;AAGxB,MAAIE,mBAAmBF,SAAS;AAC9BC,gBAAaC,mBAAmBF,QAAQ;AACxCE,sBAAmBF,UAAU;;AAI/B,MAAI,CAACxC,MAAMS,OACT8B,mBAAkBC,UAAUc,iBAAiB;AAC3C,OAAIX,cAAcH,QAChBxC,OAAMkD,MAAM;KAEb,IAAI;;CAIX,MAAMO,yBAAyB;AAC7Bd,gBAAcH,UAAU;AAGxB,MAAID,kBAAkBC,SAAS;AAC7BC,gBAAaF,kBAAkBC,QAAQ;AACvCD,qBAAkBC,UAAU;;AAI9Be,oBAAkB;;CAIpB,MAAMG,gCAAgC;AACpCd,uBAAqBJ,UAAU;AAG/B,MAAIE,mBAAmBF,SAAS;AAC9BC,gBAAaC,mBAAmBF,QAAQ;AACxCE,sBAAmBF,UAAU;;;CAIjC,MAAMmB,gCAAgC;AACpCf,uBAAqBJ,UAAU;AAG/Be,oBAAkB;;CAyBpB,MAAMS,+BAA+B/F,UAAUgG,OAAgB;AAC7D,MAAI,CAACjE,MAAMS,OAAQ,QAAO;AAG1B,MAAI,CADkBwD,GAAGG,QAAQ,yBAAyB,EACtC;AAClB,OAAIH,GAAGG,QAAQ,sBAAsB,CAAE,QAAO;AAC9C,OAAIH,GAAGG,QAAQ,yBAAyB,EAAE;AAExCd,qBAAiBpC,cAAcR,WAAW,EAAE,EAAE;AAC9C,WAAO;;AAKT4C,oBAAiBpC,cAAcR,WAAW,EAAE,EAAE;AAC9C,UAAO;;AAMT,SAAO;GACP;CAGF,MAAM2D,sBAAsB7G,eACnB;EACLoD,YAAYV;EACZoE,cAAcxD;EACdL,QAAQT,MAAMS;EACdtB;EACAoF,cAAcf;EACdgB,cAAcf;EACdtC,WAAW0B;EACXzD,UAAUD,aACNsF,eACM;AAGJzE,SAAMkD,MAAM;;EAEnB,GACD;EACElD;EACAb;EACAqE;EACAC;EACAZ;EACA/B;EAEJ,CAAC;AAED,QACE,8CACE,oBAAC,sBAAsB;EAAS,OAAOuD;YACpCzE;GAC6B,EAC/BI,MAAMS,UACL,oBAAC;EACC,KAAKL;EACL;EACA;EACA,QAAQ,CAACc,cAAcoB;EACvB,OAAOX,cAAc+C;EACrB,WAAW9C,qBAAqB6C;EACFT;EAC9B,SAAShE,MAAMW;EAEf,GAAIhB;YAGJ,qBAAC;GACC,OAAO,EAAEgF,SAAS,YAAY;GAC9B,cAAcjB;GACd,cAAcC;;IAGd,oBAAC,iBAAc,WAAW3D,MAAMW,QAAM;IAEtC,oBAAC,YAAY;KAAS,OAAOqB;eAE1B7E,MAAMyH,aAAa/E,MAAM;MACxB,GAAIA,KAAKH;MACTJ;MACAF,WAAWC,QAAa;AAEtB,OAACQ,KAAKH,MAAcN,WAAWC,IAAI;AACnCD,kBAAWC,IAAI;;MAGjB8B,YAAY2B,QAA2B;AAErC,WAAIA,IAAEzD,QAAQ,eAAeyD,IAAEzD,QAAQ,UAAU;AAC/CyD,YAAEE,gBAAgB;AAClBF,YAAEG,iBAAiB;AACnBjD,cAAMW,OAAO;AAEb,SACET,cAAcsC,SAASqC,cACrB,6BACD,IAAI3E,cAAcsC,UAClBsC,OAAO;;AAGZ,OAACjF,KAAKH,MAAcyB,YAAY2B,IAAE;;MAEpCZ,KAAK5B;MACN,CAAC;MACkB;IACtB,oBAAC,iBAAc,WAAWN,MAAMW,QAAM;;IACnC;GAER,IACA;;;;;;AAQP,SAAgBoE,eAAerF,OAAgC;AAG7D,QAAO;;AAIT,AAACqF,eAAuBC,oBAAoB,WAC1CtF,OACA;CACA,MAAM,CAACuF,SAASpF,QAAQ1C,MAAM2C,SAASC,QACrCL,MAAMR,SACP;AAGD,OAAM;EACJgG,SAASD;EACTE,UAAUD,YACR,qBAAC;GAEC,WAAWA,QAAQ7F,OAAOoF;GAC1B,GAAI/E;cAEHwF,SACArF;KALIqF,QAAQ7F,OAAOoF,OAME;EAE3B;;AAGHM,eAAeK,cAAc"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a690c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | Cube Dev Team */
 import React from "react";
 
 //#region src/components/actions/Menu/SubmenuTriggerContext.tsx

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a690c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | Cube Dev Team */
 import React, { useContext } from "react";
 
 //#region src/components/actions/Menu/context.ts

package/dist/components/actions/Menu/index.d.ts

@@ -1,4 +1,5 @@
 
+import { CubeMenuItemProps } from "./MenuCollectionItem.js";
 import { AriaMenuTriggerProps, CubeMenuTriggerProps, _MenuTrigger } from "./MenuTrigger.js";
 import { CubeSubMenuTriggerProps, SubMenuTrigger } from "./SubMenuTrigger.js";
 import { CubeMenuProps, __Menu } from "./Menu.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a690c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | Cube Dev Team */
 import { DEFAULT_CLEAR_STYLES } from "../../../data/item-themes.js";
 import { Space } from "../../layout/Space.js";
 import { DEFAULT_BUTTON_STYLES } from "../Button/Button.js";

package/dist/components/actions/actions-run.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a690c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | Cube Dev Team */
 //#region src/components/actions/actions-run.ts
 /**
 * Whether `element` — the node react-aria hands an overlay's dismiss predicate

package/dist/components/actions/index.d.ts

@@ -1,9 +1,12 @@
 
 import { NavigateArg, NavigateLike, NavigateOptions, Path, RelativeRoutingType, To } from "../../providers/navigation.types.js";
 import { CubeUseActionProps, openLink, parseTo, performClickHandler, useAction } from "./use-action.js";
+import { CubeItemActionProps, ItemAction } from "./ItemAction/ItemAction.js";
+import "./ItemAction/index.js";
 import { Action, CubeActionProps } from "./Action/Action.js";
 import { ButtonMods, ButtonVariant, CubeButtonProps, DEFAULT_BUTTON_STYLES } from "./Button/Button.js";
 import "./Button/index.js";
+import { CubeMenuItemProps } from "./Menu/MenuCollectionItem.js";
 import { AriaMenuTriggerProps, CubeMenuTriggerProps, _MenuTrigger } from "./Menu/MenuTrigger.js";
 import { CubeSubMenuTriggerProps, SubMenuTrigger } from "./Menu/SubMenuTrigger.js";
 import { CubeMenuProps, __Menu } from "./Menu/Menu.js";
@@ -12,10 +15,8 @@ import { ButtonSplitContext, ButtonSplitContextValue, useButtonSplitContext } fr
 import "./ButtonSplit/index.js";
 import { CubeSpaceProps } from "../layout/Space.js";
 import { ButtonGroup } from "./ButtonGroup/ButtonGroup.js";
-import { CubeItemActionProps, ItemAction } from "./ItemAction/ItemAction.js";
 import { Banner, BannerAction, BannerActionProps, BannerLink, BannerLinkProps, BannerProps, BannerTheme } from "./Banner/Banner.js";
 import "./Banner/index.js";
-import "./ItemAction/index.js";
 import { ItemActionProvider, ItemActionProviderProps, useItemActionContext } from "./ItemActionContext.js";
 import { CubeItemButtonProps, _ItemButton } from "./ItemButton/ItemButton.js";
 import "./ItemButton/index.js";

package/dist/components/actions/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a690c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | Cube Dev Team */
 import { ItemActionProvider, useItemActionContext } from "./ItemActionContext.js";
 import { openLink, parseTo, performClickHandler, useAction } from "./use-action.js";
 import { ItemAction } from "./ItemAction/ItemAction.js";

package/dist/components/actions/use-action.js

@@ -1,12 +1,13 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a690c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../utils/react/mergeProps.js";
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { useWarn } from "../../_internal/hooks/use-warn.js";
 import { useFocus as useFocus$1 } from "../../utils/react/interactions.js";
-import { UIKitContext } from "../../provider.js";
+import { isExternalUrl } from "../../providers/navigation-url.js";
 import { useTracking } from "../../providers/TrackingProvider.js";
+import { useNavigation } from "../../providers/use-navigation.js";
+import { c } from "react/compiler-runtime";
 import { filterBaseProps } from "@tenphi/tasty";
-import { useContext } from "react";
 import { useButton, useHover } from "react-aria";
 import { useFocusableRef } from "@react-spectrum/utils";
 
@@ -30,15 +31,6 @@ function openLink(href, target) {
 	link.click();
 	document.body.removeChild(link);
 }
-const URL_SCHEME = /^[a-z][a-z\d+.-]*:/i;
-/**
-* Checks if a URL is external: it starts with a URL scheme (`https:`,
-* `mailto:`) or is protocol-relative (`//host`). A colon later in a path or
-* query (`/models/cube:orders`, `..?thread=a:b`) stays router navigation.
-*/
-function isExternalUrl(url) {
-	return URL_SCHEME.test(url) || url.startsWith("//");
-}
 function parseTo(to) {
 	if (typeof to === "number") return {
 		newTab: false,
@@ -174,42 +166,74 @@ function performClickHandler(evt, { navigate, resolvedHref, to, onPress, trackin
 		navigate(cleanTo, navigationOptions);
 	}
 }
-const useAction = function useAction({ to, as, htmlType, label, mods, onPress, navigationOptions, ...props }, ref) {
-	useWarn(label !== void 0, {
-		key: "action-label-deprecated",
-		args: ["The \"label\" property of Button, ItemButton, ItemAction and Action is deprecated. Use \"aria-label\" for the accessible name and \"children\" for visible text."]
-	});
+const useAction = function useAction(t0, ref) {
+	const $ = c(18);
+	let { to, as, htmlType, label, mods, onPress, navigationOptions, ...props } = t0;
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = {
+			key: "action-label-deprecated",
+			args: ["The \"label\" property of Button, ItemButton, ItemAction and Action is deprecated. Use \"aria-label\" for the accessible name and \"children\" for visible text."]
+		};
+		$[0] = t1;
+	} else t1 = $[0];
+	useWarn(label !== void 0, t1);
 	const tracking = useTracking();
-	const navigation = useContext(UIKitContext).navigation;
 	const isDisabled = props.isDisabled;
-	const { newTab, nativeRoute, cleanTo, isHistoryNavigation, isHashNavigation, isExternal } = parseTo(to);
-	const navigate = navigation.useNavigate();
-	const resolvedHref = navigation.useHref(cleanTo || ".");
+	let t2;
+	if ($[1] !== to) {
+		t2 = parseTo(to);
+		$[1] = to;
+		$[2] = t2;
+	} else t2 = $[2];
+	const { newTab, nativeRoute, cleanTo, isHistoryNavigation, isExternal } = t2;
+	const { navigate, resolvedHref } = useNavigation(cleanTo || ".");
 	as = to && !isHistoryNavigation ? "a" : as || "button";
 	const target = newTab ? "_blank" : props.target;
 	let href;
-	if (as === "a" && cleanTo !== void 0) if (newTab || nativeRoute) href = typeof cleanTo === "string" && isExternal ? cleanTo : resolvedHref;
-	else href = resolvedHref;
+	if ($[3] !== as || $[4] !== cleanTo || $[5] !== isExternal || $[6] !== nativeRoute || $[7] !== newTab || $[8] !== resolvedHref) {
+		if (as === "a" && cleanTo !== void 0) if (newTab || nativeRoute) href = typeof cleanTo === "string" && isExternal ? cleanTo : resolvedHref;
+		else href = resolvedHref;
+		$[3] = as;
+		$[4] = cleanTo;
+		$[5] = isExternal;
+		$[6] = nativeRoute;
+		$[7] = newTab;
+		$[8] = resolvedHref;
+		$[9] = href;
+	} else href = $[9];
 	const domRef = useFocusableRef(ref);
 	const mergedNavigationOptions = navigationOptions;
-	const customOnPress = useEvent((evt) => {
-		performClickHandler(evt, {
-			navigate,
-			resolvedHref: href || resolvedHref,
-			to,
-			onPress,
-			tracking,
-			navigationOptions: mergedNavigationOptions
-		});
-	});
-	let { buttonProps, isPressed } = useButton({
+	let t3;
+	if ($[10] !== href || $[11] !== mergedNavigationOptions || $[12] !== navigate || $[13] !== onPress || $[14] !== resolvedHref || $[15] !== to || $[16] !== tracking) {
+		t3 = (evt) => {
+			performClickHandler(evt, {
+				navigate,
+				resolvedHref: href || resolvedHref,
+				to,
+				onPress,
+				tracking,
+				navigationOptions: mergedNavigationOptions
+			});
+		};
+		$[10] = href;
+		$[11] = mergedNavigationOptions;
+		$[12] = navigate;
+		$[13] = onPress;
+		$[14] = resolvedHref;
+		$[15] = to;
+		$[16] = tracking;
+		$[17] = t3;
+	} else t3 = $[17];
+	const customOnPress = useEvent(t3);
+	const { buttonProps, isPressed } = useButton({
 		"aria-label": label,
 		...props,
 		onPress: customOnPress,
 		type: htmlType ?? "button"
 	}, domRef);
-	let { hoverProps, isHovered } = useHover({ isDisabled });
-	let { focusProps, isFocused } = useFocus$1(true);
+	const { hoverProps, isHovered } = useHover({ isDisabled });
+	const { focusProps, isFocused } = useFocus$1(true);
 	const customProps = to && !isHistoryNavigation ? { onClick(evt_0) {
 		evt_0.preventDefault();
 	} } : {};

package/dist/components/actions/use-action.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-action.js","names":["useFocusableRef","FocusableRef","PressEvent","AllBaseProps","filterBaseProps","TagName","useContext","AriaButtonProps","useButton","useHover","useEvent","useWarn","UIKitContext","useTracking","mergeProps","useFocus","NavigateArg","NavigateOptions","Path","To","LINK_PRESS_EVENT","BUTTON_PRESS_EVENT","NavigateLike","RelativeRoutingType","CubeUseActionProps","T","Omit","to","label","htmlType","navigationOptions","FILTER_OPTIONS","propNames","Set","openLink","href","target","link","document","createElement","rel","body","appendChild","click","removeChild","URL_SCHEME","isExternalUrl","url","test","startsWith","parseTo","newTab","nativeRoute","cleanTo","isHistoryNavigation","historyDelta","isHashNavigation","isExternal","undefined","slice","SanitizedPressEvent","type","pointerType","shiftKey","metaKey","ctrlKey","altKey","key","sanitizePressEvent","evt","safeEvt","Object","defineProperty","value","enumerable","configurable","e","performClickHandler","navigate","resolvedHref","onPress","tracking","element","qa","getAttribute","event","delta","id","targetElement","getElementById","scrollIntoView","behavior","block","inline","window","location","reload","assign","useAction","as","mods","props","ref","HTMLElement","args","navigation","isDisabled","useNavigate","useHref","domRef","mergedNavigationOptions","customOnPress","buttonProps","isPressed","hoverProps","isHovered","focusProps","isFocused","customProps","onClick","preventDefault","actionProps","hovered","pressed","focused","disabled"],"sources":["../../../src/components/actions/use-action.ts"],"sourcesContent":["import { useFocusableRef } from '@react-spectrum/utils';\nimport { FocusableRef, PressEvent } from '@react-types/shared';\nimport { AllBaseProps, filterBaseProps, TagName } from '@tenphi/tasty';\nimport { useContext } from 'react';\nimport { AriaButtonProps, useButton, useHover } from 'react-aria';\n\nimport { useEvent, useWarn } from '../../_internal';\nimport { UIKitContext } from '../../provider';\nimport { useTracking } from '../../providers/TrackingProvider';\nimport { mergeProps } from '../../utils/react';\nimport { useFocus } from '../../utils/react/interactions';\n\n// Import specific types for internal usage\nimport type {\n  NavigateArg,\n  NavigateOptions,\n  Path,\n  To,\n} from '../../providers/navigation.types';\n\nconst LINK_PRESS_EVENT = 'Link Press';\nconst BUTTON_PRESS_EVENT = 'Button Press';\n\n// Re-export types for convenience\nexport type {\n  NavigateLike,\n  Path,\n  To,\n  NavigateArg,\n  NavigateOptions,\n  RelativeRoutingType,\n} from '../../providers/navigation.types';\n\nexport interface CubeUseActionProps<\n  T extends TagName = 'a' | 'button' | 'span' | 'div',\n> extends AllBaseProps<T>,\n    Omit<AriaButtonProps, keyof AllBaseProps<T> | 'type'> {\n  to?: NavigateArg;\n  /**\n   * @deprecated Use `aria-label` for the accessible name, and `children` for\n   * visible text. Not every action honours it: `ItemAction` ignores it.\n   */\n  label?: string;\n  htmlType?: 'button' | 'submit' | 'reset' | undefined;\n  navigationOptions?: NavigateOptions;\n}\n\nconst FILTER_OPTIONS = { propNames: new Set(['onMouseEnter', 'onMouseLeave']) };\n\n/**\n * Helper to open link.\n * @param {String} href\n * @param {String|Boolean} [target]\n */\nexport function openLink(href, target?) {\n  const link = document.createElement('a');\n\n  link.href = href;\n\n  if (target) {\n    link.target = target === true ? '_blank' : target;\n    // Prevent reverse tabnabbing when opening in a new tab\n    link.rel = 'noopener noreferrer';\n  }\n\n  document.body.appendChild(link);\n\n  link.click();\n\n  document.body.removeChild(link);\n}\n\nconst URL_SCHEME = /^[a-z][a-z\\d+.-]*:/i;\n\n/**\n * Checks if a URL is external: it starts with a URL scheme (`https:`,\n * `mailto:`) or is protocol-relative (`//host`). A colon later in a path or\n * query (`/models/cube:orders`, `..?thread=a:b`) stays router navigation.\n */\nfunction isExternalUrl(url: string): boolean {\n  return URL_SCHEME.test(url) || url.startsWith('//');\n}\n\nexport function parseTo(to: NavigateArg | undefined): {\n  newTab: boolean;\n  nativeRoute: boolean;\n  cleanTo: To | undefined;\n  isHistoryNavigation: boolean;\n  historyDelta?: number;\n  isHashNavigation: boolean;\n  isExternal: boolean;\n} {\n  // Handle number (history navigation)\n  if (typeof to === 'number') {\n    return {\n      newTab: false,\n      nativeRoute: false,\n      cleanTo: undefined,\n      isHistoryNavigation: true,\n      historyDelta: to,\n      isHashNavigation: false,\n      isExternal: false,\n    };\n  }\n\n  // Handle object path\n  if (to && typeof to === 'object') {\n    return {\n      newTab: false,\n      nativeRoute: false,\n      cleanTo: to,\n      isHistoryNavigation: false,\n      isHashNavigation: false,\n      isExternal: false,\n    };\n  }\n\n  // Handle string\n  if (!to || typeof to !== 'string') {\n    return {\n      newTab: false,\n      nativeRoute: false,\n      cleanTo: undefined,\n      isHistoryNavigation: false,\n      isHashNavigation: false,\n      isExternal: false,\n    };\n  }\n\n  const newTab = to.startsWith('!');\n  const nativeRoute = to.startsWith('@');\n  const isHashNavigation = to.startsWith('#');\n  const cleanTo = newTab || nativeRoute ? to.slice(1) : to;\n  const isExternal = typeof cleanTo === 'string' && isExternalUrl(cleanTo);\n\n  return {\n    newTab,\n    nativeRoute,\n    cleanTo,\n    isHistoryNavigation: false,\n    isHashNavigation,\n    isExternal,\n  };\n}\n\ninterface SanitizedPressEvent {\n  type?: string;\n  pointerType?: string;\n  shiftKey: boolean;\n  metaKey: boolean;\n  ctrlKey: boolean;\n  altKey: boolean;\n  // target is defined as a non-enumerable property below\n  [key: string]: unknown; // allow non-enumerable 'target'\n}\n\nfunction sanitizePressEvent(evt: PressEvent): SanitizedPressEvent {\n  const safeEvt: SanitizedPressEvent = {\n    type: 'type' in evt ? evt.type : undefined,\n    pointerType:\n      'pointerType' in evt\n        ? (evt as { pointerType?: string }).pointerType\n        : undefined,\n    shiftKey:\n      'shiftKey' in evt ? !!(evt as { shiftKey?: boolean }).shiftKey : false,\n    metaKey:\n      'metaKey' in evt ? !!(evt as { metaKey?: boolean }).metaKey : false,\n    ctrlKey:\n      'ctrlKey' in evt ? !!(evt as { ctrlKey?: boolean }).ctrlKey : false,\n    altKey: 'altKey' in evt ? !!(evt as { altKey?: boolean }).altKey : false,\n  };\n  try {\n    Object.defineProperty(safeEvt, 'target', {\n      value: 'target' in evt ? (evt as { target?: unknown }).target : undefined,\n      enumerable: false,\n      configurable: true,\n    });\n  } catch (e) {\n    // Failed to define target property - continue without it\n  }\n  return safeEvt;\n}\n\nexport function performClickHandler(\n  evt,\n  { navigate, resolvedHref, to, onPress, tracking, navigationOptions },\n) {\n  const {\n    newTab,\n    nativeRoute,\n    cleanTo,\n    isHistoryNavigation,\n    historyDelta,\n    isHashNavigation,\n    isExternal,\n  } = parseTo(to);\n  const element = evt.target;\n  const qa = element?.getAttribute('data-qa');\n\n  onPress?.(sanitizePressEvent(evt));\n\n  if (to == null) {\n    // Allow 0 as valid navigation (go to current page)\n    tracking.event(BUTTON_PRESS_EVENT, { qa }, element);\n    return;\n  }\n\n  // Handle history navigation (back/forward)\n  if (isHistoryNavigation && typeof historyDelta === 'number') {\n    tracking.event(\n      LINK_PRESS_EVENT,\n      { qa, delta: historyDelta, type: 'router-history' },\n      element,\n    );\n    navigate(historyDelta);\n    return;\n  }\n\n  // Handle hash navigation (smooth scroll)\n  if (isHashNavigation && typeof to === 'string') {\n    const id = to.slice(1);\n    const targetElement = document.getElementById(id);\n\n    tracking.event(\n      LINK_PRESS_EVENT,\n      { qa, href: to, type: 'hash', target: id },\n      element,\n    );\n\n    if (targetElement) {\n      targetElement.scrollIntoView({\n        behavior: 'smooth',\n        block: 'start',\n        inline: 'nearest',\n      });\n    }\n    return;\n  }\n\n  // Handle new tab (via ! prefix or user modifiers)\n  if (evt.shiftKey || evt.metaKey || (evt as any).ctrlKey || newTab) {\n    openLink(resolvedHref, true);\n    tracking.event(\n      LINK_PRESS_EVENT,\n      { qa, href: resolvedHref, type: 'tab' },\n      element,\n    );\n    return;\n  }\n\n  // Handle @ prefix (native navigation)\n  if (nativeRoute) {\n    if (cleanTo === '' || cleanTo === undefined) {\n      // @'' or @ -> reload current page\n      tracking.event(LINK_PRESS_EVENT, { qa, type: 'native' }, element);\n      window.location.reload();\n    } else {\n      // @path -> navigate to resolved path natively\n      tracking.event(\n        LINK_PRESS_EVENT,\n        { qa, href: resolvedHref, type: 'native' },\n        element,\n      );\n      window.location.assign(resolvedHref);\n    }\n    return;\n  }\n\n  // Handle external URLs (always native)\n  if (isExternal && typeof cleanTo === 'string') {\n    tracking.event(\n      LINK_PRESS_EVENT,\n      { qa, href: cleanTo, type: 'native' },\n      element,\n    );\n    window.location.assign(cleanTo);\n    return;\n  }\n\n  // Handle router navigation\n  if (cleanTo !== undefined) {\n    tracking.event(\n      LINK_PRESS_EVENT,\n      { qa, href: resolvedHref, type: 'router' },\n      element,\n    );\n    navigate(cleanTo, navigationOptions);\n  }\n}\n\nexport const useAction = function useAction(\n  {\n    to,\n    as,\n    htmlType,\n    label,\n    mods,\n    onPress,\n    navigationOptions,\n    ...props\n  }: CubeUseActionProps,\n  ref: FocusableRef<HTMLElement>,\n) {\n  useWarn(label !== undefined, {\n    key: 'action-label-deprecated',\n    args: [\n      'The \"label\" property of Button, ItemButton, ItemAction and Action is deprecated. Use \"aria-label\" for the accessible name and \"children\" for visible text.',\n    ],\n  });\n\n  const tracking = useTracking();\n  const navigation = useContext(UIKitContext).navigation;\n  const isDisabled = props.isDisabled;\n\n  const {\n    newTab,\n    nativeRoute,\n    cleanTo,\n    isHistoryNavigation,\n    isHashNavigation,\n    isExternal,\n  } = parseTo(to);\n\n  const navigate = navigation.useNavigate();\n  // Resolve the path with its `!` / `@` prefix stripped, and only that. Also\n  // resolving the raw `to` put `!https://…` through the router as a route,\n  // which a HashRouter warned about on every render.\n  const resolvedHref = navigation.useHref(cleanTo || '.');\n\n  // Determine element type: 'a' for navigation, 'button' for actions\n  as = to && !isHistoryNavigation ? 'a' : as || 'button';\n\n  // Compute target (prefixes override explicit target prop per spec)\n  const target = newTab ? '_blank' : props.target;\n\n  // Compute href for anchor elements\n  let href: string | undefined;\n  if (as === 'a' && cleanTo !== undefined) {\n    if (newTab || nativeRoute) {\n      // For ! and @ prefixes, resolve the clean path\n      href =\n        typeof cleanTo === 'string' && isExternal\n          ? cleanTo // External URLs as-is\n          : resolvedHref;\n    } else {\n      // Regular navigation\n      href = resolvedHref;\n    }\n  }\n\n  const domRef = useFocusableRef(ref);\n\n  // Use navigation options directly\n  const mergedNavigationOptions = navigationOptions;\n\n  const customOnPress = useEvent((evt: PressEvent) => {\n    performClickHandler(evt, {\n      navigate,\n      resolvedHref: href || resolvedHref,\n      to,\n      onPress,\n      tracking,\n      navigationOptions: mergedNavigationOptions,\n    });\n  });\n\n  // Native DOM props keep their HTML event targets and value types. Aria\n  // handles the same element and forwards value without changing it.\n  let { buttonProps, isPressed } = useButton(\n    {\n      'aria-label': label, // deprecated, see `CubeUseActionProps.label`\n      ...props,\n      onPress: customOnPress,\n      type: htmlType ?? 'button',\n    } as AriaButtonProps,\n    domRef,\n  );\n  let { hoverProps, isHovered } = useHover({ isDisabled });\n  let { focusProps, isFocused } = useFocus(true);\n\n  const customProps =\n    to && !isHistoryNavigation\n      ? {\n          onClick(evt) {\n            evt.preventDefault();\n          },\n        }\n      : {};\n\n  return {\n    isPressed,\n    actionProps: {\n      mods: {\n        hovered: isHovered && !isDisabled,\n        pressed: isPressed && !isDisabled,\n        // A disabled action that keeps focus (`aria-disabled`, see\n        // `getDisabledElementProps`) still shows where focus is.\n        focused: isFocused,\n        disabled: isDisabled,\n        ...mods,\n      },\n      ...(mergeProps(\n        buttonProps,\n        hoverProps,\n        focusProps,\n        customProps,\n        filterBaseProps(props, FILTER_OPTIONS),\n      ) as object),\n      ref: domRef,\n      type: htmlType || 'button',\n      rel: as === 'a' && newTab ? 'noopener noreferrer' : undefined,\n      as,\n      isDisabled,\n      target,\n      href,\n    },\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"use-action.js","names":["useFocusableRef","FocusableRef","PressEvent","AllBaseProps","filterBaseProps","TagName","AriaButtonProps","useButton","useHover","useEvent","useWarn","isExternalUrl","useTracking","useNavigation","mergeProps","useFocus","NavigateArg","NavigateOptions","Path","To","LINK_PRESS_EVENT","BUTTON_PRESS_EVENT","NavigateLike","RelativeRoutingType","CubeUseActionProps","T","Omit","to","label","htmlType","navigationOptions","FILTER_OPTIONS","propNames","Set","openLink","href","target","link","document","createElement","rel","body","appendChild","click","removeChild","parseTo","newTab","nativeRoute","cleanTo","isHistoryNavigation","historyDelta","isHashNavigation","isExternal","undefined","startsWith","slice","SanitizedPressEvent","type","pointerType","shiftKey","metaKey","ctrlKey","altKey","key","sanitizePressEvent","evt","safeEvt","Object","defineProperty","value","enumerable","configurable","e","performClickHandler","navigate","resolvedHref","onPress","tracking","element","qa","getAttribute","event","delta","id","targetElement","getElementById","scrollIntoView","behavior","block","inline","window","location","reload","assign","useAction","t0","ref","$","_c","as","mods","props","t1","Symbol","for","args","isDisabled","t2","domRef","mergedNavigationOptions","t3","customOnPress","buttonProps","isPressed","hoverProps","isHovered","focusProps","isFocused","customProps","onClick","evt_0","preventDefault","actionProps","hovered","pressed","focused","disabled"],"sources":["../../../src/components/actions/use-action.ts"],"sourcesContent":["import { useFocusableRef } from '@react-spectrum/utils';\nimport { FocusableRef, PressEvent } from '@react-types/shared';\nimport { AllBaseProps, filterBaseProps, TagName } from '@tenphi/tasty';\nimport { AriaButtonProps, useButton, useHover } from 'react-aria';\n\nimport { useEvent, useWarn } from '../../_internal';\nimport { isExternalUrl } from '../../providers/navigation-url';\nimport { useTracking } from '../../providers/TrackingProvider';\nimport { useNavigation } from '../../providers/use-navigation';\nimport { mergeProps } from '../../utils/react';\nimport { useFocus } from '../../utils/react/interactions';\n\n// Import specific types for internal usage\nimport type {\n  NavigateArg,\n  NavigateOptions,\n  Path,\n  To,\n} from '../../providers/navigation.types';\n\nconst LINK_PRESS_EVENT = 'Link Press';\nconst BUTTON_PRESS_EVENT = 'Button Press';\n\n// Re-export types for convenience\nexport type {\n  NavigateLike,\n  Path,\n  To,\n  NavigateArg,\n  NavigateOptions,\n  RelativeRoutingType,\n} from '../../providers/navigation.types';\n\nexport interface CubeUseActionProps<\n  T extends TagName = 'a' | 'button' | 'span' | 'div',\n> extends AllBaseProps<T>,\n    Omit<AriaButtonProps, keyof AllBaseProps<T> | 'type'> {\n  to?: NavigateArg;\n  /**\n   * @deprecated Use `aria-label` for the accessible name, and `children` for\n   * visible text. Not every action honours it: `ItemAction` ignores it.\n   */\n  label?: string;\n  htmlType?: 'button' | 'submit' | 'reset' | undefined;\n  navigationOptions?: NavigateOptions;\n}\n\nconst FILTER_OPTIONS = { propNames: new Set(['onMouseEnter', 'onMouseLeave']) };\n\n/**\n * Helper to open link.\n * @param {String} href\n * @param {String|Boolean} [target]\n */\nexport function openLink(href, target?) {\n  const link = document.createElement('a');\n\n  link.href = href;\n\n  if (target) {\n    link.target = target === true ? '_blank' : target;\n    // Prevent reverse tabnabbing when opening in a new tab\n    link.rel = 'noopener noreferrer';\n  }\n\n  document.body.appendChild(link);\n\n  link.click();\n\n  document.body.removeChild(link);\n}\n\nexport function parseTo(to: NavigateArg | undefined): {\n  newTab: boolean;\n  nativeRoute: boolean;\n  cleanTo: To | undefined;\n  isHistoryNavigation: boolean;\n  historyDelta?: number;\n  isHashNavigation: boolean;\n  isExternal: boolean;\n} {\n  // Handle number (history navigation)\n  if (typeof to === 'number') {\n    return {\n      newTab: false,\n      nativeRoute: false,\n      cleanTo: undefined,\n      isHistoryNavigation: true,\n      historyDelta: to,\n      isHashNavigation: false,\n      isExternal: false,\n    };\n  }\n\n  // Handle object path\n  if (to && typeof to === 'object') {\n    return {\n      newTab: false,\n      nativeRoute: false,\n      cleanTo: to,\n      isHistoryNavigation: false,\n      isHashNavigation: false,\n      isExternal: false,\n    };\n  }\n\n  // Handle string\n  if (!to || typeof to !== 'string') {\n    return {\n      newTab: false,\n      nativeRoute: false,\n      cleanTo: undefined,\n      isHistoryNavigation: false,\n      isHashNavigation: false,\n      isExternal: false,\n    };\n  }\n\n  const newTab = to.startsWith('!');\n  const nativeRoute = to.startsWith('@');\n  const isHashNavigation = to.startsWith('#');\n  const cleanTo = newTab || nativeRoute ? to.slice(1) : to;\n  const isExternal = typeof cleanTo === 'string' && isExternalUrl(cleanTo);\n\n  return {\n    newTab,\n    nativeRoute,\n    cleanTo,\n    isHistoryNavigation: false,\n    isHashNavigation,\n    isExternal,\n  };\n}\n\ninterface SanitizedPressEvent {\n  type?: string;\n  pointerType?: string;\n  shiftKey: boolean;\n  metaKey: boolean;\n  ctrlKey: boolean;\n  altKey: boolean;\n  // target is defined as a non-enumerable property below\n  [key: string]: unknown; // allow non-enumerable 'target'\n}\n\nfunction sanitizePressEvent(evt: PressEvent): SanitizedPressEvent {\n  const safeEvt: SanitizedPressEvent = {\n    type: 'type' in evt ? evt.type : undefined,\n    pointerType:\n      'pointerType' in evt\n        ? (evt as { pointerType?: string }).pointerType\n        : undefined,\n    shiftKey:\n      'shiftKey' in evt ? !!(evt as { shiftKey?: boolean }).shiftKey : false,\n    metaKey:\n      'metaKey' in evt ? !!(evt as { metaKey?: boolean }).metaKey : false,\n    ctrlKey:\n      'ctrlKey' in evt ? !!(evt as { ctrlKey?: boolean }).ctrlKey : false,\n    altKey: 'altKey' in evt ? !!(evt as { altKey?: boolean }).altKey : false,\n  };\n  try {\n    Object.defineProperty(safeEvt, 'target', {\n      value: 'target' in evt ? (evt as { target?: unknown }).target : undefined,\n      enumerable: false,\n      configurable: true,\n    });\n  } catch (e) {\n    // Failed to define target property - continue without it\n  }\n  return safeEvt;\n}\n\nexport function performClickHandler(\n  evt,\n  { navigate, resolvedHref, to, onPress, tracking, navigationOptions },\n) {\n  const {\n    newTab,\n    nativeRoute,\n    cleanTo,\n    isHistoryNavigation,\n    historyDelta,\n    isHashNavigation,\n    isExternal,\n  } = parseTo(to);\n  const element = evt.target;\n  const qa = element?.getAttribute('data-qa');\n\n  onPress?.(sanitizePressEvent(evt));\n\n  if (to == null) {\n    // Allow 0 as valid navigation (go to current page)\n    tracking.event(BUTTON_PRESS_EVENT, { qa }, element);\n    return;\n  }\n\n  // Handle history navigation (back/forward)\n  if (isHistoryNavigation && typeof historyDelta === 'number') {\n    tracking.event(\n      LINK_PRESS_EVENT,\n      { qa, delta: historyDelta, type: 'router-history' },\n      element,\n    );\n    navigate(historyDelta);\n    return;\n  }\n\n  // Handle hash navigation (smooth scroll)\n  if (isHashNavigation && typeof to === 'string') {\n    const id = to.slice(1);\n    const targetElement = document.getElementById(id);\n\n    tracking.event(\n      LINK_PRESS_EVENT,\n      { qa, href: to, type: 'hash', target: id },\n      element,\n    );\n\n    if (targetElement) {\n      targetElement.scrollIntoView({\n        behavior: 'smooth',\n        block: 'start',\n        inline: 'nearest',\n      });\n    }\n    return;\n  }\n\n  // Handle new tab (via ! prefix or user modifiers)\n  if (evt.shiftKey || evt.metaKey || (evt as any).ctrlKey || newTab) {\n    openLink(resolvedHref, true);\n    tracking.event(\n      LINK_PRESS_EVENT,\n      { qa, href: resolvedHref, type: 'tab' },\n      element,\n    );\n    return;\n  }\n\n  // Handle @ prefix (native navigation)\n  if (nativeRoute) {\n    if (cleanTo === '' || cleanTo === undefined) {\n      // @'' or @ -> reload current page\n      tracking.event(LINK_PRESS_EVENT, { qa, type: 'native' }, element);\n      window.location.reload();\n    } else {\n      // @path -> navigate to resolved path natively\n      tracking.event(\n        LINK_PRESS_EVENT,\n        { qa, href: resolvedHref, type: 'native' },\n        element,\n      );\n      window.location.assign(resolvedHref);\n    }\n    return;\n  }\n\n  // Handle external URLs (always native)\n  if (isExternal && typeof cleanTo === 'string') {\n    tracking.event(\n      LINK_PRESS_EVENT,\n      { qa, href: cleanTo, type: 'native' },\n      element,\n    );\n    window.location.assign(cleanTo);\n    return;\n  }\n\n  // Handle router navigation\n  if (cleanTo !== undefined) {\n    tracking.event(\n      LINK_PRESS_EVENT,\n      { qa, href: resolvedHref, type: 'router' },\n      element,\n    );\n    navigate(cleanTo, navigationOptions);\n  }\n}\n\nexport const useAction = function useAction(\n  {\n    to,\n    as,\n    htmlType,\n    label,\n    mods,\n    onPress,\n    navigationOptions,\n    ...props\n  }: CubeUseActionProps,\n  ref: FocusableRef<HTMLElement>,\n) {\n  useWarn(label !== undefined, {\n    key: 'action-label-deprecated',\n    args: [\n      'The \"label\" property of Button, ItemButton, ItemAction and Action is deprecated. Use \"aria-label\" for the accessible name and \"children\" for visible text.',\n    ],\n  });\n\n  const tracking = useTracking();\n  const isDisabled = props.isDisabled;\n\n  const {\n    newTab,\n    nativeRoute,\n    cleanTo,\n    isHistoryNavigation,\n    isHashNavigation,\n    isExternal,\n  } = parseTo(to);\n\n  // Resolve the path with its `!` / `@` prefix stripped, and only that. Also\n  // resolving the raw `to` put `!https://…` through the router as a route,\n  // which a HashRouter warned about on every render.\n  const { navigate, resolvedHref } = useNavigation(cleanTo || '.');\n\n  // Determine element type: 'a' for navigation, 'button' for actions\n  as = to && !isHistoryNavigation ? 'a' : as || 'button';\n\n  // Compute target (prefixes override explicit target prop per spec)\n  const target = newTab ? '_blank' : props.target;\n\n  // Compute href for anchor elements\n  let href: string | undefined;\n  if (as === 'a' && cleanTo !== undefined) {\n    if (newTab || nativeRoute) {\n      // For ! and @ prefixes, resolve the clean path\n      href =\n        typeof cleanTo === 'string' && isExternal\n          ? cleanTo // External URLs as-is\n          : resolvedHref;\n    } else {\n      // Regular navigation\n      href = resolvedHref;\n    }\n  }\n\n  const domRef = useFocusableRef(ref);\n\n  // Use navigation options directly\n  const mergedNavigationOptions = navigationOptions;\n\n  const customOnPress = useEvent((evt: PressEvent) => {\n    performClickHandler(evt, {\n      navigate,\n      resolvedHref: href || resolvedHref,\n      to,\n      onPress,\n      tracking,\n      navigationOptions: mergedNavigationOptions,\n    });\n  });\n\n  // Native DOM props keep their HTML event targets and value types. Aria\n  // handles the same element and forwards value without changing it.\n  let { buttonProps, isPressed } = useButton(\n    {\n      'aria-label': label, // deprecated, see `CubeUseActionProps.label`\n      ...props,\n      onPress: customOnPress,\n      type: htmlType ?? 'button',\n    } as AriaButtonProps,\n    domRef,\n  );\n  let { hoverProps, isHovered } = useHover({ isDisabled });\n  let { focusProps, isFocused } = useFocus(true);\n\n  const customProps =\n    to && !isHistoryNavigation\n      ? {\n          onClick(evt) {\n            evt.preventDefault();\n          },\n        }\n      : {};\n\n  return {\n    isPressed,\n    actionProps: {\n      mods: {\n        hovered: isHovered && !isDisabled,\n        pressed: isPressed && !isDisabled,\n        // A disabled action that keeps focus (`aria-disabled`, see\n        // `getDisabledElementProps`) still shows where focus is.\n        focused: isFocused,\n        disabled: isDisabled,\n        ...mods,\n      },\n      ...(mergeProps(\n        buttonProps,\n        hoverProps,\n        focusProps,\n        customProps,\n        filterBaseProps(props, FILTER_OPTIONS),\n      ) as object),\n      ref: domRef,\n      type: htmlType || 'button',\n      rel: as === 'a' && newTab ? 'noopener noreferrer' : undefined,\n      as,\n      isDisabled,\n      target,\n      href,\n    },\n  };\n};\n"],"mappings":"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"}

package/dist/components/actions/use-anchored-menu.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a690c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../utils/react/mergeProps.js";
 import { usePopoverSync } from "../../utils/react/usePopoverSync.js";
 import { useEvent } from "../../_internal/hooks/use-event.js";

package/dist/components/actions/use-context-menu.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a690c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../utils/react/mergeProps.js";
 import { usePopoverSync } from "../../utils/react/usePopoverSync.js";
 import { useEvent } from "../../_internal/hooks/use-event.js";

package/dist/components/content/ActiveZone/ActiveZone.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-09a690c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-30d7fcd | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useFocus as useFocus$1 } from "../../../utils/react/interactions.js";