@cube-dev/ui-kit 0.114.0 → 0.115.0

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

@@ -0,0 +1,243 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.0 | Cube Dev Team */
+import { useEventBus } from "../../../utils/react/useEventBus.js";
+import { MenuContext, useMenuContext } from "./context.js";
+import { SubmenuTriggerContext } from "./SubmenuTriggerContext.js";
+import { generateRandomId } from "../../../utils/random.js";
+import { _Popover } from "../../overlays/Modal/Popover.js";
+import React, { useEffect, useMemo, useRef } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { DismissButton, useMenuTrigger, useOverlayPosition } from "react-aria";
+import { useMenuTriggerState } from "react-stately";
+import { useSyncRef } from "@react-aria/utils";
+
+//#region src/components/actions/Menu/SubMenuTrigger.tsx
+const DEFAULT_PLACEMENT = "right top";
+const DEFAULT_OFFSET = 4;
+const DEFAULT_CROSS_OFFSET = -5;
+/**
+* Internal SubMenuTrigger that receives the already-rendered trigger element
+* from the collection system and wraps it with submenu behavior.
+*/
+function InternalSubMenuTrigger(props) {
+	const { children, placement = DEFAULT_PLACEMENT, offset = DEFAULT_OFFSET, crossOffset = DEFAULT_CROSS_OFFSET, shouldFlip = true, isDisabled, autoFocus = "first", onAction, targetKey, ...overlayProps } = props;
+	const [menuTrigger, menu] = React.Children.toArray(children);
+	const state = useMenuTriggerState(props);
+	const submenuId = useMemo(() => generateRandomId(), []);
+	const { emit, on } = useEventBus();
+	const domTriggerRef = useRef(null);
+	const popoverRef = useRef(null);
+	const menuRef = useRef(null);
+	const { menuTriggerProps: rawTriggerProps, menuProps } = useMenuTrigger({
+		type: "submenu",
+		isDisabled
+	}, state, domTriggerRef);
+	const parentContext = useMenuContext();
+	const { onKeyDown: _mtOnKeyDown, onPress: _mtOnPress, onPressStart: _mtOnPressStart, onKeyUp: _mtOnKeyUp, ...menuTriggerProps } = rawTriggerProps;
+	const { overlayProps: positionProps } = useOverlayPosition({
+		targetRef: domTriggerRef,
+		overlayRef: popoverRef,
+		scrollRef: menuRef,
+		placement,
+		offset,
+		crossOffset,
+		shouldFlip,
+		isOpen: state.isOpen,
+		onClose: state.close
+	});
+	/**
+	* Build a MenuContext for the nested menu so it behaves just like a regular
+	* popover-based Menu (selection handling, focus management, etc.).
+	*/
+	const nestedMenuContext = useMemo(() => {
+		return {
+			...menuProps,
+			ref: menuRef,
+			onClose: () => {
+				state.close();
+				if (parentContext.onClose) parentContext.onClose();
+			},
+			closeOnSelect: true,
+			autoFocus,
+			mods: { popover: true },
+			isClosing: parentContext.isClosing || !state.isOpen
+		};
+	}, [
+		menuProps,
+		autoFocus,
+		state,
+		parentContext.onClose,
+		parentContext.isClosing
+	]);
+	useSyncRef(parentContext, domTriggerRef);
+	useEffect(() => {
+		return on("popover:open", (data) => {
+			if (data.menuId !== submenuId && state.isOpen) state.close();
+		});
+	}, [
+		on,
+		submenuId,
+		state
+	]);
+	useEffect(() => {
+		if (state.isOpen) emit("popover:open", { menuId: submenuId });
+	}, [
+		state.isOpen,
+		emit,
+		submenuId
+	]);
+	useEffect(() => {
+		return () => {
+			if (hoverOpenTimerRef.current) clearTimeout(hoverOpenTimerRef.current);
+			if (hoverCloseTimerRef.current) clearTimeout(hoverCloseTimerRef.current);
+			isHoveringRef.current = false;
+			isHoveringSubmenuRef.current = false;
+		};
+	}, []);
+	const handleKeyDown = (e) => {
+		if (isDisabled) return;
+		if (e.key === "ArrowRight") {
+			e.preventDefault();
+			e.stopPropagation();
+			state.open();
+		} else if (e.key === "Enter" || e.key === " ") {
+			e.preventDefault();
+			e.stopPropagation();
+			e.nativeEvent.stopImmediatePropagation();
+			state.open();
+			suppressNextActionRef.current = true;
+		} else if (e.key === "ArrowLeft" && state.isOpen) {
+			e.preventDefault();
+			e.stopPropagation();
+			state.close();
+		}
+	};
+	const hoverOpenTimerRef = useRef(null);
+	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();
+		}, 300);
+	};
+	const handleMouseEnter = () => {
+		if (isDisabled) return;
+		isHoveringRef.current = true;
+		if (hoverCloseTimerRef.current) {
+			clearTimeout(hoverCloseTimerRef.current);
+			hoverCloseTimerRef.current = null;
+		}
+		if (!state.isOpen) hoverOpenTimerRef.current = setTimeout(() => {
+			if (isHoveringRef.current) state.open();
+		}, 200);
+	};
+	const handleMouseLeave = () => {
+		isHoveringRef.current = false;
+		if (hoverOpenTimerRef.current) {
+			clearTimeout(hoverOpenTimerRef.current);
+			hoverOpenTimerRef.current = null;
+		}
+		checkShouldClose();
+	};
+	const handlePopoverMouseEnter = () => {
+		isHoveringSubmenuRef.current = true;
+		if (hoverCloseTimerRef.current) {
+			clearTimeout(hoverCloseTimerRef.current);
+			hoverCloseTimerRef.current = null;
+		}
+	};
+	const handlePopoverMouseLeave = () => {
+		isHoveringSubmenuRef.current = false;
+		checkShouldClose();
+	};
+	const triggerContextValue = useMemo(() => ({
+		triggerRef: domTriggerRef,
+		triggerProps: menuTriggerProps,
+		isOpen: state.isOpen,
+		isDisabled,
+		onMouseEnter: handleMouseEnter,
+		onMouseLeave: handleMouseLeave,
+		onKeyDown: handleKeyDown,
+		onAction: isDisabled ? void 0 : () => {
+			if (suppressNextActionRef.current) {
+				suppressNextActionRef.current = false;
+				return;
+			}
+			state.open();
+		}
+	}), [
+		state,
+		isDisabled,
+		handleMouseEnter,
+		handleMouseLeave,
+		handleKeyDown,
+		menuTriggerProps
+	]);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(SubmenuTriggerContext.Provider, {
+		value: triggerContextValue,
+		children: menuTrigger
+	}), state.isOpen && /* @__PURE__ */ jsx(_Popover, {
+		ref: popoverRef,
+		hideArrow: true,
+		isNonModal: true,
+		isOpen: !parentContext.isClosing,
+		style: positionProps.style,
+		placement,
+		onClose: state.close,
+		...overlayProps,
+		children: /* @__PURE__ */ jsxs("div", {
+			style: { display: "contents" },
+			onMouseEnter: handlePopoverMouseEnter,
+			onMouseLeave: handlePopoverMouseLeave,
+			children: [
+				/* @__PURE__ */ jsx(DismissButton, { onDismiss: state.close }),
+				/* @__PURE__ */ jsx(MenuContext.Provider, {
+					value: nestedMenuContext,
+					children: React.cloneElement(menu, {
+						...menu.props,
+						autoFocus,
+						onAction: (key) => {
+							menu.props.onAction?.(key);
+							onAction?.(key);
+						},
+						onKeyDown: (e) => {
+							if (e.key === "ArrowLeft" || e.key === "Escape") {
+								e.preventDefault();
+								e.stopPropagation();
+								state.close();
+								domTriggerRef.current?.focus();
+							}
+							menu.props.onKeyDown?.(e);
+						},
+						ref: menuRef
+					})
+				}),
+				/* @__PURE__ */ jsx(DismissButton, { onDismiss: state.close })
+			]
+		})
+	})] });
+}
+/**
+* Public SubMenuTrigger component that users interact with.
+* It just provides the getCollectionNode for the collection system.
+*/
+function SubMenuTrigger(props) {
+	return null;
+}
+SubMenuTrigger.getCollectionNode = function* (props) {
+	const [trigger, menu] = React.Children.toArray(props.children);
+	yield {
+		element: trigger,
+		wrapper: (element) => /* @__PURE__ */ jsxs(InternalSubMenuTrigger, {
+			targetKey: element.key || void 0,
+			...props,
+			children: [element, menu]
+		}, element.key || void 0)
+	};
+};
+SubMenuTrigger.displayName = "SubMenuTrigger";
+
+//#endregion
+export { SubMenuTrigger };
+//# sourceMappingURL=SubMenuTrigger.js.map

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

@@ -0,0 +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 { generateRandomId } from '../../../utils/random';\nimport { useEventBus } from '../../../utils/react/useEventBus';\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  // Get event bus for submenu synchronization\n  const { emit, on } = useEventBus();\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  // 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  // Listen for other menus opening and close this submenu if needed\n  useEffect(() => {\n    const unsubscribe = on('popover:open', (data: { menuId: string }) => {\n      // If another menu is opening and this submenu is open, close this one\n      if (data.menuId !== submenuId && state.isOpen) {\n        state.close();\n      }\n    });\n\n    return unsubscribe;\n  }, [on, submenuId, state]);\n\n  // Emit event when this submenu opens\n  useEffect(() => {\n    if (state.isOpen) {\n      emit('popover:open', { menuId: submenuId });\n    }\n  }, [state.isOpen, emit, submenuId]);\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  // 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          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

@@ -0,0 +1,9 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.0 | Cube Dev Team */
+import React from "react";
+
+//#region src/components/actions/Menu/SubmenuTriggerContext.tsx
+const SubmenuTriggerContext = React.createContext(null);
+
+//#endregion
+export { SubmenuTriggerContext };
+//# sourceMappingURL=SubmenuTriggerContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SubmenuTriggerContext.js","names":[],"sources":["../../../../src/components/actions/Menu/SubmenuTriggerContext.tsx"],"sourcesContent":["import React, { RefObject } from 'react';\n\nexport interface SubmenuTriggerContextValue {\n  triggerRef: RefObject<HTMLElement | null>;\n  isOpen?: boolean;\n  isDisabled?: boolean;\n  onMouseEnter?: () => void;\n  onMouseLeave?: () => void;\n  onKeyDown?: (e: React.KeyboardEvent) => void;\n  onAction?: () => void;\n  triggerProps?: any;\n}\n\nexport const SubmenuTriggerContext =\n  React.createContext<SubmenuTriggerContextValue | null>(null);\n\nexport function useSubmenuTriggerContext() {\n  const context = React.useContext(SubmenuTriggerContext);\n  if (!context) {\n    throw new Error(\n      'useSubmenuTriggerContext must be used within a SubmenuTriggerContext.Provider',\n    );\n  }\n  return context;\n}\n"],"mappings":";;;;AAaA,MAAa,wBACX,MAAM,cAAiD,KAAK"}

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

@@ -0,0 +1,22 @@
+
+import React, { HTMLAttributes, MutableRefObject } from "react";
+import { FocusStrategy } from "@react-types/shared";
+
+//#region src/components/actions/Menu/context.d.ts
+interface MenuContextValue extends Omit<HTMLAttributes<HTMLElement>, 'autoFocus'> {
+  onClose?: () => void;
+  closeOnSelect?: boolean;
+  shouldFocusWrap?: boolean;
+  autoFocus?: boolean | FocusStrategy;
+  ref?: MutableRefObject<HTMLUListElement>;
+  mods?: {
+    popover?: boolean;
+    tray?: boolean;
+  };
+  isClosing?: boolean;
+}
+declare const MenuContext: React.Context<MenuContextValue>;
+declare function useMenuContext(): MenuContextValue;
+//#endregion
+export { MenuContext, MenuContextValue, useMenuContext };
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1,12 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.0 | Cube Dev Team */
+import React, { useContext } from "react";
+
+//#region src/components/actions/Menu/context.ts
+const MenuContext = React.createContext({});
+function useMenuContext() {
+	return useContext(MenuContext);
+}
+
+//#endregion
+export { MenuContext, useMenuContext };
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../../src/components/actions/Menu/context.ts"],"sourcesContent":["import { FocusStrategy } from '@react-types/shared';\nimport React, { HTMLAttributes, MutableRefObject, useContext } from 'react';\n\nexport interface MenuContextValue\n  extends Omit<HTMLAttributes<HTMLElement>, 'autoFocus'> {\n  onClose?: () => void;\n  closeOnSelect?: boolean;\n  shouldFocusWrap?: boolean;\n  autoFocus?: boolean | FocusStrategy;\n  ref?: MutableRefObject<HTMLUListElement>;\n  mods?: {\n    popover?: boolean;\n    tray?: boolean;\n  };\n  isClosing?: boolean;\n}\n\nexport const MenuContext = React.createContext<MenuContextValue>({});\n\nexport function useMenuContext(): MenuContextValue {\n  return useContext(MenuContext);\n}\n"],"mappings":";;;;AAiBA,MAAa,cAAc,MAAM,cAAgC,EAAE,CAAC;AAEpE,SAAgB,iBAAmC;AACjD,QAAO,WAAW,YAAY"}

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

@@ -0,0 +1,7 @@
+
+import { AriaMenuTriggerProps, CubeMenuTriggerProps, _MenuTrigger } from "./MenuTrigger.js";
+import { CubeSubMenuTriggerProps, SubMenuTrigger } from "./SubMenuTrigger.js";
+import { CubeMenuProps, __Menu } from "./Menu.js";
+import { MenuItem, MenuItemProps, MenuSelectionType } from "./MenuItem.js";
+import { CubeMenuSectionProps, MenuSection } from "./MenuSection.js";
+import { MenuContext, MenuContextValue, useMenuContext } from "./context.js";

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

@@ -0,0 +1,212 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.0 | Cube Dev Team */
+import { tasty } from "../../../tasty/tasty.js";
+import { DEFAULT_NEUTRAL_STYLES } from "../../../data/item-themes.js";
+import { Space } from "../../layout/Space.js";
+import { DEFAULT_BUTTON_STYLES } from "../Button/Button.js";
+
+//#region src/components/actions/Menu/styled.tsx
+const StyledMenuWrapper = tasty({
+	qa: "Menu",
+	styles: {
+		display: "grid",
+		gridRows: "max-content 1sf max-content",
+		fill: "#white",
+		margin: 0,
+		padding: 0,
+		border: true,
+		radius: "(1cr + 1bw)",
+		width: {
+			"": "auto",
+			popover: "max-content"
+		},
+		shadow: {
+			"": "",
+			"popover | tray": "0px 5px 15px #dark.05"
+		},
+		height: {
+			"": "initial",
+			popover: "initial max-content (50vh - 4x)",
+			tray: "initial max-content (100vh - 4x)"
+		},
+		boxSizing: "border-box"
+	}
+});
+const StyledMenu = tasty({
+	as: "ul",
+	qa: "MenuList",
+	styles: {
+		display: "flex",
+		flow: "column",
+		gap: {
+			"": "1bw",
+			sections: false
+		},
+		boxSizing: "border-box",
+		margin: 0,
+		padding: {
+			"": "0.5x",
+			section: 0
+		},
+		overflow: {
+			"": "auto",
+			section: ""
+		},
+		scrollbar: "styled"
+	}
+});
+const StyledDivider = tasty({
+	qa: "Divider",
+	as: "li",
+	styles: {
+		display: "flex",
+		flow: "column",
+		margin: ".5x",
+		listStyle: "none",
+		fill: "#border",
+		height: "1bw",
+		flexShrink: 0
+	}
+});
+const StyledHeader = tasty(Space, {
+	qa: "Header",
+	as: "div",
+	role: "heading",
+	"aria-level": 3,
+	styles: {
+		color: "#dark-02",
+		preset: "t3",
+		placeContent: "space-between",
+		placeItems: "center",
+		whiteSpace: "nowrap",
+		padding: ".5x 1.5x",
+		height: "min $size",
+		boxSizing: "border-box",
+		border: "bottom",
+		radius: "1cr top",
+		$size: {
+			"": "$size-md",
+			"size=small": "$size-sm",
+			"size=medium": "$size-md",
+			"size=large": "$size-lg"
+		}
+	}
+});
+const StyledFooter = tasty(Space, {
+	qa: "Footer",
+	as: "div",
+	role: "footer",
+	styles: {
+		color: "#dark-02",
+		preset: "t3",
+		placeContent: "space-between",
+		placeItems: "center",
+		whiteSpace: "nowrap",
+		padding: ".5x 1.5x",
+		height: {
+			"": "min $size-md",
+			"size=large": "min $size-lg"
+		},
+		boxSizing: "border-box",
+		border: "top",
+		radius: "1cr bottom"
+	}
+});
+const StyledSection = tasty({
+	qa: "Section",
+	as: "li",
+	styles: {
+		display: "flex",
+		flow: "column",
+		margin: "0",
+		padding: "0",
+		listStyle: "none",
+		fill: "#white"
+	}
+});
+const StyledItem = tasty({
+	qa: "Item",
+	as: "li",
+	styles: {
+		...DEFAULT_BUTTON_STYLES,
+		...DEFAULT_NEUTRAL_STYLES,
+		display: "flex",
+		flow: "row",
+		justifyContent: "stretch",
+		listStyle: "none",
+		flexShrink: 0,
+		height: {
+			"": "min $size-md",
+			"size=large": "min $size-lg"
+		},
+		border: false,
+		boxSizing: "border-box",
+		fill: {
+			"": "#clear",
+			focused: "#dark.03",
+			selected: "#dark.09",
+			"selected & focused": "#dark.12",
+			pressed: "#dark.09",
+			disabled: "#clear"
+		},
+		color: {
+			"": "#dark-02",
+			"selected | pressed": "#dark",
+			disabled: "#dark-04"
+		},
+		cursor: {
+			"": "default",
+			disabled: "not-allowed"
+		},
+		shadow: "#clear",
+		padding: {
+			"": ".5x 1x",
+			"selectionIcon & selectable & !selected": ".5x 1x .5x (1x + 3x)"
+		},
+		gap: ".75x",
+		outline: false,
+		ButtonIcon: {
+			display: "grid",
+			fontSize: "$icon-size",
+			width: "$icon-size",
+			height: "$icon-size",
+			placeSelf: "center",
+			placeItems: "center"
+		},
+		"& [data-element=\"ButtonIcon\"]:first-child:not(:last-child)": { marginLeft: 0 },
+		"& [data-element=\"ButtonIcon\"]:last-child:not(:first-child)": { marginRight: 0 },
+		Postfix: { color: {
+			"": "#dark-03",
+			pressed: "#dark-02",
+			disabled: "#dark-04"
+		} },
+		Description: {
+			preset: "t4",
+			color: "#dark-03"
+		}
+	}
+});
+const StyledSectionHeading = tasty(Space, {
+	qa: "SectionHeading",
+	as: "div",
+	styles: {
+		color: "#dark-04",
+		preset: "c2",
+		height: "3x",
+		placeContent: "center space-between",
+		align: "start",
+		padding: {
+			"": ".5x .75x",
+			prefix: "0 .75x 0 .5x"
+		},
+		$size: {
+			"": "$size-md",
+			"size=small": "$size-sm",
+			"size=medium": "$size-md",
+			"size=large": "$size-lg"
+		}
+	}
+});
+
+//#endregion
+export { StyledDivider, StyledFooter, StyledHeader, StyledMenu, StyledMenuWrapper, StyledSection, StyledSectionHeading };
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","names":[],"sources":["../../../../src/components/actions/Menu/styled.tsx"],"sourcesContent":["import { DEFAULT_NEUTRAL_STYLES } from '../../../data/item-themes';\nimport { tasty } from '../../../tasty';\nimport { Space } from '../../layout/Space';\nimport { DEFAULT_BUTTON_STYLES } from '../Button/Button';\n\nexport const StyledMenuWrapper = tasty({\n  qa: 'Menu',\n  styles: {\n    display: 'grid',\n    gridRows: 'max-content 1sf max-content',\n    fill: '#white',\n    margin: 0,\n    padding: 0,\n    border: true,\n    radius: '(1cr + 1bw)',\n    width: {\n      '': 'auto',\n      popover: 'max-content',\n    },\n    shadow: {\n      '': '',\n      'popover | tray': '0px 5px 15px #dark.05',\n    },\n    height: {\n      '': 'initial',\n      popover: 'initial max-content (50vh - 4x)',\n      tray: 'initial max-content (100vh - 4x)',\n    },\n    boxSizing: 'border-box',\n  },\n});\n\nexport const StyledMenu = tasty({\n  as: 'ul',\n  qa: 'MenuList',\n  styles: {\n    display: 'flex',\n    flow: 'column',\n    gap: {\n      '': '1bw',\n      sections: false,\n    },\n    boxSizing: 'border-box',\n    margin: 0,\n    padding: {\n      '': '0.5x',\n      section: 0, // section menu\n    },\n    overflow: {\n      '': 'auto',\n      section: '',\n    },\n    scrollbar: 'styled',\n  },\n});\n\nexport const StyledDivider = tasty({\n  qa: 'Divider',\n  as: 'li',\n  styles: {\n    display: 'flex',\n    flow: 'column',\n    margin: '.5x',\n    listStyle: 'none',\n    fill: '#border',\n    height: '1bw',\n    flexShrink: 0,\n  },\n});\n\nexport const StyledHeader = tasty(Space, {\n  qa: 'Header',\n  as: 'div',\n  role: 'heading',\n  'aria-level': 3,\n  styles: {\n    color: '#dark-02',\n    preset: 't3',\n    placeContent: 'space-between',\n    placeItems: 'center',\n    whiteSpace: 'nowrap',\n    padding: '.5x 1.5x',\n    height: 'min $size',\n    boxSizing: 'border-box',\n    border: 'bottom',\n    radius: '1cr top',\n\n    $size: {\n      '': '$size-md',\n      'size=small': '$size-sm',\n      'size=medium': '$size-md',\n      'size=large': '$size-lg',\n    },\n  },\n});\n\nexport const StyledFooter = tasty(Space, {\n  qa: 'Footer',\n  as: 'div',\n  role: 'footer',\n  styles: {\n    color: '#dark-02',\n    preset: 't3',\n    placeContent: 'space-between',\n    placeItems: 'center',\n    whiteSpace: 'nowrap',\n    padding: '.5x 1.5x',\n    height: {\n      '': 'min $size-md',\n      'size=large': 'min $size-lg',\n    },\n    boxSizing: 'border-box',\n    border: 'top',\n    radius: '1cr bottom',\n  },\n});\n\nexport const StyledSection = tasty({\n  qa: 'Section',\n  as: 'li',\n  styles: {\n    display: 'flex',\n    flow: 'column',\n    margin: '0',\n    padding: '0',\n    listStyle: 'none',\n    fill: '#white',\n  },\n});\n\nexport const StyledItem = tasty({\n  qa: 'Item',\n  as: 'li',\n  styles: {\n    // Base button-like styles merged from Action/Button defaults\n    ...DEFAULT_BUTTON_STYLES,\n    ...DEFAULT_NEUTRAL_STYLES,\n\n    // Override specifics for menu context\n    display: 'flex',\n    flow: 'row',\n    justifyContent: 'stretch',\n    listStyle: 'none',\n    flexShrink: 0,\n    height: {\n      '': 'min $size-md',\n      'size=large': 'min $size-lg',\n    },\n    border: false,\n    boxSizing: 'border-box',\n    fill: {\n      '': '#clear',\n      focused: '#dark.03',\n      selected: '#dark.09',\n      'selected & focused': '#dark.12',\n      pressed: '#dark.09',\n      disabled: '#clear',\n    },\n    color: {\n      '': '#dark-02',\n      'selected | pressed': '#dark',\n      disabled: '#dark-04',\n    },\n    cursor: {\n      '': 'default',\n      disabled: 'not-allowed',\n    },\n    shadow: '#clear',\n    padding: {\n      '': '.5x 1x',\n      'selectionIcon & selectable & !selected': '.5x 1x .5x (1x + 3x)',\n    },\n    gap: '.75x',\n    outline: false,\n\n    // Sub-elements reused from MenuButton styles\n    ButtonIcon: {\n      display: 'grid',\n      fontSize: '$icon-size',\n      width: '$icon-size',\n      height: '$icon-size',\n      placeSelf: 'center',\n      placeItems: 'center',\n    },\n\n    '& [data-element=\"ButtonIcon\"]:first-child:not(:last-child)': {\n      marginLeft: 0,\n    },\n\n    '& [data-element=\"ButtonIcon\"]:last-child:not(:first-child)': {\n      marginRight: 0,\n    },\n\n    Postfix: {\n      color: {\n        '': '#dark-03',\n        pressed: '#dark-02',\n        disabled: '#dark-04',\n      },\n    },\n\n    Description: {\n      preset: 't4',\n      color: '#dark-03',\n    },\n  },\n});\n\nexport const StyledSectionHeading = tasty(Space, {\n  qa: 'SectionHeading',\n  as: 'div',\n  styles: {\n    color: '#dark-04',\n    preset: 'c2',\n    height: '3x',\n    placeContent: 'center space-between',\n    align: 'start',\n    padding: {\n      '': '.5x .75x',\n      prefix: '0 .75x 0 .5x',\n    },\n\n    $size: {\n      '': '$size-md',\n      'size=small': '$size-sm',\n      'size=medium': '$size-md',\n      'size=large': '$size-lg',\n    },\n  },\n});\n"],"mappings":"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"}

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

@@ -0,0 +1,39 @@
+
+import { NavigateArg, NavigateLike, NavigateOptions, Path, RelativeRoutingType, To } from "../../providers/navigation.types.js";
+import { CubeUseActionProps, openLink, parseTo, performClickHandler, useAction } from "./use-action.js";
+import { Action, CubeActionProps } from "./Action/Action.js";
+import { ButtonMods, ButtonVariant, CubeButtonProps, DEFAULT_BUTTON_STYLES } from "./Button/Button.js";
+import "./Button/index.js";
+import { CubeSpaceProps } from "../layout/Space.js";
+import { ButtonGroup } from "./ButtonGroup/ButtonGroup.js";
+import { CubeItemActionProps, ItemAction } from "./ItemAction/ItemAction.js";
+import { Banner, BannerAction, BannerActionProps, BannerLink, BannerLinkProps, BannerProps, BannerTheme } from "./Banner/Banner.js";
+import "./Banner/index.js";
+import "./ItemAction/index.js";
+import { ItemActionProvider, ItemActionProviderProps, useItemActionContext } from "./ItemActionContext.js";
+import { CubeItemButtonProps, _ItemButton } from "./ItemButton/ItemButton.js";
+import "./ItemButton/index.js";
+import { AriaMenuTriggerProps, CubeMenuTriggerProps, _MenuTrigger } from "./Menu/MenuTrigger.js";
+import { CubeSubMenuTriggerProps, SubMenuTrigger } from "./Menu/SubMenuTrigger.js";
+import { CubeMenuProps, __Menu } from "./Menu/Menu.js";
+import { MenuItem, MenuItemProps, MenuSelectionType } from "./Menu/MenuItem.js";
+import { CubeMenuSectionProps, MenuSection } from "./Menu/MenuSection.js";
+import { MenuContext, MenuContextValue, useMenuContext } from "./Menu/context.js";
+import "./Menu/index.js";
+import { CommandMenuItem, CubeCommandMenuProps, __CommandMenu } from "./CommandMenu/CommandMenu.js";
+import "./CommandMenu/index.js";
+import { UseAnchoredMenuReturn, useAnchoredMenu } from "./use-anchored-menu.js";
+import { UseContextMenuReturn, useContextMenu } from "./use-context-menu.js";
+import "../../index.js";
+import * as react from "react";
+import * as _react_types_shared0 from "@react-types/shared";
+
+//#region src/components/actions/index.d.ts
+declare const Button: react.ForwardRefExoticComponent<Omit<CubeButtonProps, "ref"> & react.RefAttributes<_react_types_shared0.FocusableRefValue<HTMLElement, HTMLElement>>> & {
+  Group: typeof ButtonGroup;
+} & {
+  Group: react.ForwardRefExoticComponent<CubeSpaceProps & react.RefAttributes<unknown>>;
+};
+//#endregion
+export { Button };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/actions/index.js

@@ -0,0 +1,25 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.0 | Cube Dev Team */
+import { ItemActionProvider, useItemActionContext } from "./ItemActionContext.js";
+import { openLink, parseTo, performClickHandler, useAction } from "./use-action.js";
+import { ItemAction } from "./ItemAction/ItemAction.js";
+import { Button as Button$1, DEFAULT_BUTTON_STYLES } from "./Button/Button.js";
+import { ButtonGroup } from "./ButtonGroup/ButtonGroup.js";
+import { Banner, BannerAction, BannerLink } from "./Banner/Banner.js";
+import { Action } from "./Action/Action.js";
+import { _ItemButton } from "./ItemButton/ItemButton.js";
+import { MenuContext, useMenuContext } from "./Menu/context.js";
+import { MenuItem } from "./Menu/MenuItem.js";
+import { MenuSection } from "./Menu/MenuSection.js";
+import { _MenuTrigger } from "./Menu/MenuTrigger.js";
+import { SubMenuTrigger } from "./Menu/SubMenuTrigger.js";
+import { __Menu } from "./Menu/Menu.js";
+import { __CommandMenu } from "./CommandMenu/CommandMenu.js";
+import { useAnchoredMenu } from "./use-anchored-menu.js";
+import { useContextMenu } from "./use-context-menu.js";
+
+//#region src/components/actions/index.ts
+const Button = Object.assign(Button$1, { Group: ButtonGroup });
+
+//#endregion
+export { Button };
+//# sourceMappingURL=index.js.map

package/dist/components/actions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["__Button"],"sources":["../../../src/components/actions/index.ts"],"sourcesContent":["import { Button as __Button } from './Button';\nimport { ButtonGroup } from './ButtonGroup/ButtonGroup';\n\nconst Button = Object.assign(\n  __Button as typeof __Button & {\n    Group: typeof ButtonGroup;\n  },\n  { Group: ButtonGroup },\n);\n\nexport * from './Banner';\nexport * from './Button';\nexport * from './Action/Action';\nexport * from './ItemAction';\nexport * from './ItemActionContext';\nexport * from './ItemButton';\nexport * from './Menu';\nexport * from './CommandMenu';\nexport * from './use-action';\nexport * from './use-anchored-menu';\nexport * from './use-context-menu';\nexport { Button, ButtonGroup };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAGA,MAAM,SAAS,OAAO,OACpBA,UAGA,EAAE,OAAO,aAAa,CACvB"}