@cube-dev/ui-kit 0.0.0-canary-ac46c4b → 0.0.0-canary-9bde021

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ac46c4b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9bde021 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { filterCollectionItemProps } from "../../CollectionItem.js";
 import { _Item } from "../../content/Item/Item.js";
@@ -67,6 +67,18 @@ function MenuItem(props) {
 	} else t6 = $[15];
 	const { menuItemProps, labelProps, descriptionProps, keyboardShortcutProps, isFocused, isSelected, isPressed, isDisabled } = useMenuItem(t6, state, elementRef);
 	const isVirtualFocused = state.selectionManager.focusedKey === key;
+	const { onKeyDown: itemOnKeyDown, ...itemOwnProps } = menuItemProps;
+	let t7;
+	if ($[16] !== itemOnKeyDown || $[17] !== submenuContext) {
+		t7 = submenuContext?.onKeyDown ? (e) => {
+			submenuContext.onKeyDown?.(e);
+			if (!e.defaultPrevented) itemOnKeyDown?.(e);
+		} : itemOnKeyDown;
+		$[16] = itemOnKeyDown;
+		$[17] = submenuContext;
+		$[18] = t7;
+	} else t7 = $[18];
+	const onKeyDown = t7;
 	const mods = {
 		...itemMods,
 		focused: isFocused || isVirtualFocused,
@@ -78,17 +90,10 @@ function MenuItem(props) {
 	};
 	const T0 = FocusRing;
 	const T1 = _Item;
-	let t7;
-	if ($[16] !== menuItemProps || $[17] !== submenuContext) {
-		t7 = submenuContext?.onKeyDown ? (e) => {
-			submenuContext.onKeyDown?.(e);
-			if (!e.defaultPrevented && menuItemProps.onKeyDown) menuItemProps.onKeyDown(e);
-		} : menuItemProps.onKeyDown;
-		$[16] = menuItemProps;
-		$[17] = submenuContext;
-		$[18] = t7;
-	} else t7 = $[18];
-	const t8 = mergeProps$1(menuItemProps, filteredItemProps, {
+	const t8 = mergeProps$1({
+		...itemOwnProps,
+		onKeyDown
+	}, filteredItemProps, {
 		"data-popover-trigger": true,
 		qa: itemQa ? itemQa : `MenuItem-${key}`,
 		mods,
@@ -101,9 +106,8 @@ function MenuItem(props) {
 		"aria-haspopup": submenuContext ? "menu" : void 0,
 		"aria-expanded": submenuContext?.isOpen,
 		"data-has-submenu": submenuContext ? true : void 0,
-		onKeyDown: t7,
-		onMouseEnter: submenuContext?.onMouseEnter || menuItemProps.onMouseEnter,
-		onMouseLeave: submenuContext?.onMouseLeave || menuItemProps.onMouseLeave
+		onMouseEnter: submenuContext?.onMouseEnter,
+		onMouseLeave: submenuContext?.onMouseLeave
 	});
 	let t9;
 	if ($[19] !== filteredItemProps || $[20] !== submenuContext) {

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

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","names":["Key","Node","Styles","KeyboardEvent","useContext","useRef","FocusRing","useMenuItem","TreeState","RightIcon","mergeProps","filterCollectionItemProps","Item","useMenuContext","SubmenuTriggerContext","MenuSelectionType","MenuItemProps","item","T","state","styles","isVirtualized","isDisabled","onAction","key","size","MenuItem","props","$","_c","onClose","closeOnSelect","rendered","itemProps","submenuContext","filteredItemProps","mods","itemMods","qa","itemQa","isSelectable","selectionManager","selectionMode","t0","disabledKeys","has","isDisabledKey","ref","elementRef","triggerRef","t1","isSelected","t2","t3","undefined","t4","t5","t6","menuItemProps","labelProps","descriptionProps","keyboardShortcutProps","isFocused","isPressed","isVirtualFocused","focusedKey","focused","pressed","selected","disabled","submenu","menuitem","T0","T1","t7","onKeyDown","e","defaultPrevented","t8","as","isOpen","onMouseEnter","onMouseLeave","t9","rightIcon","t10","t11","t12","t13"],"sources":["../../../../src/components/actions/Menu/MenuItem.tsx"],"sourcesContent":["import { Key, Node } from '@react-types/shared';\nimport { Styles } from '@tenphi/tasty';\nimport { KeyboardEvent, useContext, useRef } from 'react';\nimport { FocusRing, useMenuItem } from 'react-aria';\nimport { TreeState } from 'react-stately';\n\nimport { RightIcon } from '../../../icons/RightIcon';\nimport { mergeProps } from '../../../utils/react';\nimport { filterCollectionItemProps } from '../../CollectionItem';\nimport { Item } from '../../content/Item/Item';\n\nimport { useMenuContext } from './context';\nimport { SubmenuTriggerContext } from './SubmenuTriggerContext';\n\nexport type MenuSelectionType = 'checkbox' | 'radio' | 'checkmark';\n\nexport interface MenuItemProps<T> {\n  item: Node<T>;\n  state: TreeState<T>;\n  styles?: Styles;\n  isVirtualized?: boolean;\n  isDisabled?: boolean;\n  onAction?: (key: Key) => void;\n  size?: 'small' | 'medium' | (string & {});\n}\n\n/** @private */\nexport function MenuItem<T>(props: MenuItemProps<T>) {\n  const { item, state, styles, isVirtualized, onAction, size } = props;\n  const { onClose, closeOnSelect } = useMenuContext();\n  const { rendered, key, props: itemProps } = item;\n\n  // Check if this item is wrapped in a SubmenuTriggerContext\n  const submenuContext = useContext(SubmenuTriggerContext);\n\n  // Filter out service props (react-stately and parent-handled props)\n  // All remaining props are safe to pass to Item component\n  const filteredItemProps = filterCollectionItemProps(itemProps);\n\n  // Extract specific props that need special handling\n  const { hotkeys, mods: itemMods, qa: itemQa } = filteredItemProps;\n\n  const isSelectable = state.selectionManager.selectionMode !== 'none';\n  const isDisabledKey =\n    state.disabledKeys.has(key) || submenuContext?.isDisabled;\n\n  const ref = useRef<HTMLLIElement>(null);\n\n  // Use the triggerRef from submenu context if present\n  const elementRef = (submenuContext?.triggerRef ?? ref) as any;\n\n  const {\n    menuItemProps,\n    labelProps,\n    descriptionProps,\n    keyboardShortcutProps,\n    isFocused,\n    isSelected,\n    isPressed,\n    isDisabled,\n  } = useMenuItem(\n    {\n      isSelected: state.selectionManager.isSelected(key),\n      isDisabled: isDisabledKey,\n      'aria-label': item['aria-label'],\n      key,\n      onClose: submenuContext ? undefined : onClose, // Don't close menu for submenu triggers\n      closeOnSelect: submenuContext ? false : closeOnSelect, // Don't close on submenu trigger selection\n      isVirtualized,\n      onAction: submenuContext?.onAction || onAction,\n    },\n    state,\n    elementRef,\n  );\n\n  // Selection indicator will be handled by Item component\n  const isVirtualFocused = state.selectionManager.focusedKey === key;\n\n  const mods = {\n    ...itemMods,\n    focused: isFocused || isVirtualFocused,\n    pressed: isPressed,\n    selected: isSelected,\n    disabled: isDisabled,\n    submenu: !!submenuContext,\n    menuitem: true,\n  };\n\n  return (\n    <FocusRing>\n      <Item\n        {...mergeProps(menuItemProps, filteredItemProps, {\n          'data-popover-trigger': true,\n          qa: itemQa ? itemQa : `MenuItem-${key}`,\n          mods,\n          styles,\n          'data-size': size,\n          as: 'li',\n          labelProps,\n          descriptionProps,\n          keyboardShortcutProps,\n          'aria-haspopup': submenuContext ? 'menu' : undefined,\n          'aria-expanded': submenuContext?.isOpen,\n          'data-has-submenu': submenuContext ? true : undefined,\n          onKeyDown: submenuContext?.onKeyDown\n            ? (e: KeyboardEvent) => {\n                // Call submenu handler first, if it prevents default, don't call the original\n                submenuContext.onKeyDown?.(e);\n                if (!e.defaultPrevented && menuItemProps.onKeyDown) {\n                  menuItemProps.onKeyDown(e);\n                }\n              }\n            : menuItemProps.onKeyDown,\n          onMouseEnter:\n            submenuContext?.onMouseEnter || menuItemProps.onMouseEnter,\n          onMouseLeave:\n            submenuContext?.onMouseLeave || menuItemProps.onMouseLeave,\n        })}\n        ref={elementRef}\n        disableActionsFocus={true}\n        rightIcon={submenuContext ? <RightIcon /> : filteredItemProps.rightIcon}\n        defaultTooltipPlacement=\"right\"\n        isSelected={isSelectable ? isSelected : undefined}\n        isDisabled={isDisabled}\n        size={size === 'small' ? 'small' : 'medium'}\n      >\n        {rendered}\n      </Item>\n    </FocusRing>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MenuItem.js","names":["Key","Node","Styles","KeyboardEvent","useContext","useRef","FocusRing","useMenuItem","TreeState","RightIcon","mergeProps","filterCollectionItemProps","Item","useMenuContext","SubmenuTriggerContext","MenuSelectionType","MenuItemProps","item","T","state","styles","isVirtualized","isDisabled","onAction","key","size","MenuItem","props","$","_c","onClose","closeOnSelect","rendered","itemProps","submenuContext","filteredItemProps","mods","itemMods","qa","itemQa","isSelectable","selectionManager","selectionMode","t0","disabledKeys","has","isDisabledKey","ref","elementRef","triggerRef","t1","isSelected","t2","t3","undefined","t4","t5","t6","menuItemProps","labelProps","descriptionProps","keyboardShortcutProps","isFocused","isPressed","isVirtualFocused","focusedKey","onKeyDown","itemOnKeyDown","itemOwnProps","t7","e","defaultPrevented","focused","pressed","selected","disabled","submenu","menuitem","T0","T1","t8","as","isOpen","onMouseEnter","onMouseLeave","t9","rightIcon","t10","t11","t12","t13"],"sources":["../../../../src/components/actions/Menu/MenuItem.tsx"],"sourcesContent":["import { Key, Node } from '@react-types/shared';\nimport { Styles } from '@tenphi/tasty';\nimport { KeyboardEvent, useContext, useRef } from 'react';\nimport { FocusRing, useMenuItem } from 'react-aria';\nimport { TreeState } from 'react-stately';\n\nimport { RightIcon } from '../../../icons/RightIcon';\nimport { mergeProps } from '../../../utils/react';\nimport { filterCollectionItemProps } from '../../CollectionItem';\nimport { Item } from '../../content/Item/Item';\n\nimport { useMenuContext } from './context';\nimport { SubmenuTriggerContext } from './SubmenuTriggerContext';\n\nexport type MenuSelectionType = 'checkbox' | 'radio' | 'checkmark';\n\nexport interface MenuItemProps<T> {\n  item: Node<T>;\n  state: TreeState<T>;\n  styles?: Styles;\n  isVirtualized?: boolean;\n  isDisabled?: boolean;\n  onAction?: (key: Key) => void;\n  size?: 'small' | 'medium' | (string & {});\n}\n\n/** @private */\nexport function MenuItem<T>(props: MenuItemProps<T>) {\n  const { item, state, styles, isVirtualized, onAction, size } = props;\n  const { onClose, closeOnSelect } = useMenuContext();\n  const { rendered, key, props: itemProps } = item;\n\n  // Check if this item is wrapped in a SubmenuTriggerContext\n  const submenuContext = useContext(SubmenuTriggerContext);\n\n  // Filter out service props (react-stately and parent-handled props)\n  // All remaining props are safe to pass to Item component\n  const filteredItemProps = filterCollectionItemProps(itemProps);\n\n  // Extract specific props that need special handling\n  const { hotkeys, mods: itemMods, qa: itemQa } = filteredItemProps;\n\n  const isSelectable = state.selectionManager.selectionMode !== 'none';\n  const isDisabledKey =\n    state.disabledKeys.has(key) || submenuContext?.isDisabled;\n\n  const ref = useRef<HTMLLIElement>(null);\n\n  // Use the triggerRef from submenu context if present\n  const elementRef = (submenuContext?.triggerRef ?? ref) as any;\n\n  const {\n    menuItemProps,\n    labelProps,\n    descriptionProps,\n    keyboardShortcutProps,\n    isFocused,\n    isSelected,\n    isPressed,\n    isDisabled,\n  } = useMenuItem(\n    {\n      isSelected: state.selectionManager.isSelected(key),\n      isDisabled: isDisabledKey,\n      'aria-label': item['aria-label'],\n      key,\n      onClose: submenuContext ? undefined : onClose, // Don't close menu for submenu triggers\n      closeOnSelect: submenuContext ? false : closeOnSelect, // Don't close on submenu trigger selection\n      isVirtualized,\n      onAction: submenuContext?.onAction || onAction,\n    },\n    state,\n    elementRef,\n  );\n\n  // Selection indicator will be handled by Item component\n  const isVirtualFocused = state.selectionManager.focusedKey === key;\n\n  // `mergeProps` chains handlers rather than replacing them, so a handler of\n  // the item's own passed to it again runs twice. `onKeyDown` used to be: Enter\n  // and Space each click the item, so every keyboard activation fired\n  // `onAction` twice. It is taken out here and passed once.\n  const { onKeyDown: itemOnKeyDown, ...itemOwnProps } = menuItemProps;\n  const onKeyDown = submenuContext?.onKeyDown\n    ? (e: KeyboardEvent) => {\n        // The submenu goes first; a key it handles is not the item's too.\n        submenuContext.onKeyDown?.(e);\n        if (!e.defaultPrevented) itemOnKeyDown?.(e);\n      }\n    : itemOnKeyDown;\n\n  const mods = {\n    ...itemMods,\n    focused: isFocused || isVirtualFocused,\n    pressed: isPressed,\n    selected: isSelected,\n    disabled: isDisabled,\n    submenu: !!submenuContext,\n    menuitem: true,\n  };\n\n  return (\n    <FocusRing>\n      <Item\n        {...mergeProps({ ...itemOwnProps, onKeyDown }, filteredItemProps, {\n          'data-popover-trigger': true,\n          qa: itemQa ? itemQa : `MenuItem-${key}`,\n          mods,\n          styles,\n          'data-size': size,\n          as: 'li',\n          labelProps,\n          descriptionProps,\n          keyboardShortcutProps,\n          'aria-haspopup': submenuContext ? 'menu' : undefined,\n          'aria-expanded': submenuContext?.isOpen,\n          'data-has-submenu': submenuContext ? true : undefined,\n          // Chained after the item's own hover handlers.\n          onMouseEnter: submenuContext?.onMouseEnter,\n          onMouseLeave: submenuContext?.onMouseLeave,\n        })}\n        ref={elementRef}\n        disableActionsFocus={true}\n        rightIcon={submenuContext ? <RightIcon /> : filteredItemProps.rightIcon}\n        defaultTooltipPlacement=\"right\"\n        isSelected={isSelectable ? isSelected : undefined}\n        isDisabled={isDisabled}\n        size={size === 'small' ? 'small' : 'medium'}\n      >\n        {rendered}\n      </Item>\n    </FocusRing>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,5 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ac46c4b | Cube Dev Team */
-import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9bde021 | Cube Dev Team */
 import { MenuItem } from "./MenuItem.js";
 import { StyledMenu, StyledSection, StyledSectionHeading } from "./styled.js";
 import { c } from "react-compiler-runtime";
@@ -59,12 +58,6 @@ function MenuSection(props) {
 				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;
 		});

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

@@ -1 +1 @@
-{"version":3,"file":"MenuSection.js","names":["Styles","useMenuSection","TooltipProvider","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","tooltip","tooltipProps","title","wrapper","t6","t7"],"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,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,eAAgDzB,eAAesB,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;AAIJ,OAAIF,KAAItB,MAAM0B,QAMZH,YACEA,oBAACA;IAEC,YAAA;IACU,WAAA;IAAO,GARnB,OAAOD,KAAItB,MAAM0B,YAAa,WAA9B,EAAAE,OACaN,KAAItB,MAAM0B,SACD,GAAlBJ,KAAItB,MAAM0B;cASXH;MALID,KAAIE,IAMO;AAItB,OAAIF,KAAItB,MAAM6B,QACZN,YAAWD,KAAItB,MAAM6B,QAASN,SAAS;AACxC,UAEMA;IACP;AAAAtB,IAAA,MAAAL;AAAAK,IAAA,MAAAH;AAAAG,IAAA,MAAAG;AAAAH,IAAA,MAAAiB;AAAAjB,IAAA,MAAAmB;OAAAA,MAAAnB,EAAA;CAAA,IAAA6B;AAAA,KAAA7B,EAAA,QAAAW,cAAAX,EAAA,QAAAmB,IAAA;AArCJU,OAAA,oBAAC;GAAU,GAAKlB;GAAkB,MAAAE;aAC/BM;IAqCU;AAAAnB,IAAA,MAAAW;AAAAX,IAAA,MAAAmB;AAAAnB,IAAA,MAAA6B;OAAAA,MAAA7B,EAAA;CAAA,IAAA8B;AAAA,KAAA9B,EAAA,QAAAS,aAAAT,EAAA,QAAAI,UAAAJ,EAAA,QAAAY,MAAAZ,EAAA,QAAA6B,IAAA;AAjDjBC,OAAA,0CACE,qBAAC;GAAa,GAAKrB;GAAmBL;cACnCQ,IASDiB;IAuCc,GACf;AAAA7B,IAAA,MAAAS;AAAAT,IAAA,MAAAI;AAAAJ,IAAA,MAAAY;AAAAZ,IAAA,MAAA6B;AAAA7B,IAAA,MAAA8B;OAAAA,MAAA9B,EAAA;AAAA,QAnDH8B"}
+{"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.0.0-canary-ac46c4b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9bde021 | 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.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ac46c4b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9bde021 | Cube Dev Team */
 import { usePopoverSync } from "../../../utils/react/usePopoverSync.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { MenuContext, useMenuContext } from "./context.js";
@@ -95,7 +95,6 @@ function InternalSubMenuTrigger(props) {
 			e.stopPropagation();
 			e.nativeEvent.stopImmediatePropagation();
 			state.open();
-			suppressNextActionRef.current = true;
 		} else if (e.key === "ArrowLeft" && state.isOpen) {
 			e.preventDefault();
 			e.stopPropagation();
@@ -106,7 +105,6 @@ function InternalSubMenuTrigger(props) {
 	const hoverCloseTimerRef = useRef(null);
 	const isHoveringRef = useRef(false);
 	const isHoveringSubmenuRef = useRef(false);
-	const suppressNextActionRef = useRef(false);
 	const checkShouldClose = () => {
 		if (!isHoveringRef.current && !isHoveringSubmenuRef.current) hoverCloseTimerRef.current = setTimeout(() => {
 			if (!isHoveringRef.current && !isHoveringSubmenuRef.current) state.close();
@@ -164,10 +162,6 @@ function InternalSubMenuTrigger(props) {
 		onMouseLeave: handleMouseLeave,
 		onKeyDown: handleKeyDown,
 		onAction: isDisabled ? void 0 : () => {
-			if (suppressNextActionRef.current) {
-				suppressNextActionRef.current = false;
-				return;
-			}
 			state.open();
 		}
 	}), [

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","targetRef","overlayRef","scrollRef","nestedMenuContext","ctx","ref","closeOnSelect","mods","popover","isClosing","hoverOpenTimerRef","current","clearTimeout","hoverCloseTimerRef","isHoveringRef","isHoveringSubmenuRef","handleKeyDown","e","KeyboardEvent","preventDefault","stopPropagation","open","nativeEvent","stopImmediatePropagation","suppressNextActionRef","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: 'submenu', 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 } = 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 (suppress subsequent onAction)\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      suppressNextActionRef.current = true; // Remember it was keyboard\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  // Track whether the next onAction comes from a keyboard press\n  const suppressNextActionRef = 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            // Ignore the synthetic press generated by the same Enter/Space\n            if (suppressNextActionRef.current) {\n              suppressNextActionRef.current = false;\n              return;\n            }\n            // This is a mouse click, open the submenu\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={placement as Placement}\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","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: 'submenu', 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 } = 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={placement as Placement}\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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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ac46c4b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9bde021 | 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-ac46c4b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9bde021 | Cube Dev Team */
 import React, { useContext } from "react";
 
 //#region src/components/actions/Menu/context.ts

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ac46c4b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9bde021 | 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-ac46c4b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9bde021 | 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.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ac46c4b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9bde021 | 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,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ac46c4b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9bde021 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../utils/react/mergeProps.js";
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { useFocus as useFocus$1 } from "../../utils/react/interactions.js";

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

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

package/dist/components/content/Alert/Alert.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ac46c4b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9bde021 | Cube Dev Team */
 import themes_default from "../../../data/themes.js";
 import { useAlert } from "./use-alert.js";
 import { c } from "react-compiler-runtime";

package/dist/components/content/Alert/use-alert.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ac46c4b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9bde021 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useDeprecationWarning } from "../../../_internal/hooks/use-deprecation-warning.js";
 import { c } from "react-compiler-runtime";

package/dist/components/content/Avatar/Avatar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ac46c4b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9bde021 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, Element, filterBaseProps } from "@tenphi/tasty";

package/dist/components/content/Badge/Badge.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ac46c4b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9bde021 | Cube Dev Team */
 import { _Item } from "../Item/Item.js";
 import themes_default from "../../../data/themes.js";
 import { c } from "react-compiler-runtime";

package/dist/components/content/Card/Card.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ac46c4b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9bde021 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/content/Content.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ac46c4b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9bde021 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { c } from "react-compiler-runtime";
@@ -10,7 +10,6 @@ import { jsx } from "react/jsx-runtime";
 const STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES];
 const ContentElement = tasty({
 	qa: "Content",
-	"data-id": "Content",
 	as: "section",
 	styles: {
 		gridArea: "content",

package/dist/components/content/Content.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.js","names":["BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","tasty","TEXT_STYLES","TextStyleProps","forwardRef","useSlotProps","extractStyles","STYLE_LIST","ContentElement","qa","as","styles","gridArea","preset","color","display","flow","gap","overflow","scrollbar","CubeContentProps","Content","props","ref","$","_c","t0","t1","eventProps","t2"],"sources":["../../../src/components/content/Content.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  tasty,\n  TEXT_STYLES,\n  TextStyleProps,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { useSlotProps } from '../../utils/react';\nimport { extractStyles } from '../../utils/styles';\n\nconst STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES];\n\nconst ContentElement = tasty({\n  qa: 'Content',\n  // Stable where `qa` is not: `Dialog` finds its body by this to watch it for\n  // overflow, and a consumer's own `qa` must not hide it.\n  'data-id': 'Content',\n  as: 'section',\n  styles: {\n    gridArea: 'content',\n    preset: 'p3',\n    color: '#dark-02',\n    display: 'block',\n    flow: 'column',\n    gap: '2x',\n    overflow: 'auto',\n    scrollbar: 'styled',\n  },\n});\n\nexport interface CubeContentProps\n  extends BaseProps,\n    ContainerStyleProps,\n    TextStyleProps {}\n\nexport const Content = forwardRef(function Content(\n  props: CubeContentProps,\n  ref,\n) {\n  props = useSlotProps(props, 'content');\n\n  const styles = extractStyles(props, STYLE_LIST);\n\n  return (\n    <ContentElement\n      {...filterBaseProps(props, { eventProps: true })}\n      ref={ref}\n      styles={styles}\n    />\n  );\n});\n"],"mappings":";;;;;;;;;AAcA,MAAMU,aAAa,CAAC,GAAGT,kBAAkB,GAAGI,YAAY;AAExD,MAAMM,iBAAiBP,MAAM;CAC3BQ,IAAI;CAGJ,WAAW;CACXC,IAAI;CACJC,QAAQ;EACNC,UAAU;EACVC,QAAQ;EACRC,OAAO;EACPC,SAAS;EACTC,MAAM;EACNC,KAAK;EACLC,UAAU;EACVC,WAAW;EACb;CACD,CAAC;AAOF,MAAaE,UAAUjB,WAAW,SAAAiB,QAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;AAIhCH,SAAQjB,aAAaiB,OAAO,UAAU;CAAjC,IAAAI;AAAA,KAAAF,EAAA,OAAAF,OAAA;AAEUI,OAAApB,cAAcgB,OAAOf,WAAW;AAAAiB,IAAA,KAAAF;AAAAE,IAAA,KAAAE;OAAAA,MAAAF,EAAA;CAA/C,MAAAb,SAAee;CAAiC,IAAAC;AAAA,KAAAH,EAAA,OAAAF,OAAA;AAIxCK,OAAA3B,gBAAgBsB,OAAO,EAAAM,YAAc,MAAM,CAAC;AAAAJ,IAAA,KAAAF;AAAAE,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAAA,IAAAK;AAAA,KAAAL,EAAA,OAAAD,OAAAC,EAAA,OAAAb,UAAAa,EAAA,OAAAG,IAAA;AADlDE,OAAA,oBAAC;GAAc,GACTF;GACCJ;GACGZ;IACR;AAAAa,IAAA,KAAAD;AAAAC,IAAA,KAAAb;AAAAa,IAAA,KAAAG;AAAAH,IAAA,KAAAK;OAAAA,MAAAL,EAAA;AAAA,QAJFK;EAMF"}
+{"version":3,"file":"Content.js","names":["BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","tasty","TEXT_STYLES","TextStyleProps","forwardRef","useSlotProps","extractStyles","STYLE_LIST","ContentElement","qa","as","styles","gridArea","preset","color","display","flow","gap","overflow","scrollbar","CubeContentProps","Content","props","ref","$","_c","t0","t1","eventProps","t2"],"sources":["../../../src/components/content/Content.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  tasty,\n  TEXT_STYLES,\n  TextStyleProps,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { useSlotProps } from '../../utils/react';\nimport { extractStyles } from '../../utils/styles';\n\nconst STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES];\n\nconst ContentElement = tasty({\n  qa: 'Content',\n  as: 'section',\n  styles: {\n    gridArea: 'content',\n    preset: 'p3',\n    color: '#dark-02',\n    display: 'block',\n    flow: 'column',\n    gap: '2x',\n    overflow: 'auto',\n    scrollbar: 'styled',\n  },\n});\n\nexport interface CubeContentProps\n  extends BaseProps,\n    ContainerStyleProps,\n    TextStyleProps {}\n\nexport const Content = forwardRef(function Content(\n  props: CubeContentProps,\n  ref,\n) {\n  props = useSlotProps(props, 'content');\n\n  const styles = extractStyles(props, STYLE_LIST);\n\n  return (\n    <ContentElement\n      {...filterBaseProps(props, { eventProps: true })}\n      ref={ref}\n      styles={styles}\n    />\n  );\n});\n"],"mappings":";;;;;;;;;AAcA,MAAMU,aAAa,CAAC,GAAGT,kBAAkB,GAAGI,YAAY;AAExD,MAAMM,iBAAiBP,MAAM;CAC3BQ,IAAI;CACJC,IAAI;CACJC,QAAQ;EACNC,UAAU;EACVC,QAAQ;EACRC,OAAO;EACPC,SAAS;EACTC,MAAM;EACNC,KAAK;EACLC,UAAU;EACVC,WAAW;EACb;CACD,CAAC;AAOF,MAAaE,UAAUjB,WAAW,SAAAiB,QAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;AAIhCH,SAAQjB,aAAaiB,OAAO,UAAU;CAAjC,IAAAI;AAAA,KAAAF,EAAA,OAAAF,OAAA;AAEUI,OAAApB,cAAcgB,OAAOf,WAAW;AAAAiB,IAAA,KAAAF;AAAAE,IAAA,KAAAE;OAAAA,MAAAF,EAAA;CAA/C,MAAAb,SAAee;CAAiC,IAAAC;AAAA,KAAAH,EAAA,OAAAF,OAAA;AAIxCK,OAAA3B,gBAAgBsB,OAAO,EAAAM,YAAc,MAAM,CAAC;AAAAJ,IAAA,KAAAF;AAAAE,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAAA,IAAAK;AAAA,KAAAL,EAAA,OAAAD,OAAAC,EAAA,OAAAb,UAAAa,EAAA,OAAAG,IAAA;AADlDE,OAAA,oBAAC;GAAc,GACTF;GACCJ;GACGZ;IACR;AAAAa,IAAA,KAAAD;AAAAC,IAAA,KAAAb;AAAAa,IAAA,KAAAG;AAAAH,IAAA,KAAAK;OAAAA,MAAAL,EAAA;AAAA,QAJFK;EAMF"}

package/dist/components/content/CopyPasteBlock/CopyPasteBlock.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ac46c4b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9bde021 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useTimer } from "../../../_internal/hooks/use-timer/use-timer.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/content/CopySnippet/CopySnippet.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ac46c4b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9bde021 | Cube Dev Team */
 import { _Tooltip } from "../../overlays/Tooltip/Tooltip.js";
 import { TooltipTrigger } from "../../overlays/Tooltip/TooltipTrigger.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/content/Disclosure/Disclosure.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ac46c4b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9bde021 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";

package/dist/components/content/Divider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ac46c4b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9bde021 | Cube Dev Team */
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
 import { c } from "react-compiler-runtime";

package/dist/components/content/Footer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ac46c4b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9bde021 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { c } from "react-compiler-runtime";

package/dist/components/content/Header.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ac46c4b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9bde021 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { c } from "react-compiler-runtime";

package/dist/components/content/HotKeys/HotKeys.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ac46c4b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9bde021 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { _Text } from "../Text.js";
 import { useKeySymbols } from "../../../utils/react/useKeySymbols.js";

package/dist/components/content/InfoBadge/InfoBadge.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ac46c4b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9bde021 | Cube Dev Team */
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { ItemBadge } from "../ItemBadge/ItemBadge.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/content/InlineInput/InlineInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ac46c4b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-9bde021 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/content/Item/Item.d.ts

@@ -6,11 +6,12 @@ import "../../../utils/react/index.js";
 import { CubeItemBadgeProps } from "../ItemBadge/ItemBadge.js";
 import "./index.js";
 import { ItemVariant } from "../../../data/item-themes.js";
+import { TooltipFocusProps } from "../../overlays/Tooltip/split-trigger-props.js";
 import { CubeItemActionProps } from "../../actions/ItemAction/ItemAction.js";
 import "../../actions/index.js";
 import { BaseProps, ContainerStyleProps, Mods, Styles } from "@tenphi/tasty";
 import * as react from "react";
-import { ReactNode, RefObject } from "react";
+import { ReactNode, Ref } from "react";
 import { OverlayProps } from "react-aria";
 import * as _react_types_shared0 from "@react-types/shared";
 
@@ -139,10 +140,34 @@ interface CubeItemProps extends BaseProps, ContainerStyleProps {
    * the only place deciding how the disabled state reaches the DOM.
    */
   disabled?: boolean;
+  /**
+   * @private
+   * Rendered inside the item's element but outside every slot, before them.
+   * For a node that has to live in the element without being part of what it
+   * shows — the visually hidden native input a button radio lays over itself.
+   * Passing such a node as `children` instead would make it part of the label:
+   * the auto tooltip and `highlight` only work on a string label, and
+   * `has-label` would render an empty, padded `Label` next to a lone icon.
+   *
+   * As a function it renders the element that takes focus, and receives the
+   * tooltip's focus-side trigger props to put on it (see
+   * `splitTooltipTriggerProps`): focus lands on that input, not on the item,
+   * so on the item they would never open the tooltip from the keyboard.
+   */
+  hiddenContent?: ReactNode | ((tooltipFocusProps: TooltipFocusProps) => ReactNode);
+  /**
+   * @private
+   * The label's room changes over the item's life — a radio tab in a
+   * responsive switch, say. The auto tooltip then stays mounted, disabled
+   * while the label fits, instead of wrapping the element only once the label
+   * truncates: that wrap remounts the element, which takes focus (and, for a
+   * radio, the native input it holds) with it.
+   */
+  isDynamicLabel?: boolean;
   /**
    * Ref to access the label element directly
    */
-  labelRef?: RefObject<HTMLElement>;
+  labelRef?: Ref<HTMLElement>;
   /**
    * Heading level for the Label element when type="header" or type="card".
    * Changes the Label's HTML tag to the corresponding heading (h1-h6).