@cube-dev/ui-kit 0.199.1 → 0.200.0

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

@@ -1,10 +1,11 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { usePopoverSync } from "../../../utils/react/usePopoverSync.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { MenuContext, useMenuContext } from "./context.js";
 import { SubmenuTriggerContext } from "./SubmenuTriggerContext.js";
 import { generateRandomId } from "../../../utils/random.js";
 import { Popover as _Popover } from "../../overlays/Modal/Popover.js";
+import { tasty } from "@tenphi/tasty";
 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";
@@ -14,6 +15,7 @@ import { useSyncRef } from "@react-aria/utils";
 const DEFAULT_PLACEMENT = "right top";
 const DEFAULT_OFFSET = 4;
 const DEFAULT_CROSS_OFFSET = -5;
+const PointerAreaElement = tasty({ styles: { display: "contents" } });
 /**
 * Internal SubMenuTrigger that receives the already-rendered trigger element
 * from the collection system and wraps it with submenu behavior.
@@ -184,8 +186,7 @@ function InternalSubMenuTrigger(props) {
 		shouldCloseOnInteractOutside,
 		onClose: state.close,
 		...overlayProps,
-		children: /* @__PURE__ */ jsxs("div", {
-			style: { display: "contents" },
+		children: /* @__PURE__ */ jsxs(PointerAreaElement, {
 			onMouseEnter: handlePopoverMouseEnter,
 			onMouseLeave: handlePopoverMouseLeave,
 			children: [

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

@@ -1 +1 @@
-{"version":3,"file":"SubMenuTrigger.js","names":["useSyncRef","React","Key","ReactElement","ReactNode","useEffect","useMemo","useRef","useState","AriaMenuTriggerProps","DismissButton","Placement","useMenuTrigger","useOverlayPosition","useMenuTriggerState","useEvent","generateRandomId","usePopoverSync","Popover","MenuContext","MenuContextValue","useMenuContext","SubmenuTriggerContext","DEFAULT_PLACEMENT","DEFAULT_OFFSET","DEFAULT_CROSS_OFFSET","CubeSubMenuTriggerProps","placement","offset","crossOffset","shouldFlip","containerPadding","children","isDisabled","onAction","key","autoFocus","InternalSubMenuTriggerProps","targetKey","InternalSubMenuTrigger","props","overlayProps","menuTrigger","menu","Children","toArray","state","submenuId","domTriggerRef","HTMLElement","popoverRef","HTMLDivElement","menuRef","HTMLUListElement","menuId","isOpen","onClose","close","triggerRef","containerRef","menuTriggerProps","rawTriggerProps","menuProps","type","parentContext","onKeyDown","_mtOnKeyDown","onPress","_mtOnPress","onPressStart","_mtOnPressStart","onKeyUp","_mtOnKeyUp","positionProps","resolvedPlacement","targetRef","overlayRef","scrollRef","nestedMenuContext","ctx","ref","closeOnSelect","mods","popover","isClosing","hoverOpenTimerRef","current","clearTimeout","hoverCloseTimerRef","isHoveringRef","isHoveringSubmenuRef","handleKeyDown","e","KeyboardEvent","preventDefault","stopPropagation","open","nativeEvent","stopImmediatePropagation","ReturnType","setTimeout","checkShouldClose","handleMouseEnter","handleMouseLeave","handlePopoverMouseEnter","handlePopoverMouseLeave","mergeHandler","handler1","handler2","args","shouldCloseOnInteractOutside","el","Element","menuTriggerEl","closest","triggerContextValue","triggerProps","onMouseEnter","onMouseLeave","undefined","style","display","cloneElement","querySelector","focus","SubMenuTrigger","getCollectionNode","trigger","element","wrapper","displayName","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 – a `Menu.Item` with its semantic menuitem inside a list row.\n   * 2) Sub-menu – a `<Menu>` element.\n   */\n  children: [ReactNode, ReactElement];\n\n  /** Whether the trigger is disabled and cannot be activated */\n  isDisabled?: boolean;\n\n  /**\n   * Callback fired when an action is selected from the sub-menu.\n   * Bubbles the `onAction` event from the sub-menu to parent components.\n   */\n  onAction?: (key: Key) => void;\n\n  /**\n   * Controls focus behavior when the sub-menu opens.\n   * - `true` or `'first'`: Focus the first item\n   * - `'last'`: Focus the last item\n   * - `false`: Don't auto-focus any item\n   * @default 'first'\n   */\n  autoFocus?: boolean | 'first' | 'last';\n}\n\ninterface InternalSubMenuTriggerProps extends CubeSubMenuTriggerProps {\n  targetKey?: Key;\n}\n\n/**\n * Internal SubMenuTrigger that receives the already-rendered trigger element\n * from the collection system and wraps it with submenu behavior.\n */\nfunction InternalSubMenuTrigger(props: InternalSubMenuTriggerProps) {\n  const {\n    children,\n    placement = DEFAULT_PLACEMENT,\n    offset = DEFAULT_OFFSET,\n    crossOffset = DEFAULT_CROSS_OFFSET,\n    shouldFlip = true,\n    isDisabled,\n    autoFocus = 'first',\n    onAction,\n    targetKey,\n    ...overlayProps\n  } = props;\n\n  // Children: [menuTrigger (already rendered MenuItem), menu (Menu component)]\n  const [menuTrigger, menu] = React.Children.toArray(children) as [\n    ReactElement,\n    ReactElement,\n  ];\n\n  const state = useMenuTriggerState(props as AriaMenuTriggerProps);\n\n  // Generate a unique ID for this submenu instance\n  const submenuId = useMemo(() => generateRandomId(), []);\n\n  // Refs – trigger (MenuItem <li>) and overlay (<div> from Popover)\n  const domTriggerRef = useRef<HTMLElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const menuRef = useRef<HTMLUListElement>(null);\n\n  usePopoverSync({\n    menuId: submenuId,\n    isOpen: state.isOpen,\n    onClose: () => state.close(),\n    triggerRef: domTriggerRef,\n    containerRef: popoverRef,\n  });\n\n  // Strip keyboard/press handlers that we will implement ourselves\n  const { menuTriggerProps: rawTriggerProps, menuProps } = useMenuTrigger(\n    { type: 'menu', isDisabled },\n    state,\n    domTriggerRef,\n  );\n\n  // Get parent context to check if parent menu is closing\n  const parentContext = useMenuContext();\n\n  // Remove default onKeyDown/onPress handlers from trigger props – we implement custom ones\n  const {\n    onKeyDown: _mtOnKeyDown,\n    onPress: _mtOnPress,\n    onPressStart: _mtOnPressStart,\n    onKeyUp: _mtOnKeyUp,\n    ...menuTriggerProps\n  } = rawTriggerProps;\n\n  const { overlayProps: positionProps, placement: resolvedPlacement } =\n    useOverlayPosition({\n      targetRef: domTriggerRef,\n      overlayRef: popoverRef,\n      scrollRef: menuRef,\n      placement,\n      offset: offset as number,\n      crossOffset: crossOffset as number,\n      shouldFlip,\n      isOpen: state.isOpen,\n      onClose: state.close,\n    });\n\n  /**\n   * Build a MenuContext for the nested menu so it behaves just like a regular\n   * popover-based Menu (selection handling, focus management, etc.).\n   */\n  const nestedMenuContext = useMemo(() => {\n    const ctx: MenuContextValue = {\n      ...menuProps,\n      ref: menuRef,\n      // Pass the parent's onClose to close the entire menu hierarchy\n      onClose: () => {\n        // Close this submenu state immediately\n        state.close();\n\n        // Then close the parent menu\n        if (parentContext.onClose) {\n          parentContext.onClose();\n        }\n      },\n      closeOnSelect: true,\n      autoFocus,\n      mods: {\n        popover: true,\n      },\n      // Propagate closing state from parent\n      isClosing: parentContext.isClosing || !state.isOpen,\n    };\n\n    return ctx;\n  }, [\n    menuProps,\n    autoFocus,\n    state,\n    parentContext.onClose,\n    parentContext.isClosing,\n  ]);\n\n  // Sync the parent selection manager focus with DOM ref (for virtual focus scenarios)\n  useSyncRef(parentContext, domTriggerRef);\n\n  // Cleanup hover timers and reset refs on unmount\n  useEffect(() => {\n    return () => {\n      if (hoverOpenTimerRef.current) {\n        clearTimeout(hoverOpenTimerRef.current);\n      }\n      if (hoverCloseTimerRef.current) {\n        clearTimeout(hoverCloseTimerRef.current);\n      }\n      isHoveringRef.current = false;\n      isHoveringSubmenuRef.current = false;\n    };\n  }, []);\n\n  // ----- Render -----\n\n  // Handle keyboard navigation\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (isDisabled) return;\n\n    // Arrow right opens submenu\n    if (e.key === 'ArrowRight') {\n      e.preventDefault();\n      e.stopPropagation();\n      state.open();\n    }\n    // Enter or Space opens submenu. Preventing the default keeps `MenuItem`\n    // from passing the key on to React Aria's item handler, which would click\n    // the item and run its action as well.\n    else if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      e.stopPropagation();\n      // Stop immediate propagation to prevent React Aria's handlers from running\n      e.nativeEvent.stopImmediatePropagation();\n      state.open();\n    }\n    // Arrow left closes submenu if open\n    else if (e.key === 'ArrowLeft' && state.isOpen) {\n      e.preventDefault();\n      e.stopPropagation();\n      state.close();\n    }\n  };\n\n  // Use refs to store timer IDs\n  const hoverOpenTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const hoverCloseTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  // Track if mouse is over trigger or submenu\n  const isHoveringRef = useRef(false);\n  const isHoveringSubmenuRef = useRef(false);\n\n  const checkShouldClose = () => {\n    // Only close if mouse is not over trigger OR submenu\n    if (!isHoveringRef.current && !isHoveringSubmenuRef.current) {\n      hoverCloseTimerRef.current = setTimeout(() => {\n        // Double check before closing\n        if (!isHoveringRef.current && !isHoveringSubmenuRef.current) {\n          state.close();\n        }\n      }, 300);\n    }\n  };\n\n  // Handle mouse interactions on trigger\n  const handleMouseEnter = () => {\n    if (isDisabled) return;\n\n    isHoveringRef.current = true;\n\n    // Clear any pending close timer\n    if (hoverCloseTimerRef.current) {\n      clearTimeout(hoverCloseTimerRef.current);\n      hoverCloseTimerRef.current = null;\n    }\n\n    // Use a small delay to prevent accidental opens\n    if (!state.isOpen) {\n      hoverOpenTimerRef.current = setTimeout(() => {\n        if (isHoveringRef.current) {\n          state.open();\n        }\n      }, 200);\n    }\n  };\n\n  const handleMouseLeave = () => {\n    isHoveringRef.current = false;\n\n    // Clear open timer if it exists\n    if (hoverOpenTimerRef.current) {\n      clearTimeout(hoverOpenTimerRef.current);\n      hoverOpenTimerRef.current = null;\n    }\n\n    // Check if we should close\n    checkShouldClose();\n  };\n\n  // Handle mouse events on the submenu popover\n  const handlePopoverMouseEnter = () => {\n    isHoveringSubmenuRef.current = true;\n\n    // Clear any pending close timer when entering submenu\n    if (hoverCloseTimerRef.current) {\n      clearTimeout(hoverCloseTimerRef.current);\n      hoverCloseTimerRef.current = null;\n    }\n  };\n\n  const handlePopoverMouseLeave = () => {\n    isHoveringSubmenuRef.current = false;\n\n    // Check if we should close\n    checkShouldClose();\n  };\n\n  // Merge event handlers\n  const mergeHandler = (handler1: any, handler2: any) => {\n    return (...args: any[]) => {\n      handler1?.(...args);\n      handler2?.(...args);\n    };\n  };\n\n  // Outside-click handling for the nested submenu Popover.\n  //\n  // React Aria's `useOverlay` keeps a module-level `visibleOverlays` stack and\n  // only invokes `onClose` for the topmost overlay (`onHide` gates on the\n  // stack tail). With root + N nested submenus open, a single outside click\n  // would otherwise only close the deepest submenu. Scheduling\n  // `parentContext.onClose()` here propagates the close upward; the existing\n  // `parentContext.isClosing` cascade (see `nestedMenuContext.isClosing` and\n  // the Popover's `isOpen={!parentContext.isClosing}`) collapses every\n  // intermediate submenu visually.\n  //\n  // Mirrors `MenuTrigger`'s predicate so clicks on `[data-popover-trigger]`\n  // and `[data-popover-dismiss]` elements behave consistently across nesting\n  // levels.\n  const shouldCloseOnInteractOutside = useEvent((el: Element) => {\n    if (!state.isOpen) return false;\n\n    const menuTriggerEl = el.closest('[data-popover-trigger]');\n    if (!menuTriggerEl) {\n      if (el.closest('[data-popover-keep]')) return false;\n      if (el.closest('[data-popover-dismiss]')) {\n        // Let the button's onPress fire first, then collapse the chain.\n        setTimeout(() => parentContext.onClose?.(), 0);\n        return false;\n      }\n      // True outside click: schedule parent close so the entire hierarchy\n      // cascades. `useOverlay`'s own `onHide` will close this submenu via the\n      // topmost-overlay rule.\n      setTimeout(() => parentContext.onClose?.(), 0);\n      return true;\n    }\n    // Click landed on a popover trigger (parent menu item, sibling submenu\n    // trigger, or a different menu's button). Don't close ourselves here —\n    // either the trigger handles it or `usePopoverSync` closes us via\n    // `popover:open`.\n    return false;\n  });\n\n  // Provide context to the trigger element (already rendered MenuItem)\n  const triggerContextValue = useMemo(\n    () => ({\n      triggerRef: domTriggerRef,\n      triggerProps: menuTriggerProps,\n      isOpen: state.isOpen,\n      isDisabled,\n      onMouseEnter: handleMouseEnter,\n      onMouseLeave: handleMouseLeave,\n      onKeyDown: handleKeyDown,\n      onAction: isDisabled\n        ? undefined\n        : () => {\n            // A pointer press: Enter and Space open the submenu in\n            // `handleKeyDown` and never reach the item's action.\n            state.open();\n          },\n    }),\n    [\n      state,\n      isDisabled,\n      handleMouseEnter,\n      handleMouseLeave,\n      handleKeyDown,\n      menuTriggerProps,\n    ],\n  );\n\n  return (\n    <>\n      <SubmenuTriggerContext.Provider value={triggerContextValue}>\n        {menuTrigger}\n      </SubmenuTriggerContext.Provider>\n      {state.isOpen && (\n        <Popover\n          ref={popoverRef}\n          hideArrow\n          isNonModal\n          isOpen={!parentContext.isClosing}\n          style={positionProps.style}\n          placement={resolvedPlacement ?? undefined}\n          shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n          onClose={state.close}\n          // Spread any additional overlay props\n          {...overlayProps}\n        >\n          {/* Wrap content in a div to capture mouse events */}\n          <div\n            style={{ display: 'contents' }}\n            onMouseEnter={handlePopoverMouseEnter}\n            onMouseLeave={handlePopoverMouseLeave}\n          >\n            {/* Dismiss buttons for screen reader / keyboard support */}\n            <DismissButton onDismiss={state.close} />\n            {/* Provide updated menu context so nested menu behaves correctly */}\n            <MenuContext.Provider value={nestedMenuContext}>\n              {/* Clone nested menu to inject required props */}\n              {React.cloneElement(menu, {\n                ...(menu.props as any),\n                autoFocus,\n                onAction: (key: Key) => {\n                  // Call original menu onAction first\n                  (menu.props as any).onAction?.(key);\n                  onAction?.(key);\n                  // Don't close here - MenuItem will handle it via context.onClose\n                },\n                onKeyDown: (e: React.KeyboardEvent) => {\n                  // Handle keyboard navigation for closing submenu\n                  if (e.key === 'ArrowLeft' || e.key === 'Escape') {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    state.close();\n                    // Return focus to trigger\n                    (\n                      domTriggerRef.current?.querySelector<HTMLElement>(\n                        '[data-menu-native-primary]',\n                      ) ?? domTriggerRef.current\n                    )?.focus();\n                  }\n                  // Call original handler if exists\n                  (menu.props as any).onKeyDown?.(e);\n                },\n                ref: menuRef,\n              })}\n            </MenuContext.Provider>\n            <DismissButton onDismiss={state.close} />\n          </div>\n        </Popover>\n      )}\n    </>\n  );\n}\n\n/**\n * Public SubMenuTrigger component that users interact with.\n * It just provides the getCollectionNode for the collection system.\n */\nexport function SubMenuTrigger(props: CubeSubMenuTriggerProps) {\n  // This component is never actually rendered directly.\n  // The collection system uses getCollectionNode to build the menu.\n  return null;\n}\n\n// Allow React Stately collection builder to treat SubMenuTrigger as an Item\n(SubMenuTrigger as any).getCollectionNode = function* (\n  props: CubeSubMenuTriggerProps,\n) {\n  const [trigger, menu] = React.Children.toArray(\n    props.children,\n  ) as ReactElement[];\n\n  // Yield a collection node that tells the Menu to wrap this item with InternalSubMenuTrigger\n  yield {\n    element: trigger,\n    wrapper: (element: ReactElement) => (\n      <InternalSubMenuTrigger\n        key={element.key || undefined}\n        targetKey={element.key || undefined}\n        {...props}\n      >\n        {element}\n        {menu}\n      </InternalSubMenuTrigger>\n    ),\n  };\n};\n\nSubMenuTrigger.displayName = 'SubMenuTrigger';\n"],"mappings":"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"}
+{"version":3,"file":"SubMenuTrigger.js","names":["useSyncRef","tasty","React","Key","ReactElement","ReactNode","useEffect","useMemo","useRef","useState","AriaMenuTriggerProps","DismissButton","Placement","useMenuTrigger","useOverlayPosition","useMenuTriggerState","useEvent","generateRandomId","usePopoverSync","Popover","MenuContext","MenuContextValue","useMenuContext","SubmenuTriggerContext","DEFAULT_PLACEMENT","DEFAULT_OFFSET","DEFAULT_CROSS_OFFSET","PointerAreaElement","styles","display","CubeSubMenuTriggerProps","placement","offset","crossOffset","shouldFlip","containerPadding","children","isDisabled","onAction","key","autoFocus","InternalSubMenuTriggerProps","targetKey","InternalSubMenuTrigger","props","overlayProps","menuTrigger","menu","Children","toArray","state","submenuId","domTriggerRef","HTMLElement","popoverRef","HTMLDivElement","menuRef","HTMLUListElement","menuId","isOpen","onClose","close","triggerRef","containerRef","menuTriggerProps","rawTriggerProps","menuProps","type","parentContext","onKeyDown","_mtOnKeyDown","onPress","_mtOnPress","onPressStart","_mtOnPressStart","onKeyUp","_mtOnKeyUp","positionProps","resolvedPlacement","targetRef","overlayRef","scrollRef","nestedMenuContext","ctx","ref","closeOnSelect","mods","popover","isClosing","hoverOpenTimerRef","current","clearTimeout","hoverCloseTimerRef","isHoveringRef","isHoveringSubmenuRef","handleKeyDown","e","KeyboardEvent","preventDefault","stopPropagation","open","nativeEvent","stopImmediatePropagation","ReturnType","setTimeout","checkShouldClose","handleMouseEnter","handleMouseLeave","handlePopoverMouseEnter","handlePopoverMouseLeave","mergeHandler","handler1","handler2","args","shouldCloseOnInteractOutside","el","Element","menuTriggerEl","closest","triggerContextValue","triggerProps","onMouseEnter","onMouseLeave","undefined","style","cloneElement","querySelector","focus","SubMenuTrigger","getCollectionNode","trigger","element","wrapper","displayName","Popover"],"sources":["../../../../src/components/actions/Menu/SubMenuTrigger.tsx"],"sourcesContent":["import { useSyncRef } from '@react-aria/utils';\nimport { tasty } from '@tenphi/tasty';\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\n// Takes no box of its own: it only listens for the pointer entering and\n// leaving the sub-menu.\nconst PointerAreaElement = tasty({ styles: { display: 'contents' } });\n\nexport interface CubeSubMenuTriggerProps extends AriaMenuTriggerProps {\n  /** The preferred placement of the sub-menu relative to the trigger */\n  placement?: Placement;\n\n  /** Distance in pixels between the trigger and sub-menu */\n  offset?: number;\n\n  /** Distance in pixels along the cross axis from the default alignment */\n  crossOffset?: number;\n\n  /** Whether the sub-menu should flip to the opposite side when it would overflow */\n  shouldFlip?: boolean;\n\n  /** Minimum padding in pixels between the sub-menu and viewport edges */\n  containerPadding?: number;\n\n  /**\n   * Sub-menu trigger and the sub-menu itself. Must be exactly two React nodes.\n   *\n   * 1) Trigger – a `Menu.Item` with its semantic menuitem inside a list row.\n   * 2) Sub-menu – a `<Menu>` element.\n   */\n  children: [ReactNode, ReactElement];\n\n  /** Whether the trigger is disabled and cannot be activated */\n  isDisabled?: boolean;\n\n  /**\n   * Callback fired when an action is selected from the sub-menu.\n   * Bubbles the `onAction` event from the sub-menu to parent components.\n   */\n  onAction?: (key: Key) => void;\n\n  /**\n   * Controls focus behavior when the sub-menu opens.\n   * - `true` or `'first'`: Focus the first item\n   * - `'last'`: Focus the last item\n   * - `false`: Don't auto-focus any item\n   * @default 'first'\n   */\n  autoFocus?: boolean | 'first' | 'last';\n}\n\ninterface InternalSubMenuTriggerProps extends CubeSubMenuTriggerProps {\n  targetKey?: Key;\n}\n\n/**\n * Internal SubMenuTrigger that receives the already-rendered trigger element\n * from the collection system and wraps it with submenu behavior.\n */\nfunction InternalSubMenuTrigger(props: InternalSubMenuTriggerProps) {\n  const {\n    children,\n    placement = DEFAULT_PLACEMENT,\n    offset = DEFAULT_OFFSET,\n    crossOffset = DEFAULT_CROSS_OFFSET,\n    shouldFlip = true,\n    isDisabled,\n    autoFocus = 'first',\n    onAction,\n    targetKey,\n    ...overlayProps\n  } = props;\n\n  // Children: [menuTrigger (already rendered MenuItem), menu (Menu component)]\n  const [menuTrigger, menu] = React.Children.toArray(children) as [\n    ReactElement,\n    ReactElement,\n  ];\n\n  const state = useMenuTriggerState(props as AriaMenuTriggerProps);\n\n  // Generate a unique ID for this submenu instance\n  const submenuId = useMemo(() => generateRandomId(), []);\n\n  // Refs – trigger (MenuItem <li>) and overlay (<div> from Popover)\n  const domTriggerRef = useRef<HTMLElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const menuRef = useRef<HTMLUListElement>(null);\n\n  usePopoverSync({\n    menuId: submenuId,\n    isOpen: state.isOpen,\n    onClose: () => state.close(),\n    triggerRef: domTriggerRef,\n    containerRef: popoverRef,\n  });\n\n  // Strip keyboard/press handlers that we will implement ourselves\n  const { menuTriggerProps: rawTriggerProps, menuProps } = useMenuTrigger(\n    { type: 'menu', isDisabled },\n    state,\n    domTriggerRef,\n  );\n\n  // Get parent context to check if parent menu is closing\n  const parentContext = useMenuContext();\n\n  // Remove default onKeyDown/onPress handlers from trigger props – we implement custom ones\n  const {\n    onKeyDown: _mtOnKeyDown,\n    onPress: _mtOnPress,\n    onPressStart: _mtOnPressStart,\n    onKeyUp: _mtOnKeyUp,\n    ...menuTriggerProps\n  } = rawTriggerProps;\n\n  const { overlayProps: positionProps, placement: resolvedPlacement } =\n    useOverlayPosition({\n      targetRef: domTriggerRef,\n      overlayRef: popoverRef,\n      scrollRef: menuRef,\n      placement,\n      offset: offset as number,\n      crossOffset: crossOffset as number,\n      shouldFlip,\n      isOpen: state.isOpen,\n      onClose: state.close,\n    });\n\n  /**\n   * Build a MenuContext for the nested menu so it behaves just like a regular\n   * popover-based Menu (selection handling, focus management, etc.).\n   */\n  const nestedMenuContext = useMemo(() => {\n    const ctx: MenuContextValue = {\n      ...menuProps,\n      ref: menuRef,\n      // Pass the parent's onClose to close the entire menu hierarchy\n      onClose: () => {\n        // Close this submenu state immediately\n        state.close();\n\n        // Then close the parent menu\n        if (parentContext.onClose) {\n          parentContext.onClose();\n        }\n      },\n      closeOnSelect: true,\n      autoFocus,\n      mods: {\n        popover: true,\n      },\n      // Propagate closing state from parent\n      isClosing: parentContext.isClosing || !state.isOpen,\n    };\n\n    return ctx;\n  }, [\n    menuProps,\n    autoFocus,\n    state,\n    parentContext.onClose,\n    parentContext.isClosing,\n  ]);\n\n  // Sync the parent selection manager focus with DOM ref (for virtual focus scenarios)\n  useSyncRef(parentContext, domTriggerRef);\n\n  // Cleanup hover timers and reset refs on unmount\n  useEffect(() => {\n    return () => {\n      if (hoverOpenTimerRef.current) {\n        clearTimeout(hoverOpenTimerRef.current);\n      }\n      if (hoverCloseTimerRef.current) {\n        clearTimeout(hoverCloseTimerRef.current);\n      }\n      isHoveringRef.current = false;\n      isHoveringSubmenuRef.current = false;\n    };\n  }, []);\n\n  // ----- Render -----\n\n  // Handle keyboard navigation\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (isDisabled) return;\n\n    // Arrow right opens submenu\n    if (e.key === 'ArrowRight') {\n      e.preventDefault();\n      e.stopPropagation();\n      state.open();\n    }\n    // Enter or Space opens submenu. Preventing the default keeps `MenuItem`\n    // from passing the key on to React Aria's item handler, which would click\n    // the item and run its action as well.\n    else if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      e.stopPropagation();\n      // Stop immediate propagation to prevent React Aria's handlers from running\n      e.nativeEvent.stopImmediatePropagation();\n      state.open();\n    }\n    // Arrow left closes submenu if open\n    else if (e.key === 'ArrowLeft' && state.isOpen) {\n      e.preventDefault();\n      e.stopPropagation();\n      state.close();\n    }\n  };\n\n  // Use refs to store timer IDs\n  const hoverOpenTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const hoverCloseTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  // Track if mouse is over trigger or submenu\n  const isHoveringRef = useRef(false);\n  const isHoveringSubmenuRef = useRef(false);\n\n  const checkShouldClose = () => {\n    // Only close if mouse is not over trigger OR submenu\n    if (!isHoveringRef.current && !isHoveringSubmenuRef.current) {\n      hoverCloseTimerRef.current = setTimeout(() => {\n        // Double check before closing\n        if (!isHoveringRef.current && !isHoveringSubmenuRef.current) {\n          state.close();\n        }\n      }, 300);\n    }\n  };\n\n  // Handle mouse interactions on trigger\n  const handleMouseEnter = () => {\n    if (isDisabled) return;\n\n    isHoveringRef.current = true;\n\n    // Clear any pending close timer\n    if (hoverCloseTimerRef.current) {\n      clearTimeout(hoverCloseTimerRef.current);\n      hoverCloseTimerRef.current = null;\n    }\n\n    // Use a small delay to prevent accidental opens\n    if (!state.isOpen) {\n      hoverOpenTimerRef.current = setTimeout(() => {\n        if (isHoveringRef.current) {\n          state.open();\n        }\n      }, 200);\n    }\n  };\n\n  const handleMouseLeave = () => {\n    isHoveringRef.current = false;\n\n    // Clear open timer if it exists\n    if (hoverOpenTimerRef.current) {\n      clearTimeout(hoverOpenTimerRef.current);\n      hoverOpenTimerRef.current = null;\n    }\n\n    // Check if we should close\n    checkShouldClose();\n  };\n\n  // Handle mouse events on the submenu popover\n  const handlePopoverMouseEnter = () => {\n    isHoveringSubmenuRef.current = true;\n\n    // Clear any pending close timer when entering submenu\n    if (hoverCloseTimerRef.current) {\n      clearTimeout(hoverCloseTimerRef.current);\n      hoverCloseTimerRef.current = null;\n    }\n  };\n\n  const handlePopoverMouseLeave = () => {\n    isHoveringSubmenuRef.current = false;\n\n    // Check if we should close\n    checkShouldClose();\n  };\n\n  // Merge event handlers\n  const mergeHandler = (handler1: any, handler2: any) => {\n    return (...args: any[]) => {\n      handler1?.(...args);\n      handler2?.(...args);\n    };\n  };\n\n  // Outside-click handling for the nested submenu Popover.\n  //\n  // React Aria's `useOverlay` keeps a module-level `visibleOverlays` stack and\n  // only invokes `onClose` for the topmost overlay (`onHide` gates on the\n  // stack tail). With root + N nested submenus open, a single outside click\n  // would otherwise only close the deepest submenu. Scheduling\n  // `parentContext.onClose()` here propagates the close upward; the existing\n  // `parentContext.isClosing` cascade (see `nestedMenuContext.isClosing` and\n  // the Popover's `isOpen={!parentContext.isClosing}`) collapses every\n  // intermediate submenu visually.\n  //\n  // Mirrors `MenuTrigger`'s predicate so clicks on `[data-popover-trigger]`\n  // and `[data-popover-dismiss]` elements behave consistently across nesting\n  // levels.\n  const shouldCloseOnInteractOutside = useEvent((el: Element) => {\n    if (!state.isOpen) return false;\n\n    const menuTriggerEl = el.closest('[data-popover-trigger]');\n    if (!menuTriggerEl) {\n      if (el.closest('[data-popover-keep]')) return false;\n      if (el.closest('[data-popover-dismiss]')) {\n        // Let the button's onPress fire first, then collapse the chain.\n        setTimeout(() => parentContext.onClose?.(), 0);\n        return false;\n      }\n      // True outside click: schedule parent close so the entire hierarchy\n      // cascades. `useOverlay`'s own `onHide` will close this submenu via the\n      // topmost-overlay rule.\n      setTimeout(() => parentContext.onClose?.(), 0);\n      return true;\n    }\n    // Click landed on a popover trigger (parent menu item, sibling submenu\n    // trigger, or a different menu's button). Don't close ourselves here —\n    // either the trigger handles it or `usePopoverSync` closes us via\n    // `popover:open`.\n    return false;\n  });\n\n  // Provide context to the trigger element (already rendered MenuItem)\n  const triggerContextValue = useMemo(\n    () => ({\n      triggerRef: domTriggerRef,\n      triggerProps: menuTriggerProps,\n      isOpen: state.isOpen,\n      isDisabled,\n      onMouseEnter: handleMouseEnter,\n      onMouseLeave: handleMouseLeave,\n      onKeyDown: handleKeyDown,\n      onAction: isDisabled\n        ? undefined\n        : () => {\n            // A pointer press: Enter and Space open the submenu in\n            // `handleKeyDown` and never reach the item's action.\n            state.open();\n          },\n    }),\n    [\n      state,\n      isDisabled,\n      handleMouseEnter,\n      handleMouseLeave,\n      handleKeyDown,\n      menuTriggerProps,\n    ],\n  );\n\n  return (\n    <>\n      <SubmenuTriggerContext.Provider value={triggerContextValue}>\n        {menuTrigger}\n      </SubmenuTriggerContext.Provider>\n      {state.isOpen && (\n        <Popover\n          ref={popoverRef}\n          hideArrow\n          isNonModal\n          isOpen={!parentContext.isClosing}\n          // oxlint-disable-next-line tasty/no-style-prop -- React Aria's overlay positioning computes these coordinates\n          style={positionProps.style}\n          placement={resolvedPlacement ?? undefined}\n          shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n          onClose={state.close}\n          // Spread any additional overlay props\n          {...overlayProps}\n        >\n          {/* Wrap content in a div to capture mouse events */}\n          <PointerAreaElement\n            onMouseEnter={handlePopoverMouseEnter}\n            onMouseLeave={handlePopoverMouseLeave}\n          >\n            {/* Dismiss buttons for screen reader / keyboard support */}\n            <DismissButton onDismiss={state.close} />\n            {/* Provide updated menu context so nested menu behaves correctly */}\n            <MenuContext.Provider value={nestedMenuContext}>\n              {/* Clone nested menu to inject required props */}\n              {React.cloneElement(menu, {\n                ...(menu.props as any),\n                autoFocus,\n                onAction: (key: Key) => {\n                  // Call original menu onAction first\n                  (menu.props as any).onAction?.(key);\n                  onAction?.(key);\n                  // Don't close here - MenuItem will handle it via context.onClose\n                },\n                onKeyDown: (e: React.KeyboardEvent) => {\n                  // Handle keyboard navigation for closing submenu\n                  if (e.key === 'ArrowLeft' || e.key === 'Escape') {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    state.close();\n                    // Return focus to trigger\n                    (\n                      domTriggerRef.current?.querySelector<HTMLElement>(\n                        '[data-menu-native-primary]',\n                      ) ?? domTriggerRef.current\n                    )?.focus();\n                  }\n                  // Call original handler if exists\n                  (menu.props as any).onKeyDown?.(e);\n                },\n                ref: menuRef,\n              })}\n            </MenuContext.Provider>\n            <DismissButton onDismiss={state.close} />\n          </PointerAreaElement>\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":";;;;;;;;;;;;;;AA6BA,MAAMwB,oBAA+B;AACrC,MAAMC,iBAAiB;AACvB,MAAMC,uBAAuB;AAI7B,MAAMC,qBAAqB1B,MAAM,EAAE2B,QAAQ,EAAEC,SAAS,WAAW,EAAE,CAAC;;;;;AAqDpE,SAASc,uBAAuBC,OAAoC;CAClE,MAAM,EACJR,UACAL,YAAYP,mBACZQ,SAASP,gBACTQ,cAAcP,sBACdQ,aAAa,MACbG,YACAG,YAAY,SACZF,UACAI,WACA,GAAGG,iBACDD;CAGJ,MAAM,CAACE,aAAaC,QAAQ7C,MAAM8C,SAASC,QAAQb,QAAQ;CAK3D,MAAMc,QAAQnC,oBAAoB6B,KAA6B;CAG/D,MAAMO,YAAY5C,cAAcU,iBAAiB,GAAG,CAAA,CAAE;CAGtD,MAAMmC,gBAAgB5C,OAAoB,IAAI;CAC9C,MAAM8C,aAAa9C,OAAuB,IAAI;CAC9C,MAAMgD,UAAUhD,OAAyB,IAAI;CAE7CU,eAAe;EACbwC,QAAQP;EACRQ,QAAQT,MAAMS;EACdC,eAAeV,MAAMW,MAAM;EAC3BC,YAAYV;EACZW,cAAcT;CAChB,CAAC;CAGD,MAAM,EAAEU,kBAAkBC,iBAAiBC,cAAcrD,eACvD;EAAEsD,MAAM;EAAQ9B;CAAW,GAC3Ba,OACAE,aACF;CAGA,MAAMgB,gBAAgB9C,eAAe;CAGrC,MAAM,EACJ+C,WAAWC,cACXC,SAASC,YACTC,cAAcC,iBACdC,SAASC,YACT,GAAGZ,qBACDC;CAEJ,MAAM,EAAEpB,cAAcgC,eAAe9C,WAAW+C,sBAC9ChE,mBAAmB;EACjBiE,WAAW3B;EACX4B,YAAY1B;EACZ2B,WAAWzB;EACXzB;EACQC;EACKC;EACbC;EACAyB,QAAQT,MAAMS;EACdC,SAASV,MAAMW;CACjB,CAAC;;;;;CAMH,MAAMqB,oBAAoB3E,cAAc;EAuBtC,OAAO4E;GArBL,GAAGjB;GACHkB,KAAK5B;GAELI,eAAe;IAEbV,MAAMW,MAAM;IAGZ,IAAIO,cAAcR,SAChBQ,cAAcR,QAAQ;GAE1B;GACAyB,eAAe;GACf7C;GACA8C,MAAM,EACJC,SAAS,KACX;GAEAC,WAAWpB,cAAcoB,aAAa,CAACtC,MAAMS;EAGxCwB;CACT,GAAG;EACDjB;EACA1B;EACAU;EACAkB,cAAcR;EACdQ,cAAcoB;CAAS,CACxB;CAGDxF,WAAWoE,eAAehB,aAAa;CAGvC9C,gBAAgB;EACd,aAAa;GACX,IAAImF,kBAAkBC,SACpBC,aAAaF,kBAAkBC,OAAO;GAExC,IAAIE,mBAAmBF,SACrBC,aAAaC,mBAAmBF,OAAO;GAEzCG,cAAcH,UAAU;GACxBI,qBAAqBJ,UAAU;EACjC;CACF,GAAG,CAAA,CAAE;CAKL,MAAMK,iBAAiBC,MAA2B;EAChD,IAAI3D,YAAY;EAGhB,IAAI2D,EAAEzD,QAAQ,cAAc;GAC1ByD,EAAEE,eAAe;GACjBF,EAAEG,gBAAgB;GAClBjD,MAAMkD,KAAK;EACb,OAIK,IAAIJ,EAAEzD,QAAQ,WAAWyD,EAAEzD,QAAQ,KAAK;GAC3CyD,EAAEE,eAAe;GACjBF,EAAEG,gBAAgB;GAElBH,EAAEK,YAAYC,yBAAyB;GACvCpD,MAAMkD,KAAK;EACb,OAEK,IAAIJ,EAAEzD,QAAQ,eAAeW,MAAMS,QAAQ;GAC9CqC,EAAEE,eAAe;GACjBF,EAAEG,gBAAgB;GAClBjD,MAAMW,MAAM;EACd;CACF;CAGA,MAAM4B,oBAAoBjF,OAA6C,IAAI;CAC3E,MAAMoF,qBAAqBpF,OAA6C,IAAI;CAG5E,MAAMqF,gBAAgBrF,OAAO,KAAK;CAClC,MAAMsF,uBAAuBtF,OAAO,KAAK;CAEzC,MAAMiG,yBAAyB;EAE7B,IAAI,CAACZ,cAAcH,WAAW,CAACI,qBAAqBJ,SAClDE,mBAAmBF,UAAUc,iBAAiB;GAE5C,IAAI,CAACX,cAAcH,WAAW,CAACI,qBAAqBJ,SAClDxC,MAAMW,MAAM;EAEhB,GAAG,GAAG;CAEV;CAGA,MAAM6C,yBAAyB;EAC7B,IAAIrE,YAAY;EAEhBwD,cAAcH,UAAU;EAGxB,IAAIE,mBAAmBF,SAAS;GAC9BC,aAAaC,mBAAmBF,OAAO;GACvCE,mBAAmBF,UAAU;EAC/B;EAGA,IAAI,CAACxC,MAAMS,QACT8B,kBAAkBC,UAAUc,iBAAiB;GAC3C,IAAIX,cAAcH,SAChBxC,MAAMkD,KAAK;EAEf,GAAG,GAAG;CAEV;CAEA,MAAMO,yBAAyB;EAC7Bd,cAAcH,UAAU;EAGxB,IAAID,kBAAkBC,SAAS;GAC7BC,aAAaF,kBAAkBC,OAAO;GACtCD,kBAAkBC,UAAU;EAC9B;EAGAe,iBAAiB;CACnB;CAGA,MAAMG,gCAAgC;EACpCd,qBAAqBJ,UAAU;EAG/B,IAAIE,mBAAmBF,SAAS;GAC9BC,aAAaC,mBAAmBF,OAAO;GACvCE,mBAAmBF,UAAU;EAC/B;CACF;CAEA,MAAMmB,gCAAgC;EACpCf,qBAAqBJ,UAAU;EAG/Be,iBAAiB;CACnB;CAwBA,MAAMS,+BAA+BlG,UAAUmG,OAAgB;EAC7D,IAAI,CAACjE,MAAMS,QAAQ,OAAO;EAG1B,IAAI,CADkBwD,GAAGG,QAAQ,wBAC5BD,GAAe;GAClB,IAAIF,GAAGG,QAAQ,qBAAqB,GAAG,OAAO;GAC9C,IAAIH,GAAGG,QAAQ,wBAAwB,GAAG;IAExCd,iBAAiBpC,cAAcR,UAAU,GAAG,CAAC;IAC7C,OAAO;GACT;GAIA4C,iBAAiBpC,cAAcR,UAAU,GAAG,CAAC;GAC7C,OAAO;EACT;EAKA,OAAO;CACT,CAAC;CAGD,MAAM2D,sBAAsBhH,eACnB;EACLuD,YAAYV;EACZoE,cAAcxD;EACdL,QAAQT,MAAMS;EACdtB;EACAoF,cAAcf;EACdgB,cAAcf;EACdtC,WAAW0B;EACXzD,UAAUD,aACNsF,KAAAA,UACM;GAGJzE,MAAMkD,KAAK;EACb;CACN,IACA;EACElD;EACAb;EACAqE;EACAC;EACAZ;EACA/B;CAAgB,CAEpB;CAEA,OACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,sBAAsB,UAAvB;EAAgC,OAAOuD;EACpCzE,UAAAA;CAC6B,CAAA,GAC/BI,MAAMS,UACL,oBAAC2E,UAAD;EACE,KAAKhF;EACL,WAAA;EACA,YAAA;EACA,QAAQ,CAACc,cAAcoB;EAEvB,OAAOX,cAAc+C;EACrB,WAAW9C,qBAAqB6C,KAAAA;EACFT;EAC9B,SAAShE,MAAMW;EAEf,GAAIhB;EAGJ,UAAA,qBAAC,oBAAD;GACE,cAAc+D;GACd,cAAcC;GAFhB,UAAA;IAKE,oBAAC,eAAD,EAAe,WAAW3D,MAAMW,MAAM,CAAA;IAEtC,oBAAC,YAAY,UAAb;KAAsB,OAAOqB;KAE1BhF,UAAAA,MAAM2H,aAAa9E,MAAM;MACxB,GAAIA,KAAKH;MACTJ;MACAF,WAAWC,QAAa;OAEtB,KAAMK,MAAcN,WAAWC,GAAG;OAClCD,WAAWC,GAAG;MAEhB;MACA8B,YAAY2B,QAA2B;OAErC,IAAIA,IAAEzD,QAAQ,eAAeyD,IAAEzD,QAAQ,UAAU;QAC/CyD,IAAEE,eAAe;QACjBF,IAAEG,gBAAgB;QAClBjD,MAAMW,MAAM;QAEZ,CACET,cAAcsC,SAASoC,cACrB,4BACF,KAAK1E,cAAcsC,QAAAA,EAClBqC,MAAM;OACX;OAEA,KAAMnF,MAAcyB,YAAY2B,GAAC;MACnC;MACAZ,KAAK5B;KACP,CAAC;IACmB,CAAA;IACtB,oBAAC,eAAD,EAAe,WAAWN,MAAMW,MAAM,CAAA;GACpB;;CACb,CAAA,CAEb,EAAA,CAAA;AAEJ;;;;;AAMA,SAAgBmE,eAAepF,OAAgC;CAG7D,OAAO;AACT;AAGA,eAAwBqF,oBAAoB,WAC1CrF,OACA;CACA,MAAM,CAACsF,SAASnF,QAAQ7C,MAAM8C,SAASC,QACrCL,MAAMR,QACR;CAGA,MAAM;EACJ+F,SAASD;EACTE,UAAUD,YACR,qBAAC,wBAAD;GAEE,WAAWA,QAAQ5F,OAAOoF,KAAAA;GAC1B,GAAI/E;GAHN,UAAA,CAKGuF,SACApF,IACqB;EANjBoF,GAAAA,QAAQ5F,OAAOoF,KAAAA,CAME;CAE5B;AACF;AAEAK,eAAeK,cAAc"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import React from "react";
 //#region src/components/actions/Menu/SubmenuTriggerContext.tsx
 const SubmenuTriggerContext = React.createContext(null);

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import React, { useContext } from "react";
 //#region src/components/actions/Menu/context.ts
 const MenuContext = React.createContext({});

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | 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";
@@ -16,7 +16,8 @@ const StyledMenuWrapper = tasty({
 		radius: "(1cr + 1bw)",
 		width: {
 			"": "auto",
-			popover: "max-content"
+			popover: "max-content",
+			tray: "100%"
 		},
 		shadow: {
 			"": "",
@@ -25,7 +26,7 @@ const StyledMenuWrapper = tasty({
 		height: {
 			"": "initial",
 			popover: "initial max-content (50vh - 4x)",
-			tray: "initial max-content (100vh - 4x)"
+			tray: "initial max-content inherit"
 		},
 		boxSizing: "border-box"
 	}
@@ -37,7 +38,7 @@ const StyledMenu = tasty({
 		display: "flex",
 		flow: "column",
 		gap: {
-			"": "1bw",
+			"": "$item-gap",
 			sections: false
 		},
 		boxSizing: "border-box",

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["mergeStyles","tasty","DEFAULT_CLEAR_STYLES","CubeSpaceProps","Space","DEFAULT_BUTTON_STYLES","StyledMenuWrapper","qa","styles","display","gridRows","fill","margin","padding","border","radius","width","popover","shadow","height","tray","boxSizing","StyledMenu","as","flow","gap","sections","section","overflow","scrollbar","StyledDivider","listStyle","flexShrink","StyledHeader","color","preset","placeContent","placeItems","whiteSpace","$size","StyledFooter","StyledSection","StyledItem","justifyContent","focused","selected","pressed","disabled","cursor","outline","Description","StyledSectionHeading","size","prefix"],"sources":["../../../../src/components/actions/Menu/styled.tsx"],"sourcesContent":["import { mergeStyles, tasty } from '@tenphi/tasty';\n\nimport { DEFAULT_CLEAR_STYLES } from '../../../data/item-themes';\nimport { CubeSpaceProps, 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: '#surface',\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      // Use the design-system `$shadow` token (resolves to\n      // `0 .5x 2x #shadow-md`) so the popover shadow follows the\n      // scheme-aware Glaze `#shadow-md` color. The previous literal\n      // `0px 5px 15px #dark.05` baked in `#dark` (now aliased to the\n      // adaptive `#surface-text`) which inverts to a *light* shadow on\n      // dark surfaces.\n      'popover | tray': '$shadow',\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\n// No `heading` role: a header can hold controls, and a heading would read\n// them as part of its title.\nexport const StyledHeader = tasty(Space, {\n  qa: 'Header',\n  as: 'div',\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  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: '#surface',\n  },\n});\n\nexport const StyledItem = tasty({\n  qa: 'Item',\n  as: 'li',\n  // Button's defaults with its `default.clear` theme, merged the way Button\n  // applies that variant, then the menu-specific overrides.\n  styles: mergeStyles(DEFAULT_BUTTON_STYLES, DEFAULT_CLEAR_STYLES, {\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: '#disabled-surface-text',\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    Description: {\n      preset: 't4',\n      color: '#dark-03',\n    },\n  }),\n});\n\nexport const StyledSectionHeading = tasty<\n  CubeSpaceProps & { size?: 'small' | 'medium' | (string & {}) }\n>(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    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":";;;;;;AAMA,MAAaM,oBAAoBL,MAAM;CACrCM,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,UAAU;EACVC,MAAM;EACNC,QAAQ;EACRC,SAAS;EACTC,QAAQ;EACRC,QAAQ;EACRC,OAAO;GACL,IAAI;GACJC,SAAS;EACX;EACAC,QAAQ;GACN,IAAI;GAOJ,kBAAkB;EACpB;EACAC,QAAQ;GACN,IAAI;GACJF,SAAS;GACTG,MAAM;EACR;EACAC,WAAW;CACb;AACF,CAAC;AAED,MAAaC,aAAarB,MAAM;CAC9BsB,IAAI;CACJhB,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTe,MAAM;EACNC,KAAK;GACH,IAAI;GACJC,UAAU;EACZ;EACAL,WAAW;EACXT,QAAQ;EACRC,SAAS;GACP,IAAI;GACJc,SAAS;EACX;EACAC,UAAU;GACR,IAAI;GACJD,SAAS;EACX;EACAE,WAAW;CACb;AACF,CAAC;AAED,MAAaC,gBAAgB7B,MAAM;CACjCM,IAAI;CACJgB,IAAI;CACJf,QAAQ;EACNC,SAAS;EACTe,MAAM;EACNZ,QAAQ;EACRmB,WAAW;EACXpB,MAAM;EACNQ,QAAQ;EACRa,YAAY;CACd;AACF,CAAC;AAID,MAAaC,eAAehC,MAAMG,OAAO;CACvCG,IAAI;CACJgB,IAAI;CACJf,QAAQ;EACN0B,OAAO;EACPC,QAAQ;EACRC,cAAc;EACdC,YAAY;EACZC,YAAY;EACZzB,SAAS;EACTM,QAAQ;EACRE,WAAW;EACXP,QAAQ;EACRC,QAAQ;EAERwB,OAAO;GACL,IAAI;GACJ,cAAc;GACd,eAAe;GACf,cAAc;EAChB;CACF;AACF,CAAC;AAED,MAAaC,eAAevC,MAAMG,OAAO;CACvCG,IAAI;CACJgB,IAAI;CACJf,QAAQ;EACN0B,OAAO;EACPC,QAAQ;EACRC,cAAc;EACdC,YAAY;EACZC,YAAY;EACZzB,SAAS;EACTM,QAAQ;GACN,IAAI;GACJ,cAAc;EAChB;EACAE,WAAW;EACXP,QAAQ;EACRC,QAAQ;CACV;AACF,CAAC;AAED,MAAa0B,gBAAgBxC,MAAM;CACjCM,IAAI;CACJgB,IAAI;CACJf,QAAQ;EACNC,SAAS;EACTe,MAAM;EACNZ,QAAQ;EACRC,SAAS;EACTkB,WAAW;EACXpB,MAAM;CACR;AACF,CAAC;AAEyBV,MAAM;CAC9BM,IAAI;CACJgB,IAAI;CAGJf,QAAQR,YAAYK,uBAAuBH,sBAAsB;EAE/DO,SAAS;EACTe,MAAM;EACNmB,gBAAgB;EAChBZ,WAAW;EACXC,YAAY;EACZb,QAAQ;GACN,IAAI;GACJ,cAAc;EAChB;EACAL,QAAQ;EACRO,WAAW;EACXV,MAAM;GACJ,IAAI;GACJiC,SAAS;GACTC,UAAU;GACV,sBAAsB;GACtBC,SAAS;GACTC,UAAU;EACZ;EACAb,OAAO;GACL,IAAI;GACJ,sBAAsB;GACtBa,UAAU;EACZ;EACAC,QAAQ;GACN,IAAI;GACJD,UAAU;EACZ;EACA7B,QAAQ;EACRL,SAAS;GACP,IAAI;GACJ,0CAA0C;EAC5C;EACAY,KAAK;EACLwB,SAAS;EAETC,aAAa;GACXf,QAAQ;GACRD,OAAO;EACT;CACF,CAAC;AACH,CAAC;AAED,MAAaiB,uBAAuBlD,MAElCG,OAAO;CACPG,IAAI;CACJgB,IAAI;CACJf,QAAQ;EACN0B,OAAO;EACPC,QAAQ;EACRhB,QAAQ;EACRiB,cAAc;EACdvB,SAAS;GACP,IAAI;GACJwC,QAAQ;EACV;EAEAd,OAAO;GACL,IAAI;GACJ,cAAc;GACd,eAAe;GACf,cAAc;EAChB;CACF;AACF,CAAC"}
+{"version":3,"file":"styled.js","names":["mergeStyles","tasty","DEFAULT_CLEAR_STYLES","CubeSpaceProps","Space","DEFAULT_BUTTON_STYLES","StyledMenuWrapper","qa","styles","display","gridRows","fill","margin","padding","border","radius","width","popover","tray","shadow","height","boxSizing","StyledMenu","as","flow","gap","sections","section","overflow","scrollbar","StyledDivider","listStyle","flexShrink","StyledHeader","color","preset","placeContent","placeItems","whiteSpace","$size","StyledFooter","StyledSection","StyledItem","justifyContent","focused","selected","pressed","disabled","cursor","outline","Description","StyledSectionHeading","size","prefix"],"sources":["../../../../src/components/actions/Menu/styled.tsx"],"sourcesContent":["import { mergeStyles, tasty } from '@tenphi/tasty';\n\nimport { DEFAULT_CLEAR_STYLES } from '../../../data/item-themes';\nimport { CubeSpaceProps, 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: '#surface',\n    margin: 0,\n    padding: 0,\n    border: true,\n    radius: '(1cr + 1bw)',\n    width: {\n      '': 'auto',\n      popover: 'max-content',\n      tray: '100%',\n    },\n    shadow: {\n      '': '',\n      // Use the design-system `$shadow` token (resolves to\n      // `0 .5x 2x #shadow-md`) so the popover shadow follows the\n      // scheme-aware Glaze `#shadow-md` color. The previous literal\n      // `0px 5px 15px #dark.05` baked in `#dark` (now aliased to the\n      // adaptive `#surface-text`) which inverts to a *light* shadow on\n      // dark surfaces.\n      'popover | tray': '$shadow',\n    },\n    height: {\n      '': 'initial',\n      popover: 'initial max-content (50vh - 4x)',\n      // The tray caps the height, and the menu scrolls inside it.\n      tray: 'initial max-content inherit',\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      '': '$item-gap',\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\n// No `heading` role: a header can hold controls, and a heading would read\n// them as part of its title.\nexport const StyledHeader = tasty(Space, {\n  qa: 'Header',\n  as: 'div',\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  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: '#surface',\n  },\n});\n\nexport const StyledItem = tasty({\n  qa: 'Item',\n  as: 'li',\n  // Button's defaults with its `default.clear` theme, merged the way Button\n  // applies that variant, then the menu-specific overrides.\n  styles: mergeStyles(DEFAULT_BUTTON_STYLES, DEFAULT_CLEAR_STYLES, {\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: '#disabled-surface-text',\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    Description: {\n      preset: 't4',\n      color: '#dark-03',\n    },\n  }),\n});\n\nexport const StyledSectionHeading = tasty<\n  CubeSpaceProps & { size?: 'small' | 'medium' | (string & {}) }\n>(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    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/actions-run.js

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

package/dist/components/actions/index.js

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../utils/react/mergeProps.js";
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { useWarn } from "../../_internal/hooks/use-warn.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | 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,16 +1,40 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | 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";
 import { useI18n } from "../../i18n/useI18n.js";
 import { generateRandomId } from "../../utils/random.js";
 import { MenuTrigger as _MenuTrigger } from "./Menu/MenuTrigger.js";
+import { tasty } from "@tenphi/tasty";
 import { createRef, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
 import { VisuallyHidden } from "react-aria";
 import { Pressable } from "@react-aria/interactions";
 //#region src/components/actions/use-context-menu.tsx
+const ContextMenuHostElement = tasty({
+	qa: "ContextMenuHost",
+	styles: {
+		position: "fixed",
+		inset: "0 auto auto 0",
+		width: 0,
+		height: 0
+	}
+});
+const ContextMenuAnchorElement = tasty({
+	as: "span",
+	qa: "ContextMenuAnchor",
+	styles: {
+		position: "absolute",
+		left: "$anchor-x",
+		top: "$anchor-y",
+		width: 0,
+		height: 0,
+		lineHeight: 0,
+		pointerEvents: "none",
+		visibility: "hidden"
+	}
+});
 /**
 * Generic hook to manage a context menu component that opens at pointer coordinates.
 *
@@ -139,28 +163,13 @@ function useContextMenu(Component, defaultTriggerProps, defaultMenuProps) {
 			...defaultMenuProps,
 			...runtimeProps
 		} : runtimeProps;
-		return /* @__PURE__ */ jsxs(Fragment$1, { children: [createPortal(/* @__PURE__ */ jsx("div", {
-			style: {
-				position: "fixed",
-				left: 0,
-				top: 0,
-				width: 0,
-				height: 0
-			},
-			children: /* @__PURE__ */ jsx("span", {
-				ref: invisibleAnchorRef,
-				style: {
-					position: "absolute",
-					left: `${anchorPosition.x}px`,
-					top: `${anchorPosition.y}px`,
-					width: "0px",
-					height: "0px",
-					lineHeight: "0",
-					pointerEvents: "none",
-					visibility: "hidden"
-				}
-			})
-		}), document.body), /* @__PURE__ */ jsxs(_MenuTrigger, {
+		return /* @__PURE__ */ jsxs(Fragment$1, { children: [createPortal(/* @__PURE__ */ jsx(ContextMenuHostElement, { children: /* @__PURE__ */ jsx(ContextMenuAnchorElement, {
+			ref: invisibleAnchorRef,
+			tokens: {
+				"$anchor-x": `${anchorPosition.x}px`,
+				"$anchor-y": `${anchorPosition.y}px`
+			}
+		}) }), document.body), /* @__PURE__ */ jsxs(_MenuTrigger, {
 			offset: 0,
 			placement: triggerProps?.placement || defaultTriggerProps?.placement || "bottom start",
 			...mergeProps$1(defaultTriggerProps, triggerProps || void 0),

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

@@ -1 +1 @@
-{"version":3,"file":"use-context-menu.js","names":["Pressable","ComponentProps","ComponentType","createRef","MouseEvent","PointerEvent","ReactElement","RefObject","useEffect","useMemo","useRef","useState","VisuallyHidden","createPortal","useEvent","useI18n","generateRandomId","mergeProps","usePopoverSync","MenuTrigger","NativeMouseEvent","globalThis","NativePointerEvent","UseContextMenuReturn","HTMLElement","targetRef","E","open","props","P","triggerProps","T","event","update","close","isOpen","rendered","useContextMenu","Component","defaultTriggerProps","Omit","defaultMenuProps","t","setIsOpen","runtimeProps","setRuntimeProps","setTriggerProps","anchorPosition","setAnchorPosition","x","y","invisibleAnchorRef","HTMLSpanElement","popoverRef","HTMLDivElement","setupRef","el","current","dataset","popoverTrigger","menuId","onClose","triggerRef","containerRef","setupCheck","Error","calculatePosition","clientX","clientY","container","rect","getBoundingClientRect","left","width","top","height","computedStyle","window","getComputedStyle","position","style","preventDefault","onContextMenu","pos","undefined","element","addEventListener","removeEventListener","renderedMenu","componentProps","lineHeight","pointerEvents","visibility","document","body","placement","MenuTrigger","mergeProps"],"sources":["../../../src/components/actions/use-context-menu.tsx"],"sourcesContent":["import { Pressable } from '@react-aria/interactions';\nimport {\n  ComponentProps,\n  ComponentType,\n  createRef,\n  MouseEvent,\n  PointerEvent,\n  ReactElement,\n  RefObject,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { VisuallyHidden } from 'react-aria';\nimport { createPortal } from 'react-dom';\n\nimport { useEvent } from '../../_internal';\nimport { useI18n } from '../../i18n';\nimport { generateRandomId } from '../../utils/random';\nimport { mergeProps } from '../../utils/react';\nimport { usePopoverSync } from '../../utils/react/usePopoverSync';\n\nimport { MenuTrigger } from './Menu';\n\ntype NativeMouseEvent = globalThis.MouseEvent;\ntype NativePointerEvent = globalThis.PointerEvent;\n\nexport interface UseContextMenuReturn<\n  E extends HTMLElement = HTMLElement,\n  P extends object = {},\n  T = ComponentProps<typeof MenuTrigger>,\n> {\n  /** Container element that receives context menu events. Attach this ref to your target element. */\n  targetRef: RefObject<E | null>;\n\n  /**\n   * Programmatically opens the menu at the specified coordinates or element center.\n   * Runtime props are merged with the CURRENT `defaultMenuProps` on every render\n   * (runtime props take precedence), so defaults that change while the menu is\n   * open reach it without an `update()` call.\n   *\n   * @param props - Props to pass to the menu component (optional, defaults to defaultMenuProps)\n   * @param triggerProps - Additional props for MenuTrigger (merged with defaultTriggerProps)\n   * @param event - The pointer/mouse event containing coordinates for positioning (optional, centers on element if not provided)\n   */\n  open(\n    props?: P,\n    triggerProps?: T,\n    event?: NativeMouseEvent | NativePointerEvent | MouseEvent | PointerEvent,\n  ): void;\n\n  /**\n   * Updates the RUNTIME props of the currently open menu without repositioning.\n   * Props are merged over the current `defaultMenuProps`. Only needed for props\n   * the caller owns — `defaultMenuProps` is re-read on every render.\n   */\n  update(props: P, triggerProps?: T): void;\n\n  /** Closes the menu programmatically. */\n  close(): void;\n\n  /** Current open/closed state of the menu. */\n  isOpen: boolean;\n\n  /**\n   * JSX element that must be rendered in your component tree.\n   * Contains the MenuTrigger and positioning logic.\n   * IMPORTANT: Must be placed directly inside the target container (the element with targetRef).\n   */\n  get rendered(): ReactElement | null;\n}\n\n/**\n * Generic hook to manage a context menu component that opens at pointer coordinates.\n *\n * @param Component - A React component that represents the menu content (Menu or CommandMenu).\n * @param defaultTriggerProps - Default props to pass to the MenuTrigger.\n * @param defaultMenuProps - Default props to pass to the Menu component.\n * @returns An object with `targetRef` to attach to the container element, `open` function to open the menu at event coordinates, `close` function to close the menu, and `rendered` JSX element to include in your component tree.\n */\nexport function useContextMenu<\n  E extends HTMLElement = HTMLElement,\n  P extends object = {},\n  T = ComponentProps<typeof MenuTrigger>,\n>(\n  Component: ComponentType<P>,\n  defaultTriggerProps?: Omit<\n    ComponentProps<typeof MenuTrigger>,\n    'children' | 'isOpen' | 'onOpenChange' | 'targetRef'\n  >,\n  defaultMenuProps?: P,\n): UseContextMenuReturn<E, P, T> {\n  const { t } = useI18n();\n  const [isOpen, setIsOpen] = useState(false);\n  /**\n   * The props the CALLER passed to `open()`/`update()`, on their own — never\n   * pre-merged with `defaultMenuProps`.\n   *\n   * Merging at open time snapshotted the defaults, so a consumer that keeps its\n   * menu content IN the defaults (`Tree`'s row menu does: `children` is part of\n   * the third argument) had a menu that was frozen the moment it opened. Items\n   * appearing, disappearing or flipping `isDisabled` while it was open stayed\n   * invisible until it was closed and reopened, and the only workaround was to\n   * mirror every render into an `update()` call. Keeping the overrides alone\n   * lets the merge happen at RENDER time, against the current defaults, while\n   * runtime props still win.\n   */\n  const [runtimeProps, setRuntimeProps] = useState<P | null>(null);\n  const [triggerProps, setTriggerProps] = useState<T | null>(null);\n  const [anchorPosition, setAnchorPosition] = useState<{\n    x: number;\n    y: number;\n  } | null>(null);\n  const targetRef = useRef<E>(null);\n  // Moving a zero-size anchor does not fire ResizeObserver. A fresh ref for\n  // each point makes MenuTrigger refresh its positioning and observation while\n  // keeping the menu itself mounted, including its current focus and selection.\n  const invisibleAnchorRef = useMemo(\n    () => createRef<HTMLSpanElement>(),\n    [anchorPosition],\n  );\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const setupRef = useRef(false);\n\n  // Mark the container as a popover trigger so that other open menus' close-on-\n  // outside predicates treat clicks inside it (including programmatic\n  // open buttons rendered alongside a context-menu target) as a legitimate\n  // trigger interaction instead of a generic outside click. This mirrors the\n  // pattern in `useAnchoredMenu`.\n  useEffect(() => {\n    const el = targetRef.current;\n    if (el) {\n      el.dataset.popoverTrigger = '';\n      return () => {\n        delete el.dataset.popoverTrigger;\n      };\n    }\n  }, []);\n\n  // Generate a unique ID for this menu instance\n  const menuId = useMemo(() => generateRandomId(), []);\n\n  // Feed both the context-menu target (`triggerRef`) and the popover\n  // container (`containerRef`) into the sync. The container ref is shared with\n  // the rendered `MenuTrigger` via its `popoverRef` prop — the dummy\n  // `MenuTrigger` opts out of `usePopoverSync` (`enabled: !isDummy`), so\n  // without this the nested-popover guard would have no container to match\n  // against and a `SubMenuTrigger` opened inside this menu would close the\n  // whole menu.\n  usePopoverSync({\n    menuId,\n    isOpen,\n    onClose: () => {\n      setIsOpen(false);\n      setAnchorPosition(null);\n    },\n    triggerRef: targetRef as RefObject<HTMLElement | null>,\n    containerRef: popoverRef,\n  });\n\n  function setupCheck() {\n    if (!setupRef.current) {\n      throw new Error(\n        'useContextMenu: MenuTrigger must be rendered. Use `rendered` property to include it in your component tree.',\n      );\n    }\n  }\n\n  /**\n   * Where to put the invisible anchor, in **viewport** coordinates.\n   *\n   * Viewport rather than container-relative on purpose. The anchor is rendered\n   * into a fixed-position host pinned to the viewport origin (see\n   * `renderedMenu`), so the two agree by construction. Computing coordinates\n   * against the target element while the anchor's containing block was\n   * whichever positioned ancestor happened to enclose `rendered` is what used\n   * to open the menu one ancestor-origin away from the pointer.\n   */\n  const calculatePosition = (\n    event?: NativeMouseEvent | NativePointerEvent | MouseEvent | PointerEvent,\n  ) => {\n    if (event) {\n      const { clientX = 0, clientY = 0 } = event;\n\n      return { x: clientX, y: clientY };\n    }\n\n    // No event — a keyboard opening, which has no coordinates. Anchor on the\n    // target element's centre instead.\n    const container = targetRef.current;\n\n    if (!container) return { x: 0, y: 0 };\n\n    const rect = container.getBoundingClientRect();\n\n    return { x: rect.left + rect.width / 2, y: rect.top + rect.height / 2 };\n  };\n\n  // 'open' accepts props, trigger props, and optional event for positioning, then opens the menu\n  const open = useEvent(\n    (\n      props: P = {} as P,\n      triggerProps?: T,\n      event?: NativeMouseEvent | NativePointerEvent | MouseEvent | PointerEvent,\n    ) => {\n      setupCheck();\n\n      // Ensure the target element can serve as a positioning context for the\n      // invisible target element. If the consumer hasn't explicitly set\n      // `position: relative | absolute | fixed | sticky` we switch it to\n      // `relative` so that absolutely-positioned children are laid out correctly.\n      if (targetRef.current) {\n        const computedStyle = window.getComputedStyle(targetRef.current);\n\n        if (computedStyle.position === 'static') {\n          targetRef.current.style.position = 'relative';\n        }\n      }\n\n      // Prevent default context menu if it's a context menu event\n      if (\n        event &&\n        'preventDefault' in event &&\n        typeof event.preventDefault === 'function'\n      ) {\n        event.preventDefault();\n      }\n\n      const { x, y } = calculatePosition(event);\n      setAnchorPosition({ x, y });\n\n      // Overrides only — `defaultMenuProps` is merged in on render.\n      setRuntimeProps(props);\n      setTriggerProps(triggerProps ?? null);\n      setIsOpen(true);\n    },\n  );\n\n  const update = useEvent((props: P, triggerProps?: T) => {\n    setupCheck();\n\n    setRuntimeProps(props);\n    setTriggerProps(triggerProps ?? null);\n  });\n\n  const close = useEvent(() => {\n    setIsOpen(false);\n    setAnchorPosition(null);\n  });\n\n  // Context menu event handler\n  const onContextMenu = useEvent(\n    (event: MouseEvent | PointerEvent | MouseEvent | PointerEvent) => {\n      event.preventDefault();\n      if (isOpen) {\n        const pos = calculatePosition(event);\n        setAnchorPosition(pos);\n      } else {\n        // No overrides: the defaults are merged in on every render, so\n        // passing them here would freeze the version this right-click saw.\n        open(undefined, undefined, event);\n      }\n    },\n  );\n\n  // Bind the onContextMenu event to targetRef\n  useEffect(() => {\n    const element = targetRef.current;\n    if (!element) return;\n\n    element.addEventListener('contextmenu', onContextMenu as any);\n\n    return () => {\n      element.removeEventListener('contextmenu', onContextMenu as any);\n    };\n  }, [onContextMenu]);\n\n  // Render the menu only when it has been opened at least once\n  const renderedMenu = useMemo(() => {\n    if (!runtimeProps || !anchorPosition) return null;\n\n    // Merged here rather than at open time, so the defaults an open menu\n    // renders are the CURRENT ones. Runtime props still take precedence.\n    const componentProps = defaultMenuProps\n      ? { ...defaultMenuProps, ...runtimeProps }\n      : runtimeProps;\n\n    return (\n      <>\n        {/*\n          Invisible anchor at the click coordinates.\n\n          Two things make those coordinates mean what they say:\n\n          1. A `fixed` host, so the containing block's origin is the viewport\n             rather than whichever positioned ancestor encloses `rendered` — the\n             table root, the tree row — which is what used to open the menu one\n             ancestor-origin away from the pointer.\n          2. A portal to `body`, because `position: fixed` is captured by any\n             ancestor carrying a transform, filter or `will-change`. A\n             virtualized row is usually translated, so the `fixed` host alone\n             would still be anchored to the row.\n        */}\n        {createPortal(\n          <div\n            style={{\n              position: 'fixed',\n              left: 0,\n              top: 0,\n              width: 0,\n              height: 0,\n            }}\n          >\n            <span\n              ref={invisibleAnchorRef}\n              style={{\n                position: 'absolute',\n                left: `${anchorPosition.x}px`,\n                top: `${anchorPosition.y}px`,\n                width: '0px',\n                height: '0px',\n                lineHeight: '0',\n                pointerEvents: 'none',\n                visibility: 'hidden',\n              }}\n            />\n          </div>,\n          document.body,\n        )}\n        <MenuTrigger\n          offset={0}\n          placement={\n            (triggerProps as ComponentProps<typeof MenuTrigger>)?.placement ||\n            defaultTriggerProps?.placement ||\n            'bottom start'\n          }\n          {...mergeProps(defaultTriggerProps, triggerProps || undefined)}\n          isDummy\n          isOpen={isOpen}\n          targetRef={invisibleAnchorRef}\n          popoverRef={popoverRef}\n          onOpenChange={setIsOpen}\n        >\n          <VisuallyHidden>\n            <Pressable>\n              <button\n                aria-label={t(\n                  'contextMenu.openContextMenu',\n                  'Open context menu',\n                )}\n              />\n            </Pressable>\n          </VisuallyHidden>\n          <Component {...componentProps} />\n        </MenuTrigger>\n      </>\n    );\n  }, [\n    runtimeProps,\n    defaultMenuProps,\n    triggerProps,\n    isOpen,\n    defaultTriggerProps,\n    anchorPosition,\n    invisibleAnchorRef,\n    t,\n  ]);\n\n  return {\n    targetRef,\n    open,\n    update,\n    close,\n    isOpen,\n    get rendered() {\n      setupRef.current = true;\n\n      return renderedMenu;\n    },\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-context-menu.js","names":["Pressable","tasty","ComponentProps","ComponentType","createRef","MouseEvent","PointerEvent","ReactElement","RefObject","useEffect","useMemo","useRef","useState","VisuallyHidden","createPortal","useEvent","useI18n","generateRandomId","mergeProps","usePopoverSync","MenuTrigger","ContextMenuHostElement","qa","styles","position","inset","width","height","ContextMenuAnchorElement","as","left","top","lineHeight","pointerEvents","visibility","NativeMouseEvent","globalThis","NativePointerEvent","UseContextMenuReturn","HTMLElement","targetRef","E","open","props","P","triggerProps","T","event","update","close","isOpen","rendered","useContextMenu","Component","defaultTriggerProps","Omit","defaultMenuProps","t","setIsOpen","runtimeProps","setRuntimeProps","setTriggerProps","anchorPosition","setAnchorPosition","x","y","invisibleAnchorRef","HTMLSpanElement","popoverRef","HTMLDivElement","setupRef","el","current","dataset","popoverTrigger","menuId","onClose","triggerRef","containerRef","setupCheck","Error","calculatePosition","clientX","clientY","container","rect","getBoundingClientRect","computedStyle","window","getComputedStyle","style","preventDefault","onContextMenu","pos","undefined","element","addEventListener","removeEventListener","renderedMenu","componentProps","document","body","placement","MenuTrigger","mergeProps"],"sources":["../../../src/components/actions/use-context-menu.tsx"],"sourcesContent":["import { Pressable } from '@react-aria/interactions';\nimport { tasty } from '@tenphi/tasty';\nimport {\n  ComponentProps,\n  ComponentType,\n  createRef,\n  MouseEvent,\n  PointerEvent,\n  ReactElement,\n  RefObject,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { VisuallyHidden } from 'react-aria';\nimport { createPortal } from 'react-dom';\n\nimport { useEvent } from '../../_internal';\nimport { useI18n } from '../../i18n';\nimport { generateRandomId } from '../../utils/random';\nimport { mergeProps } from '../../utils/react';\nimport { usePopoverSync } from '../../utils/react/usePopoverSync';\n\nimport { MenuTrigger } from './Menu';\n\n// A zero-size `fixed` host, so the anchor's coordinates are viewport ones.\nconst ContextMenuHostElement = tasty({\n  qa: 'ContextMenuHost',\n  styles: {\n    position: 'fixed',\n    inset: '0 auto auto 0',\n    width: 0,\n    height: 0,\n  },\n});\n\n// Invisible anchor at the pointer's coordinates.\nconst ContextMenuAnchorElement = tasty({\n  as: 'span',\n  qa: 'ContextMenuAnchor',\n  styles: {\n    position: 'absolute',\n    left: '$anchor-x',\n    top: '$anchor-y',\n    width: 0,\n    height: 0,\n    lineHeight: 0,\n    pointerEvents: 'none',\n    visibility: 'hidden',\n  },\n});\n\ntype NativeMouseEvent = globalThis.MouseEvent;\ntype NativePointerEvent = globalThis.PointerEvent;\n\nexport interface UseContextMenuReturn<\n  E extends HTMLElement = HTMLElement,\n  P extends object = {},\n  T = ComponentProps<typeof MenuTrigger>,\n> {\n  /** Container element that receives context menu events. Attach this ref to your target element. */\n  targetRef: RefObject<E | null>;\n\n  /**\n   * Programmatically opens the menu at the specified coordinates or element center.\n   * Runtime props are merged with the CURRENT `defaultMenuProps` on every render\n   * (runtime props take precedence), so defaults that change while the menu is\n   * open reach it without an `update()` call.\n   *\n   * @param props - Props to pass to the menu component (optional, defaults to defaultMenuProps)\n   * @param triggerProps - Additional props for MenuTrigger (merged with defaultTriggerProps)\n   * @param event - The pointer/mouse event containing coordinates for positioning (optional, centers on element if not provided)\n   */\n  open(\n    props?: P,\n    triggerProps?: T,\n    event?: NativeMouseEvent | NativePointerEvent | MouseEvent | PointerEvent,\n  ): void;\n\n  /**\n   * Updates the RUNTIME props of the currently open menu without repositioning.\n   * Props are merged over the current `defaultMenuProps`. Only needed for props\n   * the caller owns — `defaultMenuProps` is re-read on every render.\n   */\n  update(props: P, triggerProps?: T): void;\n\n  /** Closes the menu programmatically. */\n  close(): void;\n\n  /** Current open/closed state of the menu. */\n  isOpen: boolean;\n\n  /**\n   * JSX element that must be rendered in your component tree.\n   * Contains the MenuTrigger and positioning logic.\n   * IMPORTANT: Must be placed directly inside the target container (the element with targetRef).\n   */\n  get rendered(): ReactElement | null;\n}\n\n/**\n * Generic hook to manage a context menu component that opens at pointer coordinates.\n *\n * @param Component - A React component that represents the menu content (Menu or CommandMenu).\n * @param defaultTriggerProps - Default props to pass to the MenuTrigger.\n * @param defaultMenuProps - Default props to pass to the Menu component.\n * @returns An object with `targetRef` to attach to the container element, `open` function to open the menu at event coordinates, `close` function to close the menu, and `rendered` JSX element to include in your component tree.\n */\nexport function useContextMenu<\n  E extends HTMLElement = HTMLElement,\n  P extends object = {},\n  T = ComponentProps<typeof MenuTrigger>,\n>(\n  Component: ComponentType<P>,\n  defaultTriggerProps?: Omit<\n    ComponentProps<typeof MenuTrigger>,\n    'children' | 'isOpen' | 'onOpenChange' | 'targetRef'\n  >,\n  defaultMenuProps?: P,\n): UseContextMenuReturn<E, P, T> {\n  const { t } = useI18n();\n  const [isOpen, setIsOpen] = useState(false);\n  /**\n   * The props the CALLER passed to `open()`/`update()`, on their own — never\n   * pre-merged with `defaultMenuProps`.\n   *\n   * Merging at open time snapshotted the defaults, so a consumer that keeps its\n   * menu content IN the defaults (`Tree`'s row menu does: `children` is part of\n   * the third argument) had a menu that was frozen the moment it opened. Items\n   * appearing, disappearing or flipping `isDisabled` while it was open stayed\n   * invisible until it was closed and reopened, and the only workaround was to\n   * mirror every render into an `update()` call. Keeping the overrides alone\n   * lets the merge happen at RENDER time, against the current defaults, while\n   * runtime props still win.\n   */\n  const [runtimeProps, setRuntimeProps] = useState<P | null>(null);\n  const [triggerProps, setTriggerProps] = useState<T | null>(null);\n  const [anchorPosition, setAnchorPosition] = useState<{\n    x: number;\n    y: number;\n  } | null>(null);\n  const targetRef = useRef<E>(null);\n  // Moving a zero-size anchor does not fire ResizeObserver. A fresh ref for\n  // each point makes MenuTrigger refresh its positioning and observation while\n  // keeping the menu itself mounted, including its current focus and selection.\n  const invisibleAnchorRef = useMemo(\n    () => createRef<HTMLSpanElement>(),\n    [anchorPosition],\n  );\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const setupRef = useRef(false);\n\n  // Mark the container as a popover trigger so that other open menus' close-on-\n  // outside predicates treat clicks inside it (including programmatic\n  // open buttons rendered alongside a context-menu target) as a legitimate\n  // trigger interaction instead of a generic outside click. This mirrors the\n  // pattern in `useAnchoredMenu`.\n  useEffect(() => {\n    const el = targetRef.current;\n    if (el) {\n      el.dataset.popoverTrigger = '';\n      return () => {\n        delete el.dataset.popoverTrigger;\n      };\n    }\n  }, []);\n\n  // Generate a unique ID for this menu instance\n  const menuId = useMemo(() => generateRandomId(), []);\n\n  // Feed both the context-menu target (`triggerRef`) and the popover\n  // container (`containerRef`) into the sync. The container ref is shared with\n  // the rendered `MenuTrigger` via its `popoverRef` prop — the dummy\n  // `MenuTrigger` opts out of `usePopoverSync` (`enabled: !isDummy`), so\n  // without this the nested-popover guard would have no container to match\n  // against and a `SubMenuTrigger` opened inside this menu would close the\n  // whole menu.\n  usePopoverSync({\n    menuId,\n    isOpen,\n    onClose: () => {\n      setIsOpen(false);\n      setAnchorPosition(null);\n    },\n    triggerRef: targetRef as RefObject<HTMLElement | null>,\n    containerRef: popoverRef,\n  });\n\n  function setupCheck() {\n    if (!setupRef.current) {\n      throw new Error(\n        'useContextMenu: MenuTrigger must be rendered. Use `rendered` property to include it in your component tree.',\n      );\n    }\n  }\n\n  /**\n   * Where to put the invisible anchor, in **viewport** coordinates.\n   *\n   * Viewport rather than container-relative on purpose. The anchor is rendered\n   * into a fixed-position host pinned to the viewport origin (see\n   * `renderedMenu`), so the two agree by construction. Computing coordinates\n   * against the target element while the anchor's containing block was\n   * whichever positioned ancestor happened to enclose `rendered` is what used\n   * to open the menu one ancestor-origin away from the pointer.\n   */\n  const calculatePosition = (\n    event?: NativeMouseEvent | NativePointerEvent | MouseEvent | PointerEvent,\n  ) => {\n    if (event) {\n      const { clientX = 0, clientY = 0 } = event;\n\n      return { x: clientX, y: clientY };\n    }\n\n    // No event — a keyboard opening, which has no coordinates. Anchor on the\n    // target element's centre instead.\n    const container = targetRef.current;\n\n    if (!container) return { x: 0, y: 0 };\n\n    const rect = container.getBoundingClientRect();\n\n    return { x: rect.left + rect.width / 2, y: rect.top + rect.height / 2 };\n  };\n\n  // 'open' accepts props, trigger props, and optional event for positioning, then opens the menu\n  const open = useEvent(\n    (\n      props: P = {} as P,\n      triggerProps?: T,\n      event?: NativeMouseEvent | NativePointerEvent | MouseEvent | PointerEvent,\n    ) => {\n      setupCheck();\n\n      // Ensure the target element can serve as a positioning context for the\n      // invisible target element. If the consumer hasn't explicitly set\n      // `position: relative | absolute | fixed | sticky` we switch it to\n      // `relative` so that absolutely-positioned children are laid out correctly.\n      if (targetRef.current) {\n        const computedStyle = window.getComputedStyle(targetRef.current);\n\n        if (computedStyle.position === 'static') {\n          targetRef.current.style.position = 'relative';\n        }\n      }\n\n      // Prevent default context menu if it's a context menu event\n      if (\n        event &&\n        'preventDefault' in event &&\n        typeof event.preventDefault === 'function'\n      ) {\n        event.preventDefault();\n      }\n\n      const { x, y } = calculatePosition(event);\n      setAnchorPosition({ x, y });\n\n      // Overrides only — `defaultMenuProps` is merged in on render.\n      setRuntimeProps(props);\n      setTriggerProps(triggerProps ?? null);\n      setIsOpen(true);\n    },\n  );\n\n  const update = useEvent((props: P, triggerProps?: T) => {\n    setupCheck();\n\n    setRuntimeProps(props);\n    setTriggerProps(triggerProps ?? null);\n  });\n\n  const close = useEvent(() => {\n    setIsOpen(false);\n    setAnchorPosition(null);\n  });\n\n  // Context menu event handler\n  const onContextMenu = useEvent(\n    (event: MouseEvent | PointerEvent | MouseEvent | PointerEvent) => {\n      event.preventDefault();\n      if (isOpen) {\n        const pos = calculatePosition(event);\n        setAnchorPosition(pos);\n      } else {\n        // No overrides: the defaults are merged in on every render, so\n        // passing them here would freeze the version this right-click saw.\n        open(undefined, undefined, event);\n      }\n    },\n  );\n\n  // Bind the onContextMenu event to targetRef\n  useEffect(() => {\n    const element = targetRef.current;\n    if (!element) return;\n\n    element.addEventListener('contextmenu', onContextMenu as any);\n\n    return () => {\n      element.removeEventListener('contextmenu', onContextMenu as any);\n    };\n  }, [onContextMenu]);\n\n  // Render the menu only when it has been opened at least once\n  const renderedMenu = useMemo(() => {\n    if (!runtimeProps || !anchorPosition) return null;\n\n    // Merged here rather than at open time, so the defaults an open menu\n    // renders are the CURRENT ones. Runtime props still take precedence.\n    const componentProps = defaultMenuProps\n      ? { ...defaultMenuProps, ...runtimeProps }\n      : runtimeProps;\n\n    return (\n      <>\n        {/*\n          Invisible anchor at the click coordinates.\n\n          Two things make those coordinates mean what they say:\n\n          1. A `fixed` host, so the containing block's origin is the viewport\n             rather than whichever positioned ancestor encloses `rendered` — the\n             table root, the tree row — which is what used to open the menu one\n             ancestor-origin away from the pointer.\n          2. A portal to `body`, because `position: fixed` is captured by any\n             ancestor carrying a transform, filter or `will-change`. A\n             virtualized row is usually translated, so the `fixed` host alone\n             would still be anchored to the row.\n        */}\n        {createPortal(\n          <ContextMenuHostElement>\n            <ContextMenuAnchorElement\n              ref={invisibleAnchorRef}\n              tokens={{\n                '$anchor-x': `${anchorPosition.x}px`,\n                '$anchor-y': `${anchorPosition.y}px`,\n              }}\n            />\n          </ContextMenuHostElement>,\n          document.body,\n        )}\n        <MenuTrigger\n          offset={0}\n          placement={\n            (triggerProps as ComponentProps<typeof MenuTrigger>)?.placement ||\n            defaultTriggerProps?.placement ||\n            'bottom start'\n          }\n          {...mergeProps(defaultTriggerProps, triggerProps || undefined)}\n          isDummy\n          isOpen={isOpen}\n          targetRef={invisibleAnchorRef}\n          popoverRef={popoverRef}\n          onOpenChange={setIsOpen}\n        >\n          <VisuallyHidden>\n            <Pressable>\n              <button\n                aria-label={t(\n                  'contextMenu.openContextMenu',\n                  'Open context menu',\n                )}\n              />\n            </Pressable>\n          </VisuallyHidden>\n          <Component {...componentProps} />\n        </MenuTrigger>\n      </>\n    );\n  }, [\n    runtimeProps,\n    defaultMenuProps,\n    triggerProps,\n    isOpen,\n    defaultTriggerProps,\n    anchorPosition,\n    invisibleAnchorRef,\n    t,\n  ]);\n\n  return {\n    targetRef,\n    open,\n    update,\n    close,\n    isOpen,\n    get rendered() {\n      setupRef.current = true;\n\n      return renderedMenu;\n    },\n  };\n}\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | 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.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import themes_default from "../../../data/themes.js";
 import { useAlert } from "./use-alert.js";
 import { c } from "react/compiler-runtime";

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","names":["tasty","ForwardedRef","forwardRef","THEMES","CubeAlertProps","useAlert","AlertElement","name","role","qa","styles","display","flow","radius","padding","preset","color","special","disabled","fill","Object","keys","reduce","map","type","border","Alert","props","ref","$","_c","mods","filteredProps","t0","THEMES","_c"],"sources":["../../../../src/components/content/Alert/Alert.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef } from 'react';\n\nimport THEMES from '../../../data/themes';\n\nimport { CubeAlertProps } from './types';\nimport { useAlert } from './use-alert';\n\nconst AlertElement = tasty({\n  name: 'Alert',\n  role: 'alert',\n  qa: 'Alert',\n  styles: {\n    display: 'block',\n    flow: 'column',\n    radius: {\n      '': '1cr',\n      'shape=sharp': '0',\n    },\n    padding: '1.5x',\n    preset: 't3',\n    color: {\n      '': '#dark-02',\n      // `color` in THEMES is Badge's fill for the status themes, so only these\n      // two read it as a label.\n      'type=special': THEMES.special.color,\n      'type=disabled': THEMES.disabled.color,\n    },\n    fill: {\n      '': '#clear',\n      // eslint-disable-next-line tasty/no-style-spread -- per-theme fill states generated from THEMES\n      ...Object.keys(THEMES).reduce((map, type) => {\n        map[`type=${type}`] = THEMES[type].fill;\n\n        return map;\n      }, {}),\n    },\n    border: {\n      '': '#clear',\n      // eslint-disable-next-line tasty/no-style-spread -- per-theme border states generated from THEMES\n      ...Object.keys(THEMES).reduce((map, type) => {\n        map[`type=${type}`] = THEMES[type].border;\n\n        return map;\n      }, {}),\n      'shape=sharp': '0',\n    },\n  },\n});\n\nexport const Alert = forwardRef(function Alert(\n  props: CubeAlertProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { styles, mods, filteredProps } = useAlert(props);\n\n  return (\n    <AlertElement {...filteredProps} ref={ref} mods={mods} styles={styles} />\n  );\n});\n"],"mappings":";;;;;;;;AAQA,MAAMM,eAAeN,MAAM;CACzBO,MAAM;CACNC,MAAM;CACNC,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,MAAM;EACNC,QAAQ;GACN,IAAI;GACJ,eAAe;EACjB;EACAC,SAAS;EACTC,QAAQ;EACRC,OAAO;GACL,IAAI;GAGJ,gBAAgBb,eAAOc,QAAQD;GAC/B,iBAAiBb,eAAOe,SAASF;EACnC;EACAG,MAAM;GACJ,IAAI;GAEJ,GAAGC,OAAOC,KAAKlB,cAAM,CAAC,CAACmB,QAAQC,KAAKC,SAAS;IAC3CD,IAAI,QAAQC,UAAUrB,eAAOqB,KAAK,CAACL;IAEnC,OAAOI;GACT,GAAG,CAAC,CAAC;EACP;EACAE,QAAQ;GACN,IAAI;GAEJ,GAAGL,OAAOC,KAAKlB,cAAM,CAAC,CAACmB,QAAQC,KAAKC,SAAS;IAC3CD,IAAI,QAAQC,UAAUrB,eAAOqB,KAAK,CAACC;IAEnC,OAAOF;GACT,GAAG,CAAC,CAAC;GACL,eAAe;EACjB;CACF;AACF,CAAC;AAED,MAAaG,QAAQxB,WAAW,SAAAwB,MAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAI9B,MAAA,EAAApB,QAAAqB,MAAAC,kBAAwC3B,SAASsB,KAAK;CAAE,IAAAM;CAAA,IAAAJ,EAAA,OAAAG,iBAAAH,EAAA,OAAAE,QAAAF,EAAA,OAAAD,OAAAC,EAAA,OAAAnB,QAAA;EAGtDuB,KAAA,oBAAC,cAAD;GAAa,GAAKD;GAAoBJ;GAAWG;GAAcrB;EAAM,CAAA;EAAImB,EAAA,KAAAG;EAAAH,EAAA,KAAAE;EAAAF,EAAA,KAAAD;EAAAC,EAAA,KAAAnB;EAAAmB,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAAA,OAAzEI;AAAyE,CAE5E"}
+{"version":3,"file":"Alert.js","names":["tasty","ForwardedRef","forwardRef","THEMES","CubeAlertProps","useAlert","AlertElement","name","role","qa","styles","display","flow","radius","padding","preset","color","special","disabled","fill","Object","keys","reduce","map","type","border","Alert","props","ref","$","_c","mods","filteredProps","t0","THEMES","_c"],"sources":["../../../../src/components/content/Alert/Alert.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef } from 'react';\n\nimport THEMES from '../../../data/themes';\n\nimport { CubeAlertProps } from './types';\nimport { useAlert } from './use-alert';\n\nconst AlertElement = tasty({\n  name: 'Alert',\n  role: 'alert',\n  qa: 'Alert',\n  styles: {\n    display: 'block',\n    flow: 'column',\n    radius: {\n      '': '1cr',\n      'shape=sharp': '0',\n    },\n    padding: '1.5x',\n    preset: 't3',\n    color: {\n      '': '#dark-02',\n      // `color` in THEMES is Badge's fill for the status themes, so only these\n      // two read it as a label.\n      'type=special': THEMES.special.color,\n      'type=disabled': THEMES.disabled.color,\n    },\n    fill: {\n      '': '#clear',\n      // eslint-disable-next-line tasty/no-style-spread -- per-theme fill states generated from THEMES, not a shared base; the plugin can't lint the generated map either way, so it stays in one place\n      ...Object.keys(THEMES).reduce((map, type) => {\n        map[`type=${type}`] = THEMES[type].fill;\n\n        return map;\n      }, {}),\n    },\n    border: {\n      '': '#clear',\n      // eslint-disable-next-line tasty/no-style-spread -- per-theme border states generated from THEMES must precede 'shape=sharp'; mergeStyles would append them after it and flip its priority\n      ...Object.keys(THEMES).reduce((map, type) => {\n        map[`type=${type}`] = THEMES[type].border;\n\n        return map;\n      }, {}),\n      'shape=sharp': '0',\n    },\n  },\n});\n\nexport const Alert = forwardRef(function Alert(\n  props: CubeAlertProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { styles, mods, filteredProps } = useAlert(props);\n\n  return (\n    <AlertElement {...filteredProps} ref={ref} mods={mods} styles={styles} />\n  );\n});\n"],"mappings":";;;;;;;;AAQA,MAAMM,eAAeN,MAAM;CACzBO,MAAM;CACNC,MAAM;CACNC,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,MAAM;EACNC,QAAQ;GACN,IAAI;GACJ,eAAe;EACjB;EACAC,SAAS;EACTC,QAAQ;EACRC,OAAO;GACL,IAAI;GAGJ,gBAAgBb,eAAOc,QAAQD;GAC/B,iBAAiBb,eAAOe,SAASF;EACnC;EACAG,MAAM;GACJ,IAAI;GAEJ,GAAGC,OAAOC,KAAKlB,cAAM,CAAC,CAACmB,QAAQC,KAAKC,SAAS;IAC3CD,IAAI,QAAQC,UAAUrB,eAAOqB,KAAK,CAACL;IAEnC,OAAOI;GACT,GAAG,CAAC,CAAC;EACP;EACAE,QAAQ;GACN,IAAI;GAEJ,GAAGL,OAAOC,KAAKlB,cAAM,CAAC,CAACmB,QAAQC,KAAKC,SAAS;IAC3CD,IAAI,QAAQC,UAAUrB,eAAOqB,KAAK,CAACC;IAEnC,OAAOF;GACT,GAAG,CAAC,CAAC;GACL,eAAe;EACjB;CACF;AACF,CAAC;AAED,MAAaG,QAAQxB,WAAW,SAAAwB,MAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAI9B,MAAA,EAAApB,QAAAqB,MAAAC,kBAAwC3B,SAASsB,KAAK;CAAE,IAAAM;CAAA,IAAAJ,EAAA,OAAAG,iBAAAH,EAAA,OAAAE,QAAAF,EAAA,OAAAD,OAAAC,EAAA,OAAAnB,QAAA;EAGtDuB,KAAA,oBAAC,cAAD;GAAa,GAAKD;GAAoBJ;GAAWG;GAAcrB;EAAM,CAAA;EAAImB,EAAA,KAAAG;EAAAH,EAAA,KAAAE;EAAAF,EAAA,KAAAD;EAAAC,EAAA,KAAAnB;EAAAmB,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAAA,OAAzEI;AAAyE,CAE5E"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useDeprecationWarning } from "../../../_internal/hooks/use-deprecation-warning.js";
 import { c } from "react/compiler-runtime";
@@ -29,36 +29,33 @@ function useAlert(props) {
 	useDeprecationWarning(typeof type === "undefined", t3);
 	const _theme = isDisabled ? "disabled" : theme ?? type ?? "note";
 	let t4;
-	if ($[3] !== _theme || $[4] !== mods || $[5] !== shape) {
+	if ($[3] !== _theme || $[4] !== mods || $[5] !== props || $[6] !== shape || $[7] !== styles) {
+		const { theme: _statusTheme, ...domProps } = props;
+		let t5;
+		if ($[9] !== _theme || $[10] !== mods || $[11] !== shape) {
+			t5 = {
+				shape,
+				type: _theme,
+				...mods
+			};
+			$[9] = _theme;
+			$[10] = mods;
+			$[11] = shape;
+			$[12] = t5;
+		} else t5 = $[12];
 		t4 = {
-			shape,
-			type: _theme,
-			...mods
+			styles,
+			mods: t5,
+			filteredProps: filterBaseProps(domProps, { eventProps: true })
 		};
 		$[3] = _theme;
 		$[4] = mods;
-		$[5] = shape;
-		$[6] = t4;
-	} else t4 = $[6];
-	let t5;
-	if ($[7] !== props) {
-		t5 = filterBaseProps(props, { eventProps: true });
-		$[7] = props;
-		$[8] = t5;
-	} else t5 = $[8];
-	let t6;
-	if ($[9] !== styles || $[10] !== t4 || $[11] !== t5) {
-		t6 = {
-			styles,
-			mods: t4,
-			filteredProps: t5
-		};
-		$[9] = styles;
-		$[10] = t4;
-		$[11] = t5;
-		$[12] = t6;
-	} else t6 = $[12];
-	return t6;
+		$[5] = props;
+		$[6] = shape;
+		$[7] = styles;
+		$[8] = t4;
+	} else t4 = $[8];
+	return t4;
 }
 //#endregion
 export { useAlert };

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

@@ -1 +1 @@
-{"version":3,"file":"use-alert.js","names":["CONTAINER_STYLES","filterBaseProps","TEXT_STYLES","useDeprecationWarning","extractStyles","CubeAlertProps","STYLE_LIST","const","useAlert","props","$","_c","type","isDisabled","t0","theme","shape","t1","mods","undefined","t2","styles","t3","Symbol","for","property","name","betterAlternative","_theme","t4","t5","eventProps","t6","filteredProps","_c"],"sources":["../../../../src/components/content/Alert/use-alert.ts"],"sourcesContent":["import { CONTAINER_STYLES, filterBaseProps, TEXT_STYLES } from '@tenphi/tasty';\n\nimport { useDeprecationWarning } from '../../../_internal';\nimport { extractStyles } from '../../../utils/styles';\n\nimport { CubeAlertProps } from './types';\n\nconst STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES] as const;\n\nexport function useAlert(props: CubeAlertProps) {\n  const { type, isDisabled = false, theme, shape = 'card', mods } = props;\n\n  const styles = extractStyles(props, STYLE_LIST);\n\n  useDeprecationWarning(typeof type === 'undefined', {\n    property: 'type',\n    name: 'Alert',\n    betterAlternative: 'theme',\n  });\n\n  const _theme = isDisabled ? 'disabled' : (theme ?? type ?? 'note');\n\n  return {\n    styles,\n    mods: {\n      shape,\n      type: _theme,\n      ...mods,\n    },\n    filteredProps: filterBaseProps(props, { eventProps: true }),\n  };\n}\n"],"mappings":";;;;;;AAOA,MAAMM,aAAa,CAAC,GAAGN,kBAAkB,GAAGE,WAAW;AAEvD,SAAOM,SAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAA,EAAAC,MAAAC,YAAAC,IAAAC,OAAAC,OAAAC,IAAAC,SAAkET;CAApD,MAAAI,aAAAC,OAAAK,KAAAA,IAAA,QAAAL;CAA2B,MAAAE,QAAAC,OAAAE,KAAAA,IAAA,SAAAF;CAAc,IAAAG;CAAA,IAAAV,EAAA,OAAAD,OAAA;EAExCW,KAAAhB,cAAcK,OAAOH,UAAU;EAACI,EAAA,KAAAD;EAAAC,EAAA,KAAAU;CAAA,OAAAA,KAAAV,EAAA;CAA/C,MAAAW,SAAeD;CAAiC,IAAAE;CAAA,IAAAZ,EAAA,OAAAa,OAAAC,IAAA,2BAAA,GAAA;EAEGF,KAAA;GAAAG,UACvC;GAAMC,MACV;GAAOC,mBACM;EACrB;EAACjB,EAAA,KAAAY;CAAA,OAAAA,KAAAZ,EAAA;CAJDP,sBAAsB,OAAOS,SAAS,aAAaU,EAIlD;CAED,MAAAM,SAAef,aAAA,aAA2BE,SAAAH,QAAA;CAAyB,IAAAiB;CAAA,IAAAnB,EAAA,OAAAkB,UAAAlB,EAAA,OAAAQ,QAAAR,EAAA,OAAAM,OAAA;EAI3Da,KAAA;GAAAb;GAAAJ,MAEEgB;GAAM,GACTV;EACL;EAACR,EAAA,KAAAkB;EAAAlB,EAAA,KAAAQ;EAAAR,EAAA,KAAAM;EAAAN,EAAA,KAAAmB;CAAA,OAAAA,KAAAnB,EAAA;CAAA,IAAAoB;CAAA,IAAApB,EAAA,OAAAD,OAAA;EACcqB,KAAA7B,gBAAgBQ,OAAO,EAAAsB,YAAc,KAAK,CAAC;EAACrB,EAAA,KAAAD;EAAAC,EAAA,KAAAoB;CAAA,OAAAA,KAAApB,EAAA;CAAA,IAAAsB;CAAA,IAAAtB,EAAA,OAAAW,UAAAX,EAAA,QAAAmB,MAAAnB,EAAA,QAAAoB,IAAA;EAPtDE,KAAA;GAAAX;GAAAH,MAECW;GAILI,eACcH;EACjB;EAACpB,EAAA,KAAAW;EAAAX,EAAA,MAAAmB;EAAAnB,EAAA,MAAAoB;EAAApB,EAAA,MAAAsB;CAAA,OAAAA,KAAAtB,EAAA;CAAA,OARMsB;AAQN"}
+{"version":3,"file":"use-alert.js","names":["CONTAINER_STYLES","filterBaseProps","TEXT_STYLES","useDeprecationWarning","extractStyles","CubeAlertProps","STYLE_LIST","const","useAlert","props","$","_c","type","isDisabled","t0","theme","shape","t1","mods","undefined","t2","styles","t3","Symbol","for","property","name","betterAlternative","_theme","t4","_statusTheme","domProps","t5","filteredProps","eventProps","_c"],"sources":["../../../../src/components/content/Alert/use-alert.ts"],"sourcesContent":["import { CONTAINER_STYLES, filterBaseProps, TEXT_STYLES } from '@tenphi/tasty';\n\nimport { useDeprecationWarning } from '../../../_internal';\nimport { extractStyles } from '../../../utils/styles';\n\nimport { CubeAlertProps } from './types';\n\nconst STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES] as const;\n\nexport function useAlert(props: CubeAlertProps) {\n  const { type, isDisabled = false, theme, shape = 'card', mods } = props;\n\n  const styles = extractStyles(props, STYLE_LIST);\n\n  useDeprecationWarning(typeof type === 'undefined', {\n    property: 'type',\n    name: 'Alert',\n    betterAlternative: 'theme',\n  });\n\n  const _theme = isDisabled ? 'disabled' : (theme ?? type ?? 'note');\n\n  // `theme` is the kit's status theme, rendered through the `type` mod. Tasty's\n  // `filterBaseProps` keeps its own `theme` prop and renders it as\n  // `data-theme`, so it comes out before filtering.\n  const { theme: _statusTheme, ...domProps } = props;\n\n  return {\n    styles,\n    mods: {\n      shape,\n      type: _theme,\n      ...mods,\n    },\n    filteredProps: filterBaseProps(domProps, { eventProps: true }),\n  };\n}\n"],"mappings":";;;;;;AAOA,MAAMM,aAAa,CAAC,GAAGN,kBAAkB,GAAGE,WAAW;AAEvD,SAAOM,SAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAA,EAAAC,MAAAC,YAAAC,IAAAC,OAAAC,OAAAC,IAAAC,SAAkET;CAApD,MAAAI,aAAAC,OAAAK,KAAAA,IAAA,QAAAL;CAA2B,MAAAE,QAAAC,OAAAE,KAAAA,IAAA,SAAAF;CAAc,IAAAG;CAAA,IAAAV,EAAA,OAAAD,OAAA;EAExCW,KAAAhB,cAAcK,OAAOH,UAAU;EAACI,EAAA,KAAAD;EAAAC,EAAA,KAAAU;CAAA,OAAAA,KAAAV,EAAA;CAA/C,MAAAW,SAAeD;CAAiC,IAAAE;CAAA,IAAAZ,EAAA,OAAAa,OAAAC,IAAA,2BAAA,GAAA;EAEGF,KAAA;GAAAG,UACvC;GAAMC,MACV;GAAOC,mBACM;EACrB;EAACjB,EAAA,KAAAY;CAAA,OAAAA,KAAAZ,EAAA;CAJDP,sBAAsB,OAAOS,SAAS,aAAaU,EAIlD;CAED,MAAAM,SAAef,aAAA,aAA2BE,SAAAH,QAAA;CAAyB,IAAAiB;CAAA,IAAAnB,EAAA,OAAAkB,UAAAlB,EAAA,OAAAQ,QAAAR,EAAA,OAAAD,SAAAC,EAAA,OAAAM,SAAAN,EAAA,OAAAW,QAAA;EAKnE,MAAA,EAAAN,OAAAe,cAAA,GAAAC,aAA6CtB;EAAM,IAAAuB;EAAA,IAAAtB,EAAA,OAAAkB,UAAAlB,EAAA,QAAAQ,QAAAR,EAAA,QAAAM,OAAA;GAI3CgB,KAAA;IAAAhB;IAAAJ,MAEEgB;IAAM,GACTV;GACL;GAACR,EAAA,KAAAkB;GAAAlB,EAAA,MAAAQ;GAAAR,EAAA,MAAAM;GAAAN,EAAA,MAAAsB;EAAA,OAAAA,KAAAtB,EAAA;EANImB,KAAA;GAAAR;GAAAH,MAECc;GAILC,eACchC,gBAAgB8B,UAAU,EAAAG,YAAc,KAAK,CAAC;EAC/D;EAACxB,EAAA,KAAAkB;EAAAlB,EAAA,KAAAQ;EAAAR,EAAA,KAAAD;EAAAC,EAAA,KAAAM;EAAAN,EAAA,KAAAW;EAAAX,EAAA,KAAAmB;CAAA,OAAAA,KAAAnB,EAAA;CAAA,OARMmB;AAQN"}

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { Item as _Item } from "../Item/Item.js";
 import themes_default from "../../../data/themes.js";
 import { c } from "react/compiler-runtime";
@@ -35,9 +35,13 @@ const BadgeElement = tasty(_Item, {
 			"": "max($min-inline-padding, (($size - 1lh - 2bw) / 2 + $inline-compensation))",
 			"size=inline": ".5x"
 		},
+		overflow: {
+			"": "clip",
+			"has-end-content": "visible"
+		},
 		Label: {
 			textAlign: "center",
-			placeSelf: "center"
+			placeSelf: "center stretch"
 		}
 	}
 });