@cube-dev/ui-kit 0.142.5 → 0.142.7

package/dist/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @cube-dev/ui-kit
 
+## 0.142.7
+
+### Patch Changes
+
+- [#1209](https://github.com/cube-js/cube-ui-kit/pull/1209) [`a56c4e04`](https://github.com/cube-js/cube-ui-kit/commit/a56c4e043bc63c3426a1dde9857c6c592357a70b) Thanks [@tenphi](https://github.com/tenphi)! - Fix Disclosure.Content collapsing to 0px height when content-visibility skips the panel.
+
+## 0.142.6
+
+### Patch Changes
+
+- [#1207](https://github.com/cube-js/cube-ui-kit/pull/1207) [`bea79e74`](https://github.com/cube-js/cube-ui-kit/commit/bea79e749d42b4feb1d4e2d158920b1752583730) Thanks [@tenphi](https://github.com/tenphi)! - One more fix to Calendar popover.
+
 ## 0.142.5
 
 ### Patch Changes

package/dist/_internal/hooks/use-chained-callback.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | Cube Dev Team */
 import { useEvent } from "./use-event.js";
 
 //#region src/_internal/hooks/use-chained-callback.ts

package/dist/_internal/hooks/use-debounced-value.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | Cube Dev Team */
 import { useEffect, useRef, useState } from "react";
 
 //#region src/_internal/hooks/use-debounced-value.ts

package/dist/_internal/hooks/use-deprecation-warning.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | Cube Dev Team */
 import { deprecationWarning } from "../../utils/warnings.js";
 import React, { useEffect } from "react";
 

package/dist/_internal/hooks/use-event.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | Cube Dev Team */
 import { useSyncRef } from "./use-sync-ref.js";
 import { useCallback } from "react";
 

package/dist/_internal/hooks/use-is-first-render.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | Cube Dev Team */
 import { useRef } from "react";
 
 //#region src/_internal/hooks/use-is-first-render.ts

package/dist/_internal/hooks/use-sync-ref.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../utils/react/useLayoutEffect.js";
 import { useRef } from "react";
 

package/dist/_internal/hooks/use-timer/timer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | Cube Dev Team */
 //#region src/_internal/hooks/use-timer/timer.ts
 var Timer = class {
 	callback;

package/dist/_internal/hooks/use-timer/use-timer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | Cube Dev Team */
 import { useEvent } from "../use-event.js";
 import { Timer } from "./timer.js";
 import { useEffect, useState } from "react";

package/dist/_internal/hooks/use-warn.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | Cube Dev Team */
 import { useEvent } from "./use-event.js";
 import { warn } from "../../utils/warnings.js";
 import { useRef } from "react";

package/dist/components/Block.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | Cube Dev Team */
 import { extractStyles } from "../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/CollectionItem.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | Cube Dev Team */
 import { ItemAction } from "./actions/ItemAction/ItemAction.js";
 import { ItemBadge } from "./content/ItemBadge/ItemBadge.js";
 import { Item } from "react-stately";

package/dist/components/GlobalStyles.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | Cube Dev Team */
 import { TOKENS } from "../tokens/index.js";
 import { useGlobalStyles, useRawCSS } from "@tenphi/tasty";
 import { useMemo } from "react";

package/dist/components/GridProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | Cube Dev Team */
 import { useCombinedRefs } from "../utils/react/useCombinedRefs.js";
 import { filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef, useCallback, useEffect, useState } from "react";

package/dist/components/HiddenInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 
 //#region src/components/HiddenInput.tsx

package/dist/components/Root.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | Cube Dev Team */
 import { extractStyles } from "../utils/styles.js";
 import { EventBusProvider } from "../utils/react/useEventBus.js";
 import { PortalProvider } from "./portal/PortalProvider.js";

package/dist/components/actions/Action/Action.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useAction } from "../use-action.js";
 import { CONTAINER_STYLES, TEXT_STYLES, tasty } from "@tenphi/tasty";

package/dist/components/actions/Banner/Banner.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Item } from "../../content/Item/Item.js";
 import { Button } from "../Button/Button.js";

package/dist/components/actions/Button/Button.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { useDismissParentPopover } from "../../../utils/react/usePopoverSync.js";

package/dist/components/actions/ButtonGroup/ButtonGroup.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | Cube Dev Team */
 import { useSlotProps } from "../../../utils/react/Slots.js";
 import { Space } from "../../layout/Space.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/actions/ButtonSplit/ButtonSplit.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { DirectionIcon } from "../../../icons/DirectionIcon.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/actions/ButtonSplit/context.ts

package/dist/components/actions/CommandMenu/CommandMenu.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 
 //#region src/components/actions/CommandMenu/styled.tsx

package/dist/components/actions/ItemAction/ItemAction.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";
 import { DANGER_CLEAR_STYLES, DANGER_OUTLINE_STYLES, DANGER_PRIMARY_STYLES, DEFAULT_CLEAR_STYLES, DEFAULT_OUTLINE_STYLES, DEFAULT_PRIMARY_STYLES, ITEM_ACTION_BASE_STYLES, NOTE_CLEAR_STYLES, NOTE_OUTLINE_STYLES, NOTE_PRIMARY_STYLES, SPECIAL_CLEAR_STYLES, SPECIAL_OUTLINE_STYLES, SPECIAL_PRIMARY_STYLES, SUCCESS_CLEAR_STYLES, SUCCESS_OUTLINE_STYLES, SUCCESS_PRIMARY_STYLES, WARNING_CLEAR_STYLES, WARNING_OUTLINE_STYLES, WARNING_PRIMARY_STYLES } from "../../../data/item-themes.js";

package/dist/components/actions/ItemActionContext.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | Cube Dev Team */
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/actions/ItemButton/ItemButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useDismissParentPopover } from "../../../utils/react/usePopoverSync.js";

package/dist/components/actions/Link/Link.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | Cube Dev Team */
 import { Button } from "../Button/Button.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { _CollectionItem } from "../../CollectionItem.js";

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | Cube Dev Team */
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";
 import { MenuItem } from "./MenuItem.js";
 import { StyledMenu, StyledSection, StyledSectionHeading } from "./styled.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | 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";
@@ -93,6 +93,7 @@ function MenuTrigger(props, ref) {
 		if (!state.isOpen) return false;
 		const menuTriggerEl = el.closest("[data-popover-trigger]");
 		if (!menuTriggerEl) {
+			if (el.closest("[data-popover-keep]")) return false;
 			if (el.closest("[data-popover-dismiss]")) {
 				setTimeout(() => state.close(), 0);
 				return false;

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

@@ -1 +1 @@
-{"version":3,"file":"MenuTrigger.js","names":["Tray","Popover"],"sources":["../../../../src/components/actions/Menu/MenuTrigger.tsx"],"sourcesContent":["import { PressResponder } from '@react-aria/interactions';\nimport { useObjectRef } from '@react-aria/utils';\nimport { useIsMobileDevice } from '@react-spectrum/utils';\nimport {\n  forwardRef,\n  Fragment,\n  MutableRefObject,\n  ReactElement,\n  Ref,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport {\n  AriaMenuTriggerProps,\n  DismissButton,\n  FocusScope,\n  Placement,\n  PositionProps,\n  useMenuTrigger,\n  useOverlayPosition,\n} from 'react-aria';\nimport { MenuTriggerState, useMenuTriggerState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal';\nimport { generateRandomId } from '../../../utils/random';\nimport { SlotProvider } from '../../../utils/react';\nimport { usePopoverSync } from '../../../utils/react/usePopoverSync';\nimport { Popover, Tray } from '../../overlays/Modal';\n\nimport { MenuContext, MenuContextValue } from './context';\n\nexport type { AriaMenuTriggerProps };\n\nexport type CubeMenuTriggerProps = AriaMenuTriggerProps &\n  PositionProps & {\n    isDisabled?: boolean;\n    children: [\n      ReactElement | ((state: MenuTriggerState) => ReactElement),\n      ReactElement,\n    ];\n\n    closeOnSelect?: boolean;\n    isDummy?: boolean;\n    /**\n     * External ref to the popover container element. When provided, it is\n     * aliased to the internal `menuPopoverRef`, letting consumers (e.g.\n     * `useAnchoredMenu` / `useContextMenu`) feed the popover container into\n     * their own `usePopoverSync` so the nested-popover guard can recognize\n     * submenus opened inside this menu. Optional.\n     */\n    popoverRef?: MutableRefObject<HTMLDivElement | null>;\n    /**\n     * Overlay variant to use on mobile screens. Defaults to `'popover'`, which\n     * keeps the desktop overlay even on small viewports. Pass `'tray'` to opt\n     * into the bottom-sheet `Tray` overlay on mobile (the previous implicit\n     * default). Mirrors the `mobileType` API on `DialogTrigger`.\n     */\n    mobileType?: 'popover' | 'tray';\n  };\n\nfunction MenuTrigger(props: CubeMenuTriggerProps, ref: Ref<HTMLElement>) {\n  const internalPopoverRef = useRef<HTMLDivElement>(null);\n  const menuPopoverRef = props.popoverRef ?? internalPopoverRef;\n  const triggerRef = useRef<HTMLElement>(null);\n  const domRef = useObjectRef(ref);\n  const menuTriggerRef = props.targetRef || domRef || triggerRef;\n  const menuRef = useRef<HTMLUListElement>(null);\n  const wasOpenRef = useRef(false);\n  const {\n    children,\n    shouldFlip = true,\n    closeOnSelect,\n    trigger = 'press',\n    isDisabled,\n    isDummy,\n    mobileType = 'popover',\n  } = props;\n\n  // Generate a unique ID for this menu instance\n  const menuId = useMemo(() => generateRandomId(), []);\n\n  if (!Array.isArray(children) || children.length > 2) {\n    throw new Error('MenuTrigger must have exactly 2 children');\n  }\n\n  let [menuTrigger, menu] = children;\n  const state: MenuTriggerState = useMenuTriggerState(props);\n\n  usePopoverSync({\n    menuId,\n    isOpen: state.isOpen,\n    onClose: () => state.close(),\n    enabled: !isDummy,\n    triggerRef: menuTriggerRef,\n    containerRef: menuPopoverRef,\n  });\n\n  // Restore focus manually when the menu closes\n  useEffect(() => {\n    if (!state.isOpen && wasOpenRef.current && !isDummy) {\n      wasOpenRef.current = false;\n      // Use setTimeout to ensure focus restoration happens after any animations\n      setTimeout(() => {\n        menuTriggerRef.current?.focus();\n      }, 0);\n    } else if (state.isOpen) {\n      wasOpenRef.current = true;\n    }\n  }, [state.isOpen, menuTriggerRef, isDummy]);\n\n  if (typeof menuTrigger === 'function') {\n    menuTrigger = (menuTrigger as CubeMenuTriggerProps['children'][0])(state);\n  }\n\n  const { menuTriggerProps, menuProps } = useMenuTrigger(\n    { isDisabled },\n    state,\n    menuTriggerRef,\n  );\n\n  let initialPlacement: Placement = props.placement ?? 'bottom start';\n\n  // Tray rendering is now opt-in via `mobileType=\"tray\"` (matches DialogTrigger).\n  // Without that opt-in, MenuTrigger always renders a Popover so that environments\n  // like jsdom (where `window.screen.width === 0` makes useIsMobileDevice() true)\n  // don't accidentally swap in the tray overlay.\n  const isMobileDevice = useIsMobileDevice();\n  const isTray = mobileType === 'tray' && isMobileDevice;\n  const { overlayProps: positionProps, placement } = useOverlayPosition({\n    targetRef: menuTriggerRef,\n    overlayRef: menuPopoverRef,\n    scrollRef: menuRef,\n    placement: initialPlacement,\n    shouldFlip: shouldFlip,\n    isOpen: state.isOpen && !isTray,\n    onClose: state.close,\n    containerPadding: props.containerPadding,\n    offset: props.offset ?? 8,\n    crossOffset: props.crossOffset ?? 0,\n  });\n\n  const menuContext = {\n    ...menuProps,\n    ref: menuRef,\n    onClose: state.close,\n    closeOnSelect,\n    autoFocus: (state.focusStrategy as any) ?? 'first',\n    style: isTray\n      ? {\n          width: '100%',\n          maxHeight: 'inherit',\n        }\n      : undefined,\n    mods: {\n      popover: !isTray,\n      tray: isTray,\n    },\n    isClosing: !state.isOpen,\n  } as MenuContextValue;\n\n  // Wrap in a FocusScope so the menu popover registers as a child of any\n  // outer contained FocusScope (e.g. a parent Dialog/Popover). Without this,\n  // when the menu opens inside an outer contained FocusScope, the outer\n  // scope rejects focus moving into the menu items (which live in a portal\n  // and would otherwise belong to no scope) and yanks focus back to the\n  // menu trigger.\n  const contents = (\n    <FocusScope restoreFocus>\n      <DismissButton onDismiss={state.close} />\n      {menu}\n      <DismissButton onDismiss={state.close} />\n    </FocusScope>\n  );\n\n  // Shared between the Popover and Tray branches so both react-aria\n  // `useOverlay` calls see the same predicate. Without this, the Tray branch\n  // falls back to unconditional dismiss-on-outside-interaction, which\n  // `useOverlay` translates into stopPropagation/preventDefault in the\n  // capture phase — that swallows clicks on sibling triggers (see Menu\n  // rapid-open test).\n  //\n  // `useEvent` gives us a single stable callback reference for the lifetime\n  // of the component while always reading the latest closure values. This\n  // matters because `useMenuTriggerState` returns a fresh `state` object on\n  // every render, so a vanilla `useCallback([..., state])` would produce a\n  // new function every render and defeat any stability guarantees consumers\n  // rely on.\n  const shouldCloseOnInteractOutside = useEvent((el: Element) => {\n    // While `Popover` is animating out, `useInteractOutside`'s capture-phase\n    // listener is still attached (jsdom 29+ uses pointerdown/click capture).\n    // The animation lasts ~350ms; without this guard, clicks on a sibling\n    // trigger during the exit window get stopPropagation()'d and the\n    // sibling's `onClick` never runs — breaking rapid-open and \"open menu\n    // again with new props\" flows. Reading `state.isOpen` directly is safe\n    // because `useEvent` always sees the latest closure.\n    if (!state.isOpen) return false;\n\n    const menuTriggerEl = el.closest('[data-popover-trigger]');\n    if (!menuTriggerEl) {\n      // Plain interactive controls (Button, ItemButton) opt in via\n      // `data-popover-dismiss`. We schedule the close via setTimeout(0) so\n      // it lands AFTER the click event finishes — the button's onPress\n      // fires first, then the popover closes. Without this, useOverlay\n      // would stopPropagation() the click and the user would need a second\n      // click to actually press the button.\n      if (el.closest('[data-popover-dismiss]')) {\n        setTimeout(() => state.close(), 0);\n        return false;\n      }\n      return true;\n    }\n    if (\n      isDummy &&\n      (menuTriggerEl === menuTriggerRef.current ||\n        menuTriggerRef.current?.contains(el))\n    ) {\n      return true;\n    }\n    if (menuTriggerEl === menuTriggerRef.current) return true;\n    return false;\n  });\n\n  let overlay;\n  if (isTray) {\n    overlay = (\n      <Tray\n        isOpen={state.isOpen}\n        shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n        onClose={state.close}\n      >\n        {contents}\n      </Tray>\n    );\n  } else {\n    overlay = (\n      <Popover\n        ref={menuPopoverRef}\n        hideArrow\n        isNonModal\n        isOpen={state.isOpen}\n        style={positionProps.style}\n        placement={placement}\n        shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n        onClose={state.close}\n      >\n        {contents}\n      </Popover>\n    );\n  }\n\n  return (\n    <Fragment>\n      <SlotProvider\n        slots={{ actionButton: { holdAffordance: trigger === 'longPress' } }}\n      >\n        {!isDummy ? (\n          <PressResponder\n            {...menuTriggerProps}\n            ref={menuTriggerRef}\n            data-popover-trigger\n            isPressed={state.isOpen}\n          >\n            {menuTrigger}\n          </PressResponder>\n        ) : null}\n      </SlotProvider>\n      <MenuContext.Provider value={menuContext}>{overlay}</MenuContext.Provider>\n    </Fragment>\n  );\n}\n\n/**\n * The MenuTrigger serves as a wrapper around a Menu and its associated trigger,\n * linking the Menu's open state with the trigger's press state.\n */\nlet _MenuTrigger = forwardRef(MenuTrigger);\n\n_MenuTrigger.displayName = 'MenuTrigger';\n\nexport { _MenuTrigger as MenuTrigger };\n"],"mappings":";;;;;;;;;;;;;;;;;AA6DA,SAAS,YAAY,OAA6B,KAAuB;CACvE,MAAM,qBAAqB,OAAuB,KAAK;CACvD,MAAM,iBAAiB,MAAM,cAAc;CAC3C,MAAM,aAAa,OAAoB,KAAK;CAC5C,MAAM,SAAS,aAAa,IAAI;CAChC,MAAM,iBAAiB,MAAM,aAAa,UAAU;CACpD,MAAM,UAAU,OAAyB,KAAK;CAC9C,MAAM,aAAa,OAAO,MAAM;CAChC,MAAM,EACJ,UACA,aAAa,MACb,eACA,UAAU,SACV,YACA,SACA,aAAa,cACX;CAGJ,MAAM,SAAS,cAAc,kBAAkB,EAAE,EAAE,CAAC;AAEpD,KAAI,CAAC,MAAM,QAAQ,SAAS,IAAI,SAAS,SAAS,EAChD,OAAM,IAAI,MAAM,2CAA2C;CAG7D,IAAI,CAAC,aAAa,QAAQ;CAC1B,MAAM,QAA0B,oBAAoB,MAAM;AAE1D,gBAAe;EACb;EACA,QAAQ,MAAM;EACd,eAAe,MAAM,OAAO;EAC5B,SAAS,CAAC;EACV,YAAY;EACZ,cAAc;EACf,CAAC;AAGF,iBAAgB;AACd,MAAI,CAAC,MAAM,UAAU,WAAW,WAAW,CAAC,SAAS;AACnD,cAAW,UAAU;AAErB,oBAAiB;AACf,mBAAe,SAAS,OAAO;MAC9B,EAAE;aACI,MAAM,OACf,YAAW,UAAU;IAEtB;EAAC,MAAM;EAAQ;EAAgB;EAAQ,CAAC;AAE3C,KAAI,OAAO,gBAAgB,WACzB,eAAe,YAAoD,MAAM;CAG3E,MAAM,EAAE,kBAAkB,cAAc,eACtC,EAAE,YAAY,EACd,OACA,eACD;CAED,IAAI,mBAA8B,MAAM,aAAa;CAMrD,MAAM,iBAAiB,mBAAmB;CAC1C,MAAM,SAAS,eAAe,UAAU;CACxC,MAAM,EAAE,cAAc,eAAe,cAAc,mBAAmB;EACpE,WAAW;EACX,YAAY;EACZ,WAAW;EACX,WAAW;EACC;EACZ,QAAQ,MAAM,UAAU,CAAC;EACzB,SAAS,MAAM;EACf,kBAAkB,MAAM;EACxB,QAAQ,MAAM,UAAU;EACxB,aAAa,MAAM,eAAe;EACnC,CAAC;CAEF,MAAM,cAAc;EAClB,GAAG;EACH,KAAK;EACL,SAAS,MAAM;EACf;EACA,WAAY,MAAM,iBAAyB;EAC3C,OAAO,SACH;GACE,OAAO;GACP,WAAW;GACZ,GACD;EACJ,MAAM;GACJ,SAAS,CAAC;GACV,MAAM;GACP;EACD,WAAW,CAAC,MAAM;EACnB;CAQD,MAAM,WACJ,qBAAC;EAAW;;GACV,oBAAC,iBAAc,WAAW,MAAM,QAAS;GACxC;GACD,oBAAC,iBAAc,WAAW,MAAM,QAAS;;GAC9B;CAgBf,MAAM,+BAA+B,UAAU,OAAgB;AAQ7D,MAAI,CAAC,MAAM,OAAQ,QAAO;EAE1B,MAAM,gBAAgB,GAAG,QAAQ,yBAAyB;AAC1D,MAAI,CAAC,eAAe;AAOlB,OAAI,GAAG,QAAQ,yBAAyB,EAAE;AACxC,qBAAiB,MAAM,OAAO,EAAE,EAAE;AAClC,WAAO;;AAET,UAAO;;AAET,MACE,YACC,kBAAkB,eAAe,WAChC,eAAe,SAAS,SAAS,GAAG,EAEtC,QAAO;AAET,MAAI,kBAAkB,eAAe,QAAS,QAAO;AACrD,SAAO;GACP;CAEF,IAAI;AACJ,KAAI,OACF,WACE,oBAACA;EACC,QAAQ,MAAM;EACgB;EAC9B,SAAS,MAAM;YAEd;GACI;KAGT,WACE,oBAACC;EACC,KAAK;EACL;EACA;EACA,QAAQ,MAAM;EACd,OAAO,cAAc;EACV;EACmB;EAC9B,SAAS,MAAM;YAEd;GACO;AAId,QACE,qBAAC,uBACC,oBAAC;EACC,OAAO,EAAE,cAAc,EAAE,gBAAgB,YAAY,aAAa,EAAE;YAEnE,CAAC,UACA,oBAAC;GACC,GAAI;GACJ,KAAK;GACL;GACA,WAAW,MAAM;aAEhB;IACc,GACf;GACS,EACf,oBAAC,YAAY;EAAS,OAAO;YAAc;GAA+B,IACjE;;;;;;AAQf,IAAI,eAAe,WAAW,YAAY;AAE1C,aAAa,cAAc"}
+{"version":3,"file":"MenuTrigger.js","names":["Tray","Popover"],"sources":["../../../../src/components/actions/Menu/MenuTrigger.tsx"],"sourcesContent":["import { PressResponder } from '@react-aria/interactions';\nimport { useObjectRef } from '@react-aria/utils';\nimport { useIsMobileDevice } from '@react-spectrum/utils';\nimport {\n  forwardRef,\n  Fragment,\n  MutableRefObject,\n  ReactElement,\n  Ref,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport {\n  AriaMenuTriggerProps,\n  DismissButton,\n  FocusScope,\n  Placement,\n  PositionProps,\n  useMenuTrigger,\n  useOverlayPosition,\n} from 'react-aria';\nimport { MenuTriggerState, useMenuTriggerState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal';\nimport { generateRandomId } from '../../../utils/random';\nimport { SlotProvider } from '../../../utils/react';\nimport { usePopoverSync } from '../../../utils/react/usePopoverSync';\nimport { Popover, Tray } from '../../overlays/Modal';\n\nimport { MenuContext, MenuContextValue } from './context';\n\nexport type { AriaMenuTriggerProps };\n\nexport type CubeMenuTriggerProps = AriaMenuTriggerProps &\n  PositionProps & {\n    isDisabled?: boolean;\n    children: [\n      ReactElement | ((state: MenuTriggerState) => ReactElement),\n      ReactElement,\n    ];\n\n    closeOnSelect?: boolean;\n    isDummy?: boolean;\n    /**\n     * External ref to the popover container element. When provided, it is\n     * aliased to the internal `menuPopoverRef`, letting consumers (e.g.\n     * `useAnchoredMenu` / `useContextMenu`) feed the popover container into\n     * their own `usePopoverSync` so the nested-popover guard can recognize\n     * submenus opened inside this menu. Optional.\n     */\n    popoverRef?: MutableRefObject<HTMLDivElement | null>;\n    /**\n     * Overlay variant to use on mobile screens. Defaults to `'popover'`, which\n     * keeps the desktop overlay even on small viewports. Pass `'tray'` to opt\n     * into the bottom-sheet `Tray` overlay on mobile (the previous implicit\n     * default). Mirrors the `mobileType` API on `DialogTrigger`.\n     */\n    mobileType?: 'popover' | 'tray';\n  };\n\nfunction MenuTrigger(props: CubeMenuTriggerProps, ref: Ref<HTMLElement>) {\n  const internalPopoverRef = useRef<HTMLDivElement>(null);\n  const menuPopoverRef = props.popoverRef ?? internalPopoverRef;\n  const triggerRef = useRef<HTMLElement>(null);\n  const domRef = useObjectRef(ref);\n  const menuTriggerRef = props.targetRef || domRef || triggerRef;\n  const menuRef = useRef<HTMLUListElement>(null);\n  const wasOpenRef = useRef(false);\n  const {\n    children,\n    shouldFlip = true,\n    closeOnSelect,\n    trigger = 'press',\n    isDisabled,\n    isDummy,\n    mobileType = 'popover',\n  } = props;\n\n  // Generate a unique ID for this menu instance\n  const menuId = useMemo(() => generateRandomId(), []);\n\n  if (!Array.isArray(children) || children.length > 2) {\n    throw new Error('MenuTrigger must have exactly 2 children');\n  }\n\n  let [menuTrigger, menu] = children;\n  const state: MenuTriggerState = useMenuTriggerState(props);\n\n  usePopoverSync({\n    menuId,\n    isOpen: state.isOpen,\n    onClose: () => state.close(),\n    enabled: !isDummy,\n    triggerRef: menuTriggerRef,\n    containerRef: menuPopoverRef,\n  });\n\n  // Restore focus manually when the menu closes\n  useEffect(() => {\n    if (!state.isOpen && wasOpenRef.current && !isDummy) {\n      wasOpenRef.current = false;\n      // Use setTimeout to ensure focus restoration happens after any animations\n      setTimeout(() => {\n        menuTriggerRef.current?.focus();\n      }, 0);\n    } else if (state.isOpen) {\n      wasOpenRef.current = true;\n    }\n  }, [state.isOpen, menuTriggerRef, isDummy]);\n\n  if (typeof menuTrigger === 'function') {\n    menuTrigger = (menuTrigger as CubeMenuTriggerProps['children'][0])(state);\n  }\n\n  const { menuTriggerProps, menuProps } = useMenuTrigger(\n    { isDisabled },\n    state,\n    menuTriggerRef,\n  );\n\n  let initialPlacement: Placement = props.placement ?? 'bottom start';\n\n  // Tray rendering is now opt-in via `mobileType=\"tray\"` (matches DialogTrigger).\n  // Without that opt-in, MenuTrigger always renders a Popover so that environments\n  // like jsdom (where `window.screen.width === 0` makes useIsMobileDevice() true)\n  // don't accidentally swap in the tray overlay.\n  const isMobileDevice = useIsMobileDevice();\n  const isTray = mobileType === 'tray' && isMobileDevice;\n  const { overlayProps: positionProps, placement } = useOverlayPosition({\n    targetRef: menuTriggerRef,\n    overlayRef: menuPopoverRef,\n    scrollRef: menuRef,\n    placement: initialPlacement,\n    shouldFlip: shouldFlip,\n    isOpen: state.isOpen && !isTray,\n    onClose: state.close,\n    containerPadding: props.containerPadding,\n    offset: props.offset ?? 8,\n    crossOffset: props.crossOffset ?? 0,\n  });\n\n  const menuContext = {\n    ...menuProps,\n    ref: menuRef,\n    onClose: state.close,\n    closeOnSelect,\n    autoFocus: (state.focusStrategy as any) ?? 'first',\n    style: isTray\n      ? {\n          width: '100%',\n          maxHeight: 'inherit',\n        }\n      : undefined,\n    mods: {\n      popover: !isTray,\n      tray: isTray,\n    },\n    isClosing: !state.isOpen,\n  } as MenuContextValue;\n\n  // Wrap in a FocusScope so the menu popover registers as a child of any\n  // outer contained FocusScope (e.g. a parent Dialog/Popover). Without this,\n  // when the menu opens inside an outer contained FocusScope, the outer\n  // scope rejects focus moving into the menu items (which live in a portal\n  // and would otherwise belong to no scope) and yanks focus back to the\n  // menu trigger.\n  const contents = (\n    <FocusScope restoreFocus>\n      <DismissButton onDismiss={state.close} />\n      {menu}\n      <DismissButton onDismiss={state.close} />\n    </FocusScope>\n  );\n\n  // Shared between the Popover and Tray branches so both react-aria\n  // `useOverlay` calls see the same predicate. Without this, the Tray branch\n  // falls back to unconditional dismiss-on-outside-interaction, which\n  // `useOverlay` translates into stopPropagation/preventDefault in the\n  // capture phase — that swallows clicks on sibling triggers (see Menu\n  // rapid-open test).\n  //\n  // `useEvent` gives us a single stable callback reference for the lifetime\n  // of the component while always reading the latest closure values. This\n  // matters because `useMenuTriggerState` returns a fresh `state` object on\n  // every render, so a vanilla `useCallback([..., state])` would produce a\n  // new function every render and defeat any stability guarantees consumers\n  // rely on.\n  const shouldCloseOnInteractOutside = useEvent((el: Element) => {\n    // While `Popover` is animating out, `useInteractOutside`'s capture-phase\n    // listener is still attached (jsdom 29+ uses pointerdown/click capture).\n    // The animation lasts ~350ms; without this guard, clicks on a sibling\n    // trigger during the exit window get stopPropagation()'d and the\n    // sibling's `onClick` never runs — breaking rapid-open and \"open menu\n    // again with new props\" flows. Reading `state.isOpen` directly is safe\n    // because `useEvent` always sees the latest closure.\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      // Plain interactive controls (Button, ItemButton) opt in via\n      // `data-popover-dismiss`. We schedule the close via setTimeout(0) so\n      // it lands AFTER the click event finishes — the button's onPress\n      // fires first, then the popover closes. Without this, useOverlay\n      // would stopPropagation() the click and the user would need a second\n      // click to actually press the button.\n      if (el.closest('[data-popover-dismiss]')) {\n        setTimeout(() => state.close(), 0);\n        return false;\n      }\n      return true;\n    }\n    if (\n      isDummy &&\n      (menuTriggerEl === menuTriggerRef.current ||\n        menuTriggerRef.current?.contains(el))\n    ) {\n      return true;\n    }\n    if (menuTriggerEl === menuTriggerRef.current) return true;\n    return false;\n  });\n\n  let overlay;\n  if (isTray) {\n    overlay = (\n      <Tray\n        isOpen={state.isOpen}\n        shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n        onClose={state.close}\n      >\n        {contents}\n      </Tray>\n    );\n  } else {\n    overlay = (\n      <Popover\n        ref={menuPopoverRef}\n        hideArrow\n        isNonModal\n        isOpen={state.isOpen}\n        style={positionProps.style}\n        placement={placement}\n        shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n        onClose={state.close}\n      >\n        {contents}\n      </Popover>\n    );\n  }\n\n  return (\n    <Fragment>\n      <SlotProvider\n        slots={{ actionButton: { holdAffordance: trigger === 'longPress' } }}\n      >\n        {!isDummy ? (\n          <PressResponder\n            {...menuTriggerProps}\n            ref={menuTriggerRef}\n            data-popover-trigger\n            isPressed={state.isOpen}\n          >\n            {menuTrigger}\n          </PressResponder>\n        ) : null}\n      </SlotProvider>\n      <MenuContext.Provider value={menuContext}>{overlay}</MenuContext.Provider>\n    </Fragment>\n  );\n}\n\n/**\n * The MenuTrigger serves as a wrapper around a Menu and its associated trigger,\n * linking the Menu's open state with the trigger's press state.\n */\nlet _MenuTrigger = forwardRef(MenuTrigger);\n\n_MenuTrigger.displayName = 'MenuTrigger';\n\nexport { _MenuTrigger as MenuTrigger };\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | Cube Dev Team */
 import { usePopoverSync } from "../../../utils/react/usePopoverSync.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { MenuContext, useMenuContext } from "./context.js";
@@ -145,6 +145,7 @@ function InternalSubMenuTrigger(props) {
 	const shouldCloseOnInteractOutside = useEvent((el) => {
 		if (!state.isOpen) return false;
 		if (!el.closest("[data-popover-trigger]")) {
+			if (el.closest("[data-popover-keep]")) return false;
 			if (el.closest("[data-popover-dismiss]")) {
 				setTimeout(() => parentContext.onClose?.(), 0);
 				return false;

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

@@ -1 +1 @@
-{"version":3,"file":"SubMenuTrigger.js","names":["Popover"],"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-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":["Popover"],"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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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | 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.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | 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.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | 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/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | 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.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | 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.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | 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.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | 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.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | 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.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | Cube Dev Team */
 import themes_default from "../../../data/themes.js";
 import { useAlert } from "./use-alert.js";
 import { tasty } from "@tenphi/tasty";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useDeprecationWarning } from "../../../_internal/hooks/use-deprecation-warning.js";
 import { CONTAINER_STYLES, TEXT_STYLES, filterBaseProps } from "@tenphi/tasty";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { CONTAINER_STYLES, Element, filterBaseProps } from "@tenphi/tasty";
 import { forwardRef } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | Cube Dev Team */
 import { _Item } from "../Item/Item.js";
 import themes_default from "../../../data/themes.js";
 import { tasty } from "@tenphi/tasty";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/content/Content.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { CONTAINER_STYLES, TEXT_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useTimer } from "../../../_internal/hooks/use-timer/use-timer.js";
 import { CopyIcon } from "../../../icons/CopyIcon.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | Cube Dev Team */
 import { _Tooltip } from "../../overlays/Tooltip/Tooltip.js";
 import { TooltipTrigger } from "../../overlays/Tooltip/TooltipTrigger.js";
 import { CopyIcon } from "../../../icons/CopyIcon.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.7 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";
@@ -61,7 +61,10 @@ const ContentElement = tasty({
 	styles: {
 		display: "block",
 		flow: "column",
-		contentVisibility: "auto"
+		contentVisibility: {
+			"": "auto",
+			shown: "visible"
+		}
 	}
 });
 const GroupRoot = tasty({
@@ -210,7 +213,10 @@ const DisclosureContent = forwardRef(function DisclosureContent(props, ref) {
 			tokens: transitionDuration != null ? { "$disclosure-transition": `${transitionDuration}ms` } : void 0,
 			children: /* @__PURE__ */ jsx(ContentElement, {
 				ref: mergeRefs(ref, panelRef),
-				mods,
+				mods: {
+					...mods,
+					shown: isShown
+				},
 				styles: mergedStyles,
 				...filteredPanelProps,
 				...otherProps,