@cube-dev/ui-kit 0.196.0 → 0.198.0

package/dist/components/actions/use-action.d.ts

@@ -1,12 +1,10 @@
 
 import { NavigateArg, NavigateLike, NavigateOptions, Path, RelativeRoutingType, To } from "../../providers/navigation.types.js";
 import { AllBaseProps, TagName } from "@tenphi/tasty";
-import * as react from "react";
 import { AriaButtonProps } from "react-aria";
 import { FocusableRef } from "@react-types/shared";
-
 //#region src/components/actions/use-action.d.ts
-interface CubeUseActionProps<T extends TagName = 'a' | 'button' | 'span' | 'div'> extends AllBaseProps<T>, Omit<AriaButtonProps, keyof AllBaseProps<T> | 'type'> {
+export interface CubeUseActionProps<T extends TagName = 'a' | 'button' | 'span' | 'div'> extends AllBaseProps<T>, Omit<AriaButtonProps, keyof AllBaseProps<T> | 'type'> {
   to?: NavigateArg;
   /**
    * @deprecated Use `aria-label` for the accessible name, and `children` for
@@ -21,8 +19,8 @@ interface CubeUseActionProps<T extends TagName = 'a' | 'button' | 'span' | 'div'
  * @param {String} href
  * @param {String|Boolean} [target]
  */
-declare function openLink(href: any, target?: any): void;
-declare function parseTo(to: NavigateArg | undefined): {
+export declare function openLink(href: any, target?: any): void;
+export declare function parseTo(to: NavigateArg | undefined): {
   newTab: boolean;
   nativeRoute: boolean;
   cleanTo: To | undefined;
@@ -31,14 +29,7 @@ declare function parseTo(to: NavigateArg | undefined): {
   isHashNavigation: boolean;
   isExternal: boolean;
 };
-declare function performClickHandler(evt: any, {
-  navigate,
-  resolvedHref,
-  to,
-  onPress,
-  tracking,
-  navigationOptions
-}: {
+export declare function performClickHandler(evt: any, { navigate, resolvedHref, to, onPress, tracking, navigationOptions }: {
   navigate: any;
   resolvedHref: any;
   to: any;
@@ -46,25 +37,17 @@ declare function performClickHandler(evt: any, {
   tracking: any;
   navigationOptions: any;
 }): void;
-declare const useAction: ({
-  to,
-  as,
-  htmlType,
-  label,
-  mods,
-  onPress,
-  navigationOptions,
-  ...props
-}: CubeUseActionProps, ref: FocusableRef<HTMLElement>) => {
+export declare const useAction: ({ to, as, htmlType, label, mods, onPress, navigationOptions, ...props }: CubeUseActionProps, ref: FocusableRef<HTMLElement>) => {
   isPressed: boolean;
   actionProps: {
-    ref: any;
-    type: "button" | "submit" | "reset";
     rel: string | undefined;
-    as: "a" | "button" | "div" | "span" | react.ComponentType<any>;
+    as: "a" | "button" | "div" | "span" | import("react").ComponentType<any>;
     isDisabled: boolean | undefined;
     target: string | undefined;
     href: string | undefined;
+    'data-autofocus'?: string | undefined;
+    ref: any;
+    type: "button" | "submit" | "reset";
     mods: {
       hovered: boolean;
       pressed: boolean;
@@ -74,5 +57,5 @@ declare const useAction: ({
   };
 };
 //#endregion
-export { CubeUseActionProps, openLink, parseTo, performClickHandler, useAction };
+export type { NavigateArg };
 //# sourceMappingURL=use-action.d.ts.map

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.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";
@@ -10,11 +10,10 @@ import { c } from "react/compiler-runtime";
 import { filterBaseProps } from "@tenphi/tasty";
 import { useButton, useHover } from "react-aria";
 import { useFocusableRef } from "@react-spectrum/utils";
-
 //#region src/components/actions/use-action.ts
 const LINK_PRESS_EVENT = "Link Press";
 const BUTTON_PRESS_EVENT = "Button Press";
-const FILTER_OPTIONS = { propNames: new Set(["onMouseEnter", "onMouseLeave"]) };
+const FILTER_OPTIONS = { propNames: /* @__PURE__ */ new Set(["onMouseEnter", "onMouseLeave"]) };
 /**
 * Helper to open link.
 * @param {String} href
@@ -168,7 +167,7 @@ function performClickHandler(evt, { navigate, resolvedHref, to, onPress, trackin
 	}
 }
 const useAction = function useAction(t0, ref) {
-	const $ = c(18);
+	const $ = c(20);
 	let { to, as, htmlType, label, mods, onPress, navigationOptions, ...props } = t0;
 	let t1;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -193,8 +192,10 @@ const useAction = function useAction(t0, ref) {
 	const target = newTab ? "_blank" : props.target;
 	let href;
 	if ($[3] !== as || $[4] !== cleanTo || $[5] !== isExternal || $[6] !== nativeRoute || $[7] !== newTab || $[8] !== resolvedHref) {
-		if (as === "a" && cleanTo !== void 0) if (newTab || nativeRoute) href = typeof cleanTo === "string" && isExternal ? cleanTo : resolvedHref;
-		else href = resolvedHref;
+		if (as === "a" && cleanTo !== void 0) {
+			if (newTab || nativeRoute) href = typeof cleanTo === "string" && isExternal ? cleanTo : resolvedHref;
+			else href = resolvedHref;
+		}
 		$[3] = as;
 		$[4] = cleanTo;
 		$[5] = isExternal;
@@ -238,6 +239,12 @@ const useAction = function useAction(t0, ref) {
 	const customProps = cleanTo !== void 0 ? { onClick(evt_0) {
 		evt_0.preventDefault();
 	} } : {};
+	let t4;
+	if ($[18] !== props.autoFocus) {
+		t4 = props.autoFocus ? { "data-autofocus": "" } : void 0;
+		$[18] = props.autoFocus;
+		$[19] = t4;
+	} else t4 = $[19];
 	return {
 		isPressed,
 		actionProps: {
@@ -251,6 +258,7 @@ const useAction = function useAction(t0, ref) {
 			...mergeProps$1(buttonProps, hoverProps, focusProps, customProps, filterBaseProps(props, FILTER_OPTIONS)),
 			ref: domRef,
 			type: htmlType || "button",
+			...t4,
 			rel: as === "a" && newTab ? "noopener noreferrer" : void 0,
 			as,
 			isDisabled,
@@ -259,7 +267,7 @@ const useAction = function useAction(t0, ref) {
 		}
 	};
 };
-
 //#endregion
 export { openLink, parseTo, performClickHandler, useAction };
+
 //# sourceMappingURL=use-action.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-action.js","names":["useFocusableRef","FocusableRef","PressEvent","AllBaseProps","filterBaseProps","TagName","AriaButtonProps","useButton","useHover","useEvent","useWarn","isExternalUrl","normalizeNavigationUrl","useTracking","useNavigation","mergeProps","useFocus","NavigateArg","NavigateOptions","Path","To","LINK_PRESS_EVENT","BUTTON_PRESS_EVENT","NavigateLike","RelativeRoutingType","CubeUseActionProps","T","Omit","to","label","htmlType","navigationOptions","FILTER_OPTIONS","propNames","Set","openLink","href","target","link","document","createElement","rel","body","appendChild","click","removeChild","parseTo","newTab","nativeRoute","cleanTo","isHistoryNavigation","historyDelta","isHashNavigation","isExternal","undefined","value","startsWith","slice","SanitizedPressEvent","type","pointerType","shiftKey","metaKey","ctrlKey","altKey","key","sanitizePressEvent","evt","safeEvt","Object","defineProperty","enumerable","configurable","e","performClickHandler","navigate","resolvedHref","onPress","tracking","element","qa","getAttribute","event","delta","id","targetElement","getElementById","scrollIntoView","behavior","block","inline","window","location","reload","assign","useAction","t0","ref","$","_c","as","mods","props","t1","Symbol","for","args","isDisabled","t2","domRef","mergedNavigationOptions","t3","customOnPress","buttonProps","isPressed","hoverProps","isHovered","focusProps","isFocused","customProps","onClick","evt_0","preventDefault","actionProps","hovered","pressed","focused","disabled"],"sources":["../../../src/components/actions/use-action.ts"],"sourcesContent":["import { useFocusableRef } from '@react-spectrum/utils';\nimport { FocusableRef, PressEvent } from '@react-types/shared';\nimport { AllBaseProps, filterBaseProps, TagName } from '@tenphi/tasty';\nimport { AriaButtonProps, useButton, useHover } from 'react-aria';\n\nimport { useEvent, useWarn } from '../../_internal';\nimport {\n  isExternalUrl,\n  normalizeNavigationUrl,\n} from '../../providers/navigation-url';\nimport { useTracking } from '../../providers/TrackingProvider';\nimport { useNavigation } from '../../providers/use-navigation';\nimport { mergeProps } from '../../utils/react';\nimport { useFocus } from '../../utils/react/interactions';\n\n// Import specific types for internal usage\nimport type {\n  NavigateArg,\n  NavigateOptions,\n  Path,\n  To,\n} from '../../providers/navigation.types';\n\nconst LINK_PRESS_EVENT = 'Link Press';\nconst BUTTON_PRESS_EVENT = 'Button Press';\n\n// Re-export types for convenience\nexport type {\n  NavigateLike,\n  Path,\n  To,\n  NavigateArg,\n  NavigateOptions,\n  RelativeRoutingType,\n} from '../../providers/navigation.types';\n\nexport interface CubeUseActionProps<\n  T extends TagName = 'a' | 'button' | 'span' | 'div',\n> extends AllBaseProps<T>,\n    Omit<AriaButtonProps, keyof AllBaseProps<T> | 'type'> {\n  to?: NavigateArg;\n  /**\n   * @deprecated Use `aria-label` for the accessible name, and `children` for\n   * visible text. Not every action honours it: `ItemAction` ignores it.\n   */\n  label?: string;\n  htmlType?: 'button' | 'submit' | 'reset' | undefined;\n  navigationOptions?: NavigateOptions;\n}\n\nconst FILTER_OPTIONS = { propNames: new Set(['onMouseEnter', 'onMouseLeave']) };\n\n/**\n * Helper to open link.\n * @param {String} href\n * @param {String|Boolean} [target]\n */\nexport function openLink(href, target?) {\n  const link = document.createElement('a');\n\n  link.href = href;\n\n  if (target) {\n    link.target = target === true ? '_blank' : target;\n    // Prevent reverse tabnabbing when opening in a new tab\n    link.rel = 'noopener noreferrer';\n  }\n\n  document.body.appendChild(link);\n\n  link.click();\n\n  document.body.removeChild(link);\n}\n\nexport function parseTo(to: NavigateArg | undefined): {\n  newTab: boolean;\n  nativeRoute: boolean;\n  cleanTo: To | undefined;\n  isHistoryNavigation: boolean;\n  historyDelta?: number;\n  isHashNavigation: boolean;\n  isExternal: boolean;\n} {\n  // Handle number (history navigation)\n  if (typeof to === 'number') {\n    return {\n      newTab: false,\n      nativeRoute: false,\n      cleanTo: undefined,\n      isHistoryNavigation: true,\n      historyDelta: to,\n      isHashNavigation: false,\n      isExternal: false,\n    };\n  }\n\n  // Handle object path\n  if (to && typeof to === 'object') {\n    return {\n      newTab: false,\n      nativeRoute: false,\n      cleanTo: to,\n      isHistoryNavigation: false,\n      isHashNavigation: false,\n      isExternal: false,\n    };\n  }\n\n  // Handle string. Clean it first, as the URL parser does, so ` !https://…`\n  // still opens a tab and a blank value counts as no destination.\n  const value = typeof to === 'string' ? normalizeNavigationUrl(to) : '';\n\n  if (!value) {\n    return {\n      newTab: false,\n      nativeRoute: false,\n      cleanTo: undefined,\n      isHistoryNavigation: false,\n      isHashNavigation: false,\n      isExternal: false,\n    };\n  }\n\n  const newTab = value.startsWith('!');\n  const nativeRoute = value.startsWith('@');\n  const isHashNavigation = value.startsWith('#');\n  const cleanTo =\n    newTab || nativeRoute ? normalizeNavigationUrl(value.slice(1)) : value;\n  const isExternal = isExternalUrl(cleanTo);\n\n  return {\n    newTab,\n    nativeRoute,\n    cleanTo,\n    isHistoryNavigation: false,\n    isHashNavigation,\n    isExternal,\n  };\n}\n\ninterface SanitizedPressEvent {\n  type?: string;\n  pointerType?: string;\n  shiftKey: boolean;\n  metaKey: boolean;\n  ctrlKey: boolean;\n  altKey: boolean;\n  // target is defined as a non-enumerable property below\n  [key: string]: unknown; // allow non-enumerable 'target'\n}\n\nfunction sanitizePressEvent(evt: PressEvent): SanitizedPressEvent {\n  const safeEvt: SanitizedPressEvent = {\n    type: 'type' in evt ? evt.type : undefined,\n    pointerType:\n      'pointerType' in evt\n        ? (evt as { pointerType?: string }).pointerType\n        : undefined,\n    shiftKey:\n      'shiftKey' in evt ? !!(evt as { shiftKey?: boolean }).shiftKey : false,\n    metaKey:\n      'metaKey' in evt ? !!(evt as { metaKey?: boolean }).metaKey : false,\n    ctrlKey:\n      'ctrlKey' in evt ? !!(evt as { ctrlKey?: boolean }).ctrlKey : false,\n    altKey: 'altKey' in evt ? !!(evt as { altKey?: boolean }).altKey : false,\n  };\n  try {\n    Object.defineProperty(safeEvt, 'target', {\n      value: 'target' in evt ? (evt as { target?: unknown }).target : undefined,\n      enumerable: false,\n      configurable: true,\n    });\n  } catch (e) {\n    // Failed to define target property - continue without it\n  }\n  return safeEvt;\n}\n\nexport function performClickHandler(\n  evt,\n  { navigate, resolvedHref, to, onPress, tracking, navigationOptions },\n) {\n  const {\n    newTab,\n    nativeRoute,\n    cleanTo,\n    isHistoryNavigation,\n    historyDelta,\n    isHashNavigation,\n    isExternal,\n  } = parseTo(to);\n  const element = evt.target;\n  const qa = element?.getAttribute('data-qa');\n\n  onPress?.(sanitizePressEvent(evt));\n\n  if (to == null) {\n    // Allow 0 as valid navigation (go to current page)\n    tracking.event(BUTTON_PRESS_EVENT, { qa }, element);\n    return;\n  }\n\n  // Handle history navigation (back/forward)\n  if (isHistoryNavigation && typeof historyDelta === 'number') {\n    tracking.event(\n      LINK_PRESS_EVENT,\n      { qa, delta: historyDelta, type: 'router-history' },\n      element,\n    );\n    navigate(historyDelta);\n    return;\n  }\n\n  // Handle hash navigation (smooth scroll)\n  if (isHashNavigation && typeof cleanTo === 'string') {\n    const id = cleanTo.slice(1);\n    const targetElement = document.getElementById(id);\n\n    tracking.event(\n      LINK_PRESS_EVENT,\n      { qa, href: cleanTo, type: 'hash', target: id },\n      element,\n    );\n\n    if (targetElement) {\n      targetElement.scrollIntoView({\n        behavior: 'smooth',\n        block: 'start',\n        inline: 'nearest',\n      });\n    }\n    return;\n  }\n\n  // Handle new tab (via ! prefix or user modifiers)\n  if (evt.shiftKey || evt.metaKey || (evt as any).ctrlKey || newTab) {\n    openLink(resolvedHref, true);\n    tracking.event(\n      LINK_PRESS_EVENT,\n      { qa, href: resolvedHref, type: 'tab' },\n      element,\n    );\n    return;\n  }\n\n  // Handle @ prefix (native navigation)\n  if (nativeRoute) {\n    if (cleanTo === '' || cleanTo === undefined) {\n      // @'' or @ -> reload current page\n      tracking.event(LINK_PRESS_EVENT, { qa, type: 'native' }, element);\n      window.location.reload();\n    } else {\n      // @path -> navigate to resolved path natively\n      tracking.event(\n        LINK_PRESS_EVENT,\n        { qa, href: resolvedHref, type: 'native' },\n        element,\n      );\n      window.location.assign(resolvedHref);\n    }\n    return;\n  }\n\n  // Handle external URLs (always native)\n  if (isExternal && typeof cleanTo === 'string') {\n    tracking.event(\n      LINK_PRESS_EVENT,\n      { qa, href: cleanTo, type: 'native' },\n      element,\n    );\n    window.location.assign(cleanTo);\n    return;\n  }\n\n  // Handle router navigation\n  if (cleanTo !== undefined) {\n    tracking.event(\n      LINK_PRESS_EVENT,\n      { qa, href: resolvedHref, type: 'router' },\n      element,\n    );\n    navigate(cleanTo, navigationOptions);\n  }\n}\n\nexport const useAction = function useAction(\n  {\n    to,\n    as,\n    htmlType,\n    label,\n    mods,\n    onPress,\n    navigationOptions,\n    ...props\n  }: CubeUseActionProps,\n  ref: FocusableRef<HTMLElement>,\n) {\n  useWarn(label !== undefined, {\n    key: 'action-label-deprecated',\n    args: [\n      'The \"label\" property of Button, ItemButton, ItemAction and Action is deprecated. Use \"aria-label\" for the accessible name and \"children\" for visible text.',\n    ],\n  });\n\n  const tracking = useTracking();\n  const isDisabled = props.isDisabled;\n\n  const {\n    newTab,\n    nativeRoute,\n    cleanTo,\n    isHistoryNavigation,\n    isHashNavigation,\n    isExternal,\n  } = parseTo(to);\n\n  // Resolve the path with its `!` / `@` prefix stripped, and only that. Also\n  // resolving the raw `to` put `!https://…` through the router as a route,\n  // which a HashRouter warned about on every render.\n  const { navigate, resolvedHref } = useNavigation(cleanTo || '.');\n\n  // Determine element type: 'a' for navigation, 'button' for actions\n  as = cleanTo !== undefined ? 'a' : as || 'button';\n\n  // Compute target (prefixes override explicit target prop per spec)\n  const target = newTab ? '_blank' : props.target;\n\n  // Compute href for anchor elements\n  let href: string | undefined;\n  if (as === 'a' && cleanTo !== undefined) {\n    if (newTab || nativeRoute) {\n      // For ! and @ prefixes, resolve the clean path\n      href =\n        typeof cleanTo === 'string' && isExternal\n          ? cleanTo // External URLs as-is\n          : resolvedHref;\n    } else {\n      // Regular navigation\n      href = resolvedHref;\n    }\n  }\n\n  const domRef = useFocusableRef(ref);\n\n  // Use navigation options directly\n  const mergedNavigationOptions = navigationOptions;\n\n  const customOnPress = useEvent((evt: PressEvent) => {\n    performClickHandler(evt, {\n      navigate,\n      resolvedHref: href || resolvedHref,\n      to,\n      onPress,\n      tracking,\n      navigationOptions: mergedNavigationOptions,\n    });\n  });\n\n  // Native DOM props keep their HTML event targets and value types. Aria\n  // handles the same element and forwards value without changing it.\n  let { buttonProps, isPressed } = useButton(\n    {\n      'aria-label': label, // deprecated, see `CubeUseActionProps.label`\n      ...props,\n      onPress: customOnPress,\n      type: htmlType ?? 'button',\n    } as AriaButtonProps,\n    domRef,\n  );\n  let { hoverProps, isHovered } = useHover({ isDisabled });\n  let { focusProps, isFocused } = useFocus(true);\n\n  const customProps =\n    cleanTo !== undefined\n      ? {\n          onClick(evt) {\n            evt.preventDefault();\n          },\n        }\n      : {};\n\n  return {\n    isPressed,\n    actionProps: {\n      mods: {\n        hovered: isHovered && !isDisabled,\n        pressed: isPressed && !isDisabled,\n        // A disabled action that keeps focus (`aria-disabled`, see\n        // `getDisabledElementProps`) still shows where focus is.\n        focused: isFocused,\n        disabled: isDisabled,\n        ...mods,\n      },\n      ...(mergeProps(\n        buttonProps,\n        hoverProps,\n        focusProps,\n        customProps,\n        filterBaseProps(props, FILTER_OPTIONS),\n      ) as object),\n      ref: domRef,\n      type: htmlType || 'button',\n      rel: as === 'a' && newTab ? 'noopener noreferrer' : undefined,\n      as,\n      isDisabled,\n      target,\n      href,\n    },\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"use-action.js","names":["useFocusableRef","FocusableRef","PressEvent","AllBaseProps","filterBaseProps","TagName","AriaButtonProps","useButton","useHover","useEvent","useWarn","isExternalUrl","normalizeNavigationUrl","useTracking","useNavigation","mergeProps","useFocus","NavigateArg","NavigateOptions","Path","To","LINK_PRESS_EVENT","BUTTON_PRESS_EVENT","NavigateLike","RelativeRoutingType","CubeUseActionProps","T","Omit","to","label","htmlType","navigationOptions","FILTER_OPTIONS","propNames","Set","openLink","href","target","link","document","createElement","rel","body","appendChild","click","removeChild","parseTo","newTab","nativeRoute","cleanTo","isHistoryNavigation","historyDelta","isHashNavigation","isExternal","undefined","value","startsWith","slice","SanitizedPressEvent","type","pointerType","shiftKey","metaKey","ctrlKey","altKey","key","sanitizePressEvent","evt","safeEvt","Object","defineProperty","enumerable","configurable","e","performClickHandler","navigate","resolvedHref","onPress","tracking","element","qa","getAttribute","event","delta","id","targetElement","getElementById","scrollIntoView","behavior","block","inline","window","location","reload","assign","useAction","t0","ref","$","_c","as","mods","props","t1","Symbol","for","args","isDisabled","t2","domRef","mergedNavigationOptions","t3","customOnPress","buttonProps","isPressed","hoverProps","isHovered","focusProps","isFocused","customProps","onClick","evt_0","preventDefault","t4","autoFocus","actionProps","hovered","pressed","focused","disabled","_c","useFocus","mergeProps"],"sources":["../../../src/components/actions/use-action.ts"],"sourcesContent":["import { useFocusableRef } from '@react-spectrum/utils';\nimport { FocusableRef, PressEvent } from '@react-types/shared';\nimport { AllBaseProps, filterBaseProps, TagName } from '@tenphi/tasty';\nimport { AriaButtonProps, useButton, useHover } from 'react-aria';\n\nimport { useEvent, useWarn } from '../../_internal';\nimport {\n  isExternalUrl,\n  normalizeNavigationUrl,\n} from '../../providers/navigation-url';\nimport { useTracking } from '../../providers/TrackingProvider';\nimport { useNavigation } from '../../providers/use-navigation';\nimport { mergeProps } from '../../utils/react';\nimport { useFocus } from '../../utils/react/interactions';\n\n// Import specific types for internal usage\nimport type {\n  NavigateArg,\n  NavigateOptions,\n  Path,\n  To,\n} from '../../providers/navigation.types';\n\nconst LINK_PRESS_EVENT = 'Link Press';\nconst BUTTON_PRESS_EVENT = 'Button Press';\n\n// Re-export types for convenience\nexport type {\n  NavigateLike,\n  Path,\n  To,\n  NavigateArg,\n  NavigateOptions,\n  RelativeRoutingType,\n} from '../../providers/navigation.types';\n\nexport interface CubeUseActionProps<\n  T extends TagName = 'a' | 'button' | 'span' | 'div',\n>\n  extends\n    AllBaseProps<T>,\n    Omit<AriaButtonProps, keyof AllBaseProps<T> | 'type'> {\n  to?: NavigateArg;\n  /**\n   * @deprecated Use `aria-label` for the accessible name, and `children` for\n   * visible text. Not every action honours it: `ItemAction` ignores it.\n   */\n  label?: string;\n  htmlType?: 'button' | 'submit' | 'reset' | undefined;\n  navigationOptions?: NavigateOptions;\n}\n\nconst FILTER_OPTIONS = { propNames: new Set(['onMouseEnter', 'onMouseLeave']) };\n\n/**\n * Helper to open link.\n * @param {String} href\n * @param {String|Boolean} [target]\n */\nexport function openLink(href, target?) {\n  const link = document.createElement('a');\n\n  link.href = href;\n\n  if (target) {\n    link.target = target === true ? '_blank' : target;\n    // Prevent reverse tabnabbing when opening in a new tab\n    link.rel = 'noopener noreferrer';\n  }\n\n  document.body.appendChild(link);\n\n  link.click();\n\n  document.body.removeChild(link);\n}\n\nexport function parseTo(to: NavigateArg | undefined): {\n  newTab: boolean;\n  nativeRoute: boolean;\n  cleanTo: To | undefined;\n  isHistoryNavigation: boolean;\n  historyDelta?: number;\n  isHashNavigation: boolean;\n  isExternal: boolean;\n} {\n  // Handle number (history navigation)\n  if (typeof to === 'number') {\n    return {\n      newTab: false,\n      nativeRoute: false,\n      cleanTo: undefined,\n      isHistoryNavigation: true,\n      historyDelta: to,\n      isHashNavigation: false,\n      isExternal: false,\n    };\n  }\n\n  // Handle object path\n  if (to && typeof to === 'object') {\n    return {\n      newTab: false,\n      nativeRoute: false,\n      cleanTo: to,\n      isHistoryNavigation: false,\n      isHashNavigation: false,\n      isExternal: false,\n    };\n  }\n\n  // Handle string. Clean it first, as the URL parser does, so ` !https://…`\n  // still opens a tab and a blank value counts as no destination.\n  const value = typeof to === 'string' ? normalizeNavigationUrl(to) : '';\n\n  if (!value) {\n    return {\n      newTab: false,\n      nativeRoute: false,\n      cleanTo: undefined,\n      isHistoryNavigation: false,\n      isHashNavigation: false,\n      isExternal: false,\n    };\n  }\n\n  const newTab = value.startsWith('!');\n  const nativeRoute = value.startsWith('@');\n  const isHashNavigation = value.startsWith('#');\n  const cleanTo =\n    newTab || nativeRoute ? normalizeNavigationUrl(value.slice(1)) : value;\n  const isExternal = isExternalUrl(cleanTo);\n\n  return {\n    newTab,\n    nativeRoute,\n    cleanTo,\n    isHistoryNavigation: false,\n    isHashNavigation,\n    isExternal,\n  };\n}\n\ninterface SanitizedPressEvent {\n  type?: string;\n  pointerType?: string;\n  shiftKey: boolean;\n  metaKey: boolean;\n  ctrlKey: boolean;\n  altKey: boolean;\n  // target is defined as a non-enumerable property below\n  [key: string]: unknown; // allow non-enumerable 'target'\n}\n\nfunction sanitizePressEvent(evt: PressEvent): SanitizedPressEvent {\n  const safeEvt: SanitizedPressEvent = {\n    type: 'type' in evt ? evt.type : undefined,\n    pointerType:\n      'pointerType' in evt\n        ? (evt as { pointerType?: string }).pointerType\n        : undefined,\n    shiftKey:\n      'shiftKey' in evt ? !!(evt as { shiftKey?: boolean }).shiftKey : false,\n    metaKey:\n      'metaKey' in evt ? !!(evt as { metaKey?: boolean }).metaKey : false,\n    ctrlKey:\n      'ctrlKey' in evt ? !!(evt as { ctrlKey?: boolean }).ctrlKey : false,\n    altKey: 'altKey' in evt ? !!(evt as { altKey?: boolean }).altKey : false,\n  };\n  try {\n    Object.defineProperty(safeEvt, 'target', {\n      value: 'target' in evt ? (evt as { target?: unknown }).target : undefined,\n      enumerable: false,\n      configurable: true,\n    });\n  } catch (e) {\n    // Failed to define target property - continue without it\n  }\n  return safeEvt;\n}\n\nexport function performClickHandler(\n  evt,\n  { navigate, resolvedHref, to, onPress, tracking, navigationOptions },\n) {\n  const {\n    newTab,\n    nativeRoute,\n    cleanTo,\n    isHistoryNavigation,\n    historyDelta,\n    isHashNavigation,\n    isExternal,\n  } = parseTo(to);\n  const element = evt.target;\n  const qa = element?.getAttribute('data-qa');\n\n  onPress?.(sanitizePressEvent(evt));\n\n  if (to == null) {\n    // Allow 0 as valid navigation (go to current page)\n    tracking.event(BUTTON_PRESS_EVENT, { qa }, element);\n    return;\n  }\n\n  // Handle history navigation (back/forward)\n  if (isHistoryNavigation && typeof historyDelta === 'number') {\n    tracking.event(\n      LINK_PRESS_EVENT,\n      { qa, delta: historyDelta, type: 'router-history' },\n      element,\n    );\n    navigate(historyDelta);\n    return;\n  }\n\n  // Handle hash navigation (smooth scroll)\n  if (isHashNavigation && typeof cleanTo === 'string') {\n    const id = cleanTo.slice(1);\n    const targetElement = document.getElementById(id);\n\n    tracking.event(\n      LINK_PRESS_EVENT,\n      { qa, href: cleanTo, type: 'hash', target: id },\n      element,\n    );\n\n    if (targetElement) {\n      targetElement.scrollIntoView({\n        behavior: 'smooth',\n        block: 'start',\n        inline: 'nearest',\n      });\n    }\n    return;\n  }\n\n  // Handle new tab (via ! prefix or user modifiers)\n  if (evt.shiftKey || evt.metaKey || (evt as any).ctrlKey || newTab) {\n    openLink(resolvedHref, true);\n    tracking.event(\n      LINK_PRESS_EVENT,\n      { qa, href: resolvedHref, type: 'tab' },\n      element,\n    );\n    return;\n  }\n\n  // Handle @ prefix (native navigation)\n  if (nativeRoute) {\n    if (cleanTo === '' || cleanTo === undefined) {\n      // @'' or @ -> reload current page\n      tracking.event(LINK_PRESS_EVENT, { qa, type: 'native' }, element);\n      window.location.reload();\n    } else {\n      // @path -> navigate to resolved path natively\n      tracking.event(\n        LINK_PRESS_EVENT,\n        { qa, href: resolvedHref, type: 'native' },\n        element,\n      );\n      window.location.assign(resolvedHref);\n    }\n    return;\n  }\n\n  // Handle external URLs (always native)\n  if (isExternal && typeof cleanTo === 'string') {\n    tracking.event(\n      LINK_PRESS_EVENT,\n      { qa, href: cleanTo, type: 'native' },\n      element,\n    );\n    window.location.assign(cleanTo);\n    return;\n  }\n\n  // Handle router navigation\n  if (cleanTo !== undefined) {\n    tracking.event(\n      LINK_PRESS_EVENT,\n      { qa, href: resolvedHref, type: 'router' },\n      element,\n    );\n    navigate(cleanTo, navigationOptions);\n  }\n}\n\nexport const useAction = function useAction(\n  {\n    to,\n    as,\n    htmlType,\n    label,\n    mods,\n    onPress,\n    navigationOptions,\n    ...props\n  }: CubeUseActionProps,\n  ref: FocusableRef<HTMLElement>,\n) {\n  useWarn(label !== undefined, {\n    key: 'action-label-deprecated',\n    args: [\n      'The \"label\" property of Button, ItemButton, ItemAction and Action is deprecated. Use \"aria-label\" for the accessible name and \"children\" for visible text.',\n    ],\n  });\n\n  const tracking = useTracking();\n  const isDisabled = props.isDisabled;\n\n  const {\n    newTab,\n    nativeRoute,\n    cleanTo,\n    isHistoryNavigation,\n    isHashNavigation,\n    isExternal,\n  } = parseTo(to);\n\n  // Resolve the path with its `!` / `@` prefix stripped, and only that. Also\n  // resolving the raw `to` put `!https://…` through the router as a route,\n  // which a HashRouter warned about on every render.\n  const { navigate, resolvedHref } = useNavigation(cleanTo || '.');\n\n  // Determine element type: 'a' for navigation, 'button' for actions\n  as = cleanTo !== undefined ? 'a' : as || 'button';\n\n  // Compute target (prefixes override explicit target prop per spec)\n  const target = newTab ? '_blank' : props.target;\n\n  // Compute href for anchor elements\n  let href: string | undefined;\n  if (as === 'a' && cleanTo !== undefined) {\n    if (newTab || nativeRoute) {\n      // For ! and @ prefixes, resolve the clean path\n      href =\n        typeof cleanTo === 'string' && isExternal\n          ? cleanTo // External URLs as-is\n          : resolvedHref;\n    } else {\n      // Regular navigation\n      href = resolvedHref;\n    }\n  }\n\n  const domRef = useFocusableRef(ref);\n\n  // Use navigation options directly\n  const mergedNavigationOptions = navigationOptions;\n\n  const customOnPress = useEvent((evt: PressEvent) => {\n    performClickHandler(evt, {\n      navigate,\n      resolvedHref: href || resolvedHref,\n      to,\n      onPress,\n      tracking,\n      navigationOptions: mergedNavigationOptions,\n    });\n  });\n\n  // Native DOM props keep their HTML event targets and value types. Aria\n  // handles the same element and forwards value without changing it.\n  let { buttonProps, isPressed } = useButton(\n    {\n      'aria-label': label, // deprecated, see `CubeUseActionProps.label`\n      ...props,\n      onPress: customOnPress,\n      type: htmlType ?? 'button',\n    } as AriaButtonProps,\n    domRef,\n  );\n  let { hoverProps, isHovered } = useHover({ isDisabled });\n  let { focusProps, isFocused } = useFocus(true);\n\n  const customProps =\n    cleanTo !== undefined\n      ? {\n          onClick(evt) {\n            evt.preventDefault();\n          },\n        }\n      : {};\n\n  return {\n    isPressed,\n    actionProps: {\n      mods: {\n        hovered: isHovered && !isDisabled,\n        pressed: isPressed && !isDisabled,\n        // A disabled action that keeps focus (`aria-disabled`, see\n        // `getDisabledElementProps`) still shows where focus is.\n        focused: isFocused,\n        disabled: isDisabled,\n        ...mods,\n      },\n      ...(mergeProps(\n        buttonProps,\n        hoverProps,\n        focusProps,\n        customProps,\n        filterBaseProps(props, FILTER_OPTIONS),\n      ) as object),\n      ref: domRef,\n      type: htmlType || 'button',\n      // `autoFocus` acts when the action mounts, and a dialog kept mounted\n      // while closed (`hideOnClose`) mounts hidden: it focuses the marked\n      // control on every open instead.\n      ...(props.autoFocus ? { 'data-autofocus': '' } : undefined),\n      rel: as === 'a' && newTab ? 'noopener noreferrer' : undefined,\n      as,\n      isDisabled,\n      target,\n      href,\n    },\n  };\n};\n"],"mappings":";;;;;;;;;;;;;AAuBA,MAAMqB,mBAAmB;AACzB,MAAMC,qBAAqB;AA4B3B,MAAMU,iBAAiB,EAAEC,2BAAW,IAAIC,IAAI,CAAC,gBAAgB,cAAc,CAAC,EAAE;;;;;;AAO9E,SAAgBC,SAASC,MAAMC,QAAS;CACtC,MAAMC,OAAOC,SAASC,cAAc,GAAG;CAEvCF,KAAKF,OAAOA;CAEZ,IAAIC,QAAQ;EACVC,KAAKD,SAASA,WAAW,OAAO,WAAWA;EAE3CC,KAAKG,MAAM;CACb;CAEAF,SAASG,KAAKC,YAAYL,IAAI;CAE9BA,KAAKM,MAAM;CAEXL,SAASG,KAAKG,YAAYP,IAAI;AAChC;AAEA,SAAgBQ,QAAQlB,IAQtB;CAEA,IAAI,OAAOA,OAAO,UAChB,OAAO;EACLmB,QAAQ;EACRC,aAAa;EACbC,SAASK,KAAAA;EACTJ,qBAAqB;EACrBC,cAAcvB;EACdwB,kBAAkB;EAClBC,YAAY;CACd;CAIF,IAAIzB,MAAM,OAAOA,OAAO,UACtB,OAAO;EACLmB,QAAQ;EACRC,aAAa;EACbC,SAASrB;EACTsB,qBAAqB;EACrBE,kBAAkB;EAClBC,YAAY;CACd;CAKF,MAAME,QAAQ,OAAO3B,OAAO,WAAWhB,uBAAuBgB,EAAE,IAAI;CAEpE,IAAI,CAAC2B,OACH,OAAO;EACLR,QAAQ;EACRC,aAAa;EACbC,SAASK,KAAAA;EACTJ,qBAAqB;EACrBE,kBAAkB;EAClBC,YAAY;CACd;CAGF,MAAMN,SAASQ,MAAMC,WAAW,GAAG;CACnC,MAAMR,cAAcO,MAAMC,WAAW,GAAG;CACxC,MAAMJ,mBAAmBG,MAAMC,WAAW,GAAG;CAC7C,MAAMP,UACJF,UAAUC,cAAcpC,uBAAuB2C,MAAME,MAAM,CAAC,CAAC,IAAIF;CAGnE,OAAO;EACLR;EACAC;EACAC;EACAC,qBAAqB;EACrBE;EACAC,YARiB1C,cAAcsC,OAQ/BI;CACF;AACF;AAaA,SAASa,mBAAmBC,KAAsC;CAChE,MAAMC,UAA+B;EACnCT,MAAM,UAAUQ,MAAMA,IAAIR,OAAOL,KAAAA;EACjCM,aACE,iBAAiBO,MACZA,IAAiCP,cAClCN,KAAAA;EACNO,UACE,cAAcM,MAAM,CAAC,CAAEA,IAA+BN,WAAW;EACnEC,SACE,aAAaK,MAAM,CAAC,CAAEA,IAA8BL,UAAU;EAChEC,SACE,aAAaI,MAAM,CAAC,CAAEA,IAA8BJ,UAAU;EAChEC,QAAQ,YAAYG,MAAM,CAAC,CAAEA,IAA6BH,SAAS;CACrE;CACA,IAAI;EACFK,OAAOC,eAAeF,SAAS,UAAU;GACvCb,OAAO,YAAYY,MAAOA,IAA6B9B,SAASiB,KAAAA;GAChEiB,YAAY;GACZC,cAAc;EAChB,CAAC;CACH,SAASC,GAAG,CACV;CAEF,OAAOL;AACT;AAEA,SAAgBM,oBACdP,KACA,EAAEQ,UAAUC,cAAchD,IAAIiD,SAASC,UAAU/C,qBACjD;CACA,MAAM,EACJgB,QACAC,aACAC,SACAC,qBACAC,cACAC,kBACAC,eACEP,QAAQlB,EAAE;CACd,MAAMmD,UAAUZ,IAAI9B;CACpB,MAAM2C,KAAKD,SAASE,aAAa,SAAS;CAE1CJ,UAAUX,mBAAmBC,GAAG,CAAC;CAEjC,IAAIvC,MAAM,MAAM;EAEdkD,SAASI,MAAM5D,oBAAoB,EAAE0D,GAAG,GAAGD,OAAO;EAClD;CACF;CAGA,IAAI7B,uBAAuB,OAAOC,iBAAiB,UAAU;EAC3D2B,SAASI,MACP7D,kBACA;GAAE2D;GAAIG,OAAOhC;GAAcQ,MAAM;EAAiB,GAClDoB,OACF;EACAJ,SAASxB,YAAY;EACrB;CACF;CAGA,IAAIC,oBAAoB,OAAOH,YAAY,UAAU;EACnD,MAAMmC,KAAKnC,QAAQQ,MAAM,CAAC;EAC1B,MAAM4B,gBAAgB9C,SAAS+C,eAAeF,EAAE;EAEhDN,SAASI,MACP7D,kBACA;GAAE2D;GAAI5C,MAAMa;GAASU,MAAM;GAAQtB,QAAQ+C;EAAG,GAC9CL,OACF;EAEA,IAAIM,eACFA,cAAcE,eAAe;GAC3BC,UAAU;GACVC,OAAO;GACPC,QAAQ;EACV,CAAC;EAEH;CACF;CAGA,IAAIvB,IAAIN,YAAYM,IAAIL,WAAYK,IAAYJ,WAAWhB,QAAQ;EACjEZ,SAASyC,cAAc,IAAI;EAC3BE,SAASI,MACP7D,kBACA;GAAE2D;GAAI5C,MAAMwC;GAAcjB,MAAM;EAAM,GACtCoB,OACF;EACA;CACF;CAGA,IAAI/B,aAAa;EACf,IAAIC,YAAY,MAAMA,YAAYK,KAAAA,GAAW;GAE3CwB,SAASI,MAAM7D,kBAAkB;IAAE2D;IAAIrB,MAAM;GAAS,GAAGoB,OAAO;GAChEY,OAAOC,SAASC,OAAO;EACzB,OAAO;GAELf,SAASI,MACP7D,kBACA;IAAE2D;IAAI5C,MAAMwC;IAAcjB,MAAM;GAAS,GACzCoB,OACF;GACAY,OAAOC,SAASE,OAAOlB,YAAY;EACrC;EACA;CACF;CAGA,IAAIvB,cAAc,OAAOJ,YAAY,UAAU;EAC7C6B,SAASI,MACP7D,kBACA;GAAE2D;GAAI5C,MAAMa;GAASU,MAAM;EAAS,GACpCoB,OACF;EACAY,OAAOC,SAASE,OAAO7C,OAAO;EAC9B;CACF;CAGA,IAAIA,YAAYK,KAAAA,GAAW;EACzBwB,SAASI,MACP7D,kBACA;GAAE2D;GAAI5C,MAAMwC;GAAcjB,MAAM;EAAS,GACzCoB,OACF;EACAJ,SAAS1B,SAASlB,iBAAiB;CACrC;AACF;AAEA,MAAagE,YAAY,SAAAA,UAAAC,IAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACvB,IAAA,EAAAvE,IAAAwE,IAAAtE,UAAAD,OAAAwE,MAAAxB,SAAA9C,mBAAA,GAAAuE,UAAAN;CASqB,IAAAO;CAAA,IAAAL,EAAA,OAAAM,OAAAC,IAAA,2BAAA,GAAA;EAGQF,KAAA;GAAAtC,KACtB;GAAyByC,MACxB,CACJ,kKAA4J;EAEhK;EAACR,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CALDxF,QAAQmB,UAAUyB,KAAAA,GAAWiD,EAK5B;CAED,MAAAzB,WAAiBjE,YAAY;CAC7B,MAAA8F,aAAmBL,MAAKK;CAAY,IAAAC;CAAA,IAAAV,EAAA,OAAAtE,IAAA;EAShCgF,KAAA9D,QAAQlB,EAAE;EAACsE,EAAA,KAAAtE;EAAAsE,EAAA,KAAAU;CAAA,OAAAA,KAAAV,EAAA;CAPf,MAAA,EAAAnD,QAAAC,aAAAC,SAAAI,eAOIuD;CAKJ,MAAA,EAAAjC,UAAAC,iBAAmC9D,cAAcmC,WAAA,GAAc;CAG/DmD,KAAKnD,YAAYK,KAAAA,IAAZ,MAA8B8C,MAAA;CAGnC,MAAA/D,SAAeU,SAAA,WAAoBuD,MAAKjE;CAAQ,IAAAD;CAAA,IAAA8D,EAAA,OAAAE,MAAAF,EAAA,OAAAjD,WAAAiD,EAAA,OAAA7C,cAAA6C,EAAA,OAAAlD,eAAAkD,EAAA,OAAAnD,UAAAmD,EAAA,OAAAtB,cAAA;EAIhD,IAAIwB,OAAO,OAAOnD,YAAYK,KAAAA,GAAS;GACrC,IAAIP,UAAAC,aAEFZ,OACEA,OAAOa,YAAY,YAAnBI,aAAAJ,UAAA2B;QAKFxC,OAAOwC;EACR;EACFsB,EAAA,KAAAE;EAAAF,EAAA,KAAAjD;EAAAiD,EAAA,KAAA7C;EAAA6C,EAAA,KAAAlD;EAAAkD,EAAA,KAAAnD;EAAAmD,EAAA,KAAAtB;EAAAsB,EAAA,KAAA9D;CAAA,OAAAA,OAAA8D,EAAA;CAED,MAAAW,SAAe7G,gBAAgBiG,GAAG;CAGlC,MAAAa,0BAAgC/E;CAAkB,IAAAgF;CAAA,IAAAb,EAAA,QAAA9D,QAAA8D,EAAA,QAAAY,2BAAAZ,EAAA,QAAAvB,YAAAuB,EAAA,QAAArB,WAAAqB,EAAA,QAAAtB,gBAAAsB,EAAA,QAAAtE,MAAAsE,EAAA,QAAApB,UAAA;EAEnBiC,MAAA5C,QAAA;GAC7BO,oBAAoBP,KAAK;IAAAQ;IAAAC,cAETxC,QAAAwC;IAAoBhD;IAAAiD;IAAAC;IAAA/C,mBAIf+E;GACrB,CAAC;EAAC;EACHZ,EAAA,MAAA9D;EAAA8D,EAAA,MAAAY;EAAAZ,EAAA,MAAAvB;EAAAuB,EAAA,MAAArB;EAAAqB,EAAA,MAAAtB;EAAAsB,EAAA,MAAAtE;EAAAsE,EAAA,MAAApB;EAAAoB,EAAA,MAAAa;CAAA,OAAAA,KAAAb,EAAA;CATD,MAAAc,gBAAsBvG,SAASsG,EAS9B;CAID,MAAA,EAAAE,aAAAC,cAAiC3G,UAC/B;EAAA,cACgBsB;EAAK,GAChByE;EAAKzB,SACCmC;EAAarD,MAChB7B,YAAA;CACR,GACA+E,MACF;CACA,MAAA,EAAAM,YAAAC,cAAgC5G,SAAS,EAAAmG,WAAa,CAAC;CACvD,MAAA,EAAAU,YAAAC,cAAgCtG,WAAS,IAAI;CAE7C,MAAAuG,cACEtE,YAAYK,KAAAA,IAAZ,EAAAkE,QAAAC,OAAA;EAGQtD,MAAGuD,eAAgB;CAAC,EAGvB,IANL,CAMK;CAAE,IAAAC;CAAA,IAAAzB,EAAA,QAAAI,MAAAsB,WAAA;EA0BDD,KAAArB,MAAKsB,YAAL,EAAA,kBAAsC,GAAe,IAArDtE,KAAAA;EAAsD4C,EAAA,MAAAI,MAAAsB;EAAA1B,EAAA,MAAAyB;CAAA,OAAAA,KAAAzB,EAAA;CAAA,OAxBvD;EAAAgB;EAAAW,aAEQ;GAAAxB,MACL;IAAAyB,SACKV,aAAA,CAAcT;IAAUoB,SACxBb,aAAA,CAAcP;IAAUqB,SAGxBV;IAASW,UACRtB;IAAU,GACjBN;GACL;GAAC,GACGtF,aACFkG,aACAE,YACAE,YACAE,aACAnH,gBAAgBkG,OAAOtE,cAAc,CACvC;GAAWiE,KACNY;GAAMlD,MACL7B,YAAA;GAAoB,GAItB6F;GAAsDlF,KACrD2D,OAAO,OAAPrD,SAAA,wBAAAO,KAAAA;GAAwD8C;GAAAO;GAAAtE;GAAAD;EAK/D;CACF;AAAC"}

package/dist/components/actions/use-anchored-menu.d.ts

@@ -1,10 +1,9 @@
 
-import { _MenuTrigger } from "./Menu/MenuTrigger.js";
+import { MenuTrigger as _MenuTrigger } from "./Menu/MenuTrigger.js";
 import "./Menu/index.js";
 import { ComponentProps, ComponentType, ReactElement, RefObject } from "react";
-
 //#region src/components/actions/use-anchored-menu.d.ts
-interface UseAnchoredMenuReturn<P, T> {
+export interface UseAnchoredMenuReturn<P, T> {
   /** Ref to attach to the anchor element for positioning the menu. */
   anchorRef: RefObject<HTMLElement | null>;
   /**
@@ -40,7 +39,6 @@ interface UseAnchoredMenuReturn<P, T> {
  * @param defaultMenuProps - Default props to pass to the Menu component.
  * @returns An object with `anchorRef` to position the menu, `open` function to open the menu with provided props, `close` function to close the menu, and `rendered` JSX element to include in your component tree.
  */
-declare function useAnchoredMenu<P, T = ComponentProps<typeof _MenuTrigger>>(Component: ComponentType<P>, defaultTriggerProps?: Omit<ComponentProps<typeof _MenuTrigger>, 'children' | 'isOpen' | 'onOpenChange' | 'targetRef'>, defaultMenuProps?: P): UseAnchoredMenuReturn<P, T>;
+export declare function useAnchoredMenu<P, T = ComponentProps<typeof _MenuTrigger>>(Component: ComponentType<P>, defaultTriggerProps?: Omit<ComponentProps<typeof _MenuTrigger>, 'children' | 'isOpen' | 'onOpenChange' | 'targetRef'>, defaultMenuProps?: P): UseAnchoredMenuReturn<P, T>;
 //#endregion
-export { UseAnchoredMenuReturn, useAnchoredMenu };
 //# sourceMappingURL=use-anchored-menu.d.ts.map

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

@@ -1,15 +1,14 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.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 } from "./Menu/MenuTrigger.js";
+import { MenuTrigger as _MenuTrigger } from "./Menu/MenuTrigger.js";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { VisuallyHidden } from "react-aria";
 import { Pressable } from "@react-aria/interactions";
-
 //#region src/components/actions/use-anchored-menu.tsx
 /**
 * Generic hook to manage an anchored menu component.
@@ -42,8 +41,9 @@ function useAnchoredMenu(Component, defaultTriggerProps, defaultMenuProps) {
 			};
 		}
 	}, []);
+	const menuId = useMemo(() => generateRandomId(), []);
 	usePopoverSync({
-		menuId: useMemo(() => generateRandomId(), []),
+		menuId,
 		isOpen,
 		onClose: () => setIsOpen(false),
 		triggerRef: anchorRef,
@@ -101,7 +101,7 @@ function useAnchoredMenu(Component, defaultTriggerProps, defaultMenuProps) {
 		}
 	};
 }
-
 //#endregion
 export { useAnchoredMenu };
+
 //# sourceMappingURL=use-anchored-menu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-anchored-menu.js","names":["Pressable","ComponentProps","ComponentType","ReactElement","RefObject","useEffect","useMemo","useRef","useState","VisuallyHidden","useEvent","useI18n","generateRandomId","mergeProps","usePopoverSync","MenuTrigger","UseAnchoredMenuReturn","anchorRef","HTMLElement","open","props","P","triggerProps","T","update","close","isOpen","rendered","useAnchoredMenu","Component","defaultTriggerProps","Omit","defaultMenuProps","t","setIsOpen","runtimeProps","setRuntimeProps","setTriggerProps","popoverRef","HTMLDivElement","setupRef","el","current","dataset","popoverTrigger","menuId","onClose","triggerRef","containerRef","setupCheck","Error","renderedMenu","componentProps","undefined"],"sources":["../../../src/components/actions/use-anchored-menu.tsx"],"sourcesContent":["import { Pressable } from '@react-aria/interactions';\nimport {\n  ComponentProps,\n  ComponentType,\n  ReactElement,\n  RefObject,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { VisuallyHidden } from 'react-aria';\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\nexport interface UseAnchoredMenuReturn<P, T> {\n  /** Ref to attach to the anchor element for positioning the menu. */\n  anchorRef: RefObject<HTMLElement | null>;\n\n  /**\n   * Programmatically opens the menu with the provided props. They are merged\n   * over the CURRENT `defaultMenuProps` on every render, so defaults that change\n   * while the menu is open reach it without an `update()` call.\n   *\n   * @param props - Props to pass to the menu component\n   * @param triggerProps - Additional props for MenuTrigger (merged with defaultTriggerProps)\n   */\n  open(props?: P, triggerProps?: T): void;\n\n  /**\n   * Updates the RUNTIME props of the currently open menu. Props are merged over\n   * the current `defaultMenuProps`. Only needed for props the caller owns —\n   * `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   */\n  get rendered(): ReactElement | null;\n}\n\n/**\n * Generic hook to manage an anchored menu component.\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 `anchorRef` to position the menu, `open` function to open the menu with provided props, `close` function to close the menu, and `rendered` JSX element to include in your component tree.\n */\nexport function useAnchoredMenu<P, T = ComponentProps<typeof MenuTrigger>>(\n  Component: ComponentType<P>,\n  defaultTriggerProps?: Omit<\n    ComponentProps<typeof MenuTrigger>,\n    'children' | 'isOpen' | 'onOpenChange' | 'targetRef'\n  >,\n  defaultMenuProps?: P,\n): UseAnchoredMenuReturn<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`. Merging at open time snapshotted the\n   * defaults, which froze the content of a menu whose items live in those\n   * defaults; merging on render keeps them current. Runtime props still win.\n   */\n  const [runtimeProps, setRuntimeProps] = useState<P | null>(null);\n  const [triggerProps, setTriggerProps] = useState<T | null>(null);\n  const anchorRef = useRef<HTMLElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const setupRef = useRef(false);\n\n  useEffect(() => {\n    const el = anchorRef.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 anchor (`triggerRef`) and the popover container\n  // (`containerRef`) into the sync. The container ref is shared with the\n  // rendered `MenuTrigger` via its `popoverRef` prop — the dummy `MenuTrigger`\n  // opts out of `usePopoverSync` (`enabled: !isDummy`), so without this the\n  // nested-popover guard would have no container to match against and a\n  // `SubMenuTrigger` opened inside this menu would close the whole menu.\n  usePopoverSync({\n    menuId,\n    isOpen,\n    onClose: () => setIsOpen(false),\n    triggerRef: anchorRef,\n    containerRef: popoverRef,\n  });\n\n  function setupCheck() {\n    if (!setupRef.current) {\n      throw new Error(\n        'useAnchoredMenu: MenuTrigger must be rendered. Use `rendered` property to include it in your component tree.',\n      );\n    }\n  }\n\n  // 'open' accepts props required by the Component and opens the menu\n  const open = useEvent((props: P = {} as P, triggerProps?: T) => {\n    setupCheck();\n\n    // Overrides only — `defaultMenuProps` is merged in on render.\n    setRuntimeProps(props);\n    setTriggerProps(triggerProps ?? null);\n    setIsOpen(true);\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  });\n\n  // Render the menu only when it has been opened at least once\n  const renderedMenu = useMemo(() => {\n    if (!runtimeProps) 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      <MenuTrigger\n        {...mergeProps(defaultTriggerProps, triggerProps || undefined)}\n        isDummy\n        isOpen={isOpen}\n        targetRef={anchorRef}\n        popoverRef={popoverRef}\n        onOpenChange={setIsOpen}\n      >\n        <VisuallyHidden>\n          <Pressable>\n            <button aria-label={t('contextMenu.contextMenu', 'context-menu')} />\n          </Pressable>\n        </VisuallyHidden>\n        <Component {...componentProps} />\n      </MenuTrigger>\n    );\n  }, [\n    runtimeProps,\n    defaultMenuProps,\n    triggerProps,\n    isOpen,\n    defaultTriggerProps,\n    t,\n  ]);\n\n  return {\n    anchorRef,\n    open,\n    update,\n    close,\n    isOpen,\n    get rendered() {\n      setupRef.current = true;\n\n      return renderedMenu;\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA+DA,SAAgB4B,gBACdC,WACAC,qBAIAE,kBAC6B;CAC7B,MAAM,EAAEC,MAAMtB,SAAS;CACvB,MAAM,CAACe,QAAQQ,aAAa1B,SAAS,MAAM;;;;;;;CAO3C,MAAM,CAAC2B,cAAcC,mBAAmB5B,SAAmB,KAAK;CAChE,MAAM,CAACc,cAAce,mBAAmB7B,SAAmB,KAAK;CAChE,MAAMS,YAAYV,OAAoB,KAAK;CAC3C,MAAM+B,aAAa/B,OAAuB,KAAK;CAC/C,MAAMiC,WAAWjC,OAAO,MAAM;AAE9BF,iBAAgB;EACd,MAAMoC,KAAKxB,UAAUyB;AACrB,MAAID,IAAI;AACNA,MAAGE,QAAQC,iBAAiB;AAC5B,gBAAa;AACX,WAAOH,GAAGE,QAAQC;;;IAGrB,EAAE,CAAC;AAWN9B,gBAAe;EACb+B,QATavC,cAAcM,kBAAkB,EAAE,EAAE,CAAC;EAUlDc;EACAoB,eAAeZ,UAAU,MAAM;EAC/Ba,YAAY9B;EACZ+B,cAAcV;EACf,CAAC;CAEF,SAASW,aAAa;AACpB,MAAI,CAACT,SAASE,QACZ,OAAM,IAAIQ,MACR,+GACD;;CAKL,MAAM/B,OAAOT,UAAUU,QAAW,EAAE,EAAOE,mBAAqB;AAC9D2B,cAAY;AAGZb,kBAAgBhB,MAAM;AACtBiB,kBAAgBf,kBAAgB,KAAK;AACrCY,YAAU,KAAK;GACf;CAEF,MAAMV,SAASd,UAAUU,SAAUE,mBAAqB;AACtD2B,cAAY;AAEZb,kBAAgBhB,QAAM;AACtBiB,kBAAgBf,kBAAgB,KAAK;GACrC;CAEF,MAAMG,QAAQf,eAAe;AAC3BwB,YAAU,MAAM;GAChB;CAGF,MAAMiB,eAAe7C,cAAc;AACjC,MAAI,CAAC6B,aAAc,QAAO;EAI1B,MAAMiB,iBAAiBpB,mBACnB;GAAE,GAAGA;GAAkB,GAAGG;GAAc,GACxCA;AAEJ,SACE,qBAAC;GACC,GAAItB,aAAWiB,qBAAqBR,gBAAgB+B,OAAU;GAC9D;GACQ3B;GACR,WAAWT;GACCqB;GACZ,cAAcJ;cAEd,oBAAC,4BACC,oBAAC,uBACC,oBAAC,YAAO,cAAYD,EAAE,2BAA2B,eAAe,GAAC,GACxD,GACG,EAChB,oBAAC,aAAU,GAAImB,iBAAe;IAClB;IAEf;EACDjB;EACAH;EACAV;EACAI;EACAI;EACAG;EACD,CAAC;AAEF,QAAO;EACLhB;EACAE;EACAK;EACAC;EACAC;EACA,IAAIC,WAAW;AACba,YAASE,UAAU;AAEnB,UAAOS;;EAEV"}
+{"version":3,"file":"use-anchored-menu.js","names":["Pressable","ComponentProps","ComponentType","ReactElement","RefObject","useEffect","useMemo","useRef","useState","VisuallyHidden","useEvent","useI18n","generateRandomId","mergeProps","usePopoverSync","MenuTrigger","UseAnchoredMenuReturn","anchorRef","HTMLElement","open","props","P","triggerProps","T","update","close","isOpen","rendered","useAnchoredMenu","Component","defaultTriggerProps","Omit","defaultMenuProps","t","setIsOpen","runtimeProps","setRuntimeProps","setTriggerProps","popoverRef","HTMLDivElement","setupRef","el","current","dataset","popoverTrigger","menuId","onClose","triggerRef","containerRef","setupCheck","Error","renderedMenu","componentProps","undefined","MenuTrigger","mergeProps"],"sources":["../../../src/components/actions/use-anchored-menu.tsx"],"sourcesContent":["import { Pressable } from '@react-aria/interactions';\nimport {\n  ComponentProps,\n  ComponentType,\n  ReactElement,\n  RefObject,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { VisuallyHidden } from 'react-aria';\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\nexport interface UseAnchoredMenuReturn<P, T> {\n  /** Ref to attach to the anchor element for positioning the menu. */\n  anchorRef: RefObject<HTMLElement | null>;\n\n  /**\n   * Programmatically opens the menu with the provided props. They are merged\n   * over the CURRENT `defaultMenuProps` on every render, so defaults that change\n   * while the menu is open reach it without an `update()` call.\n   *\n   * @param props - Props to pass to the menu component\n   * @param triggerProps - Additional props for MenuTrigger (merged with defaultTriggerProps)\n   */\n  open(props?: P, triggerProps?: T): void;\n\n  /**\n   * Updates the RUNTIME props of the currently open menu. Props are merged over\n   * the current `defaultMenuProps`. Only needed for props the caller owns —\n   * `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   */\n  get rendered(): ReactElement | null;\n}\n\n/**\n * Generic hook to manage an anchored menu component.\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 `anchorRef` to position the menu, `open` function to open the menu with provided props, `close` function to close the menu, and `rendered` JSX element to include in your component tree.\n */\nexport function useAnchoredMenu<P, T = ComponentProps<typeof MenuTrigger>>(\n  Component: ComponentType<P>,\n  defaultTriggerProps?: Omit<\n    ComponentProps<typeof MenuTrigger>,\n    'children' | 'isOpen' | 'onOpenChange' | 'targetRef'\n  >,\n  defaultMenuProps?: P,\n): UseAnchoredMenuReturn<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`. Merging at open time snapshotted the\n   * defaults, which froze the content of a menu whose items live in those\n   * defaults; merging on render keeps them current. Runtime props still win.\n   */\n  const [runtimeProps, setRuntimeProps] = useState<P | null>(null);\n  const [triggerProps, setTriggerProps] = useState<T | null>(null);\n  const anchorRef = useRef<HTMLElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const setupRef = useRef(false);\n\n  useEffect(() => {\n    const el = anchorRef.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 anchor (`triggerRef`) and the popover container\n  // (`containerRef`) into the sync. The container ref is shared with the\n  // rendered `MenuTrigger` via its `popoverRef` prop — the dummy `MenuTrigger`\n  // opts out of `usePopoverSync` (`enabled: !isDummy`), so without this the\n  // nested-popover guard would have no container to match against and a\n  // `SubMenuTrigger` opened inside this menu would close the whole menu.\n  usePopoverSync({\n    menuId,\n    isOpen,\n    onClose: () => setIsOpen(false),\n    triggerRef: anchorRef,\n    containerRef: popoverRef,\n  });\n\n  function setupCheck() {\n    if (!setupRef.current) {\n      throw new Error(\n        'useAnchoredMenu: MenuTrigger must be rendered. Use `rendered` property to include it in your component tree.',\n      );\n    }\n  }\n\n  // 'open' accepts props required by the Component and opens the menu\n  const open = useEvent((props: P = {} as P, triggerProps?: T) => {\n    setupCheck();\n\n    // Overrides only — `defaultMenuProps` is merged in on render.\n    setRuntimeProps(props);\n    setTriggerProps(triggerProps ?? null);\n    setIsOpen(true);\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  });\n\n  // Render the menu only when it has been opened at least once\n  const renderedMenu = useMemo(() => {\n    if (!runtimeProps) 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      <MenuTrigger\n        {...mergeProps(defaultTriggerProps, triggerProps || undefined)}\n        isDummy\n        isOpen={isOpen}\n        targetRef={anchorRef}\n        popoverRef={popoverRef}\n        onOpenChange={setIsOpen}\n      >\n        <VisuallyHidden>\n          <Pressable>\n            <button aria-label={t('contextMenu.contextMenu', 'context-menu')} />\n          </Pressable>\n        </VisuallyHidden>\n        <Component {...componentProps} />\n      </MenuTrigger>\n    );\n  }, [\n    runtimeProps,\n    defaultMenuProps,\n    triggerProps,\n    isOpen,\n    defaultTriggerProps,\n    t,\n  ]);\n\n  return {\n    anchorRef,\n    open,\n    update,\n    close,\n    isOpen,\n    get rendered() {\n      setupRef.current = true;\n\n      return renderedMenu;\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA+DA,SAAgB4B,gBACdC,WACAC,qBAIAE,kBAC6B;CAC7B,MAAM,EAAEC,MAAMtB,QAAQ;CACtB,MAAM,CAACe,QAAQQ,aAAa1B,SAAS,KAAK;;;;;;;CAO1C,MAAM,CAAC2B,cAAcC,mBAAmB5B,SAAmB,IAAI;CAC/D,MAAM,CAACc,cAAce,mBAAmB7B,SAAmB,IAAI;CAC/D,MAAMS,YAAYV,OAAoB,IAAI;CAC1C,MAAM+B,aAAa/B,OAAuB,IAAI;CAC9C,MAAMiC,WAAWjC,OAAO,KAAK;CAE7BF,gBAAgB;EACd,MAAMoC,KAAKxB,UAAUyB;EACrB,IAAID,IAAI;GACNA,GAAGE,QAAQC,iBAAiB;GAC5B,aAAa;IACX,OAAOH,GAAGE,QAAQC;GACpB;EACF;CACF,GAAG,CAAA,CAAE;CAGL,MAAMC,SAASvC,cAAcM,iBAAiB,GAAG,CAAA,CAAE;CAQnDE,eAAe;EACb+B;EACAnB;EACAoB,eAAeZ,UAAU,KAAK;EAC9Ba,YAAY9B;EACZ+B,cAAcV;CAChB,CAAC;CAED,SAASW,aAAa;EACpB,IAAI,CAACT,SAASE,SACZ,MAAM,IAAIQ,MACR,8GACF;CAEJ;CAGA,MAAM/B,OAAOT,UAAUU,QAAW,CAAC,GAAQE,mBAAqB;EAC9D2B,WAAW;EAGXb,gBAAgBhB,KAAK;EACrBiB,gBAAgBf,kBAAgB,IAAI;EACpCY,UAAU,IAAI;CAChB,CAAC;CAED,MAAMV,SAASd,UAAUU,SAAUE,mBAAqB;EACtD2B,WAAW;EAEXb,gBAAgBhB,OAAK;EACrBiB,gBAAgBf,kBAAgB,IAAI;CACtC,CAAC;CAED,MAAMG,QAAQf,eAAe;EAC3BwB,UAAU,KAAK;CACjB,CAAC;CAGD,MAAMiB,eAAe7C,cAAc;EACjC,IAAI,CAAC6B,cAAc,OAAO;EAI1B,MAAMiB,iBAAiBpB,mBACnB;GAAE,GAAGA;GAAkB,GAAGG;EAAa,IACvCA;EAEJ,OACE,qBAACmB,cAAD;GACE,GAAIzC,aAAWiB,qBAAqBR,gBAAgB+B,KAAAA,CAAS;GAC7D,SAAA;GACQ3B;GACR,WAAWT;GACCqB;GACZ,cAAcJ;GANhB,UAAA,CAQE,oBAAC,gBAAD,EAAA,UACE,oBAAC,WAAD,EAAA,UACE,oBAAC,UAAD,EAAQ,cAAYD,EAAE,2BAA2B,cAAc,EAAE,CAAA,EACxD,CAAA,EACG,CAAA,GAChB,oBAAC,WAAD,EAAW,GAAImB,eAAe,CAAA,CACnB;;CAEjB,GAAG;EACDjB;EACAH;EACAV;EACAI;EACAI;EACAG;CAAC,CACF;CAED,OAAO;EACLhB;EACAE;EACAK;EACAC;EACAC;EACA,IAAIC,WAAW;GACba,SAASE,UAAU;GAEnB,OAAOS;EACT;CACF;AACF"}

package/dist/components/actions/use-context-menu.d.ts

@@ -1,12 +1,11 @@
 
-import { _MenuTrigger } from "./Menu/MenuTrigger.js";
+import { MenuTrigger as _MenuTrigger } from "./Menu/MenuTrigger.js";
 import "./Menu/index.js";
 import { ComponentProps, ComponentType, MouseEvent, PointerEvent, ReactElement, RefObject } from "react";
-
 //#region src/components/actions/use-context-menu.d.ts
 type NativeMouseEvent = globalThis.MouseEvent;
 type NativePointerEvent = globalThis.PointerEvent;
-interface UseContextMenuReturn<E extends HTMLElement = HTMLElement, P extends object = {}, T = ComponentProps<typeof _MenuTrigger>> {
+export interface UseContextMenuReturn<E extends HTMLElement = HTMLElement, P extends object = {}, T = ComponentProps<typeof _MenuTrigger>> {
   /** Container element that receives context menu events. Attach this ref to your target element. */
   targetRef: RefObject<E | null>;
   /**
@@ -45,7 +44,7 @@ interface UseContextMenuReturn<E extends HTMLElement = HTMLElement, P extends ob
  * @param defaultMenuProps - Default props to pass to the Menu component.
  * @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.
  */
-declare function useContextMenu<E extends HTMLElement = HTMLElement, P extends object = {}, T = ComponentProps<typeof _MenuTrigger>>(Component: ComponentType<P>, defaultTriggerProps?: Omit<ComponentProps<typeof _MenuTrigger>, 'children' | 'isOpen' | 'onOpenChange' | 'targetRef'>, defaultMenuProps?: P): UseContextMenuReturn<E, P, T>;
+export declare function useContextMenu<E extends HTMLElement = HTMLElement, P extends object = {}, T = ComponentProps<typeof _MenuTrigger>>(Component: ComponentType<P>, defaultTriggerProps?: Omit<ComponentProps<typeof _MenuTrigger>, 'children' | 'isOpen' | 'onOpenChange' | 'targetRef'>, defaultMenuProps?: P): UseContextMenuReturn<E, P, T>;
 //#endregion
-export { UseContextMenuReturn, useContextMenu };
+export {};
 //# sourceMappingURL=use-context-menu.d.ts.map

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

@@ -1,16 +1,15 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.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 } from "./Menu/MenuTrigger.js";
+import { MenuTrigger as _MenuTrigger } from "./Menu/MenuTrigger.js";
 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
 /**
 * Generic hook to manage a context menu component that opens at pointer coordinates.
@@ -52,8 +51,9 @@ function useContextMenu(Component, defaultTriggerProps, defaultMenuProps) {
 			};
 		}
 	}, []);
+	const menuId = useMemo(() => generateRandomId(), []);
 	usePopoverSync({
-		menuId: useMemo(() => generateRandomId(), []),
+		menuId,
 		isOpen,
 		onClose: () => {
 			setIsOpen(false);
@@ -120,8 +120,10 @@ function useContextMenu(Component, defaultTriggerProps, defaultMenuProps) {
 	});
 	const onContextMenu = useEvent((event_1) => {
 		event_1.preventDefault();
-		if (isOpen) setAnchorPosition(calculatePosition(event_1));
-		else open(void 0, void 0, event_1);
+		if (isOpen) {
+			const pos = calculatePosition(event_1);
+			setAnchorPosition(pos);
+		} else open(void 0, void 0, event_1);
 	});
 	useEffect(() => {
 		const element = targetRef.current;
@@ -191,7 +193,7 @@ function useContextMenu(Component, defaultTriggerProps, defaultMenuProps) {
 		}
 	};
 }
-
 //#endregion
 export { useContextMenu };
+
 //# sourceMappingURL=use-context-menu.js.map

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"],"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","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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"}

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

@@ -1,15 +1,13 @@
 
 import { BaseProps, BaseStyleProps, ContainerStyleProps, TextStyleProps } from "@tenphi/tasty";
-import * as react from "react";
 import { MouseEventHandler } from "react";
 import { FocusableOptions } from "react-aria";
-
 //#region src/components/content/ActiveZone/ActiveZone.d.ts
-interface CubeActiveZoneProps extends BaseProps, BaseStyleProps, ContainerStyleProps, TextStyleProps, FocusableOptions {
+export interface CubeActiveZoneProps extends BaseProps, BaseStyleProps, ContainerStyleProps, TextStyleProps, FocusableOptions {
   label?: string;
   onClick?: MouseEventHandler;
 }
-declare const _ActiveZone: react.ForwardRefExoticComponent<CubeActiveZoneProps & react.RefAttributes<unknown>>;
+declare const _ActiveZone: import("react").ForwardRefExoticComponent<CubeActiveZoneProps & import("react").RefAttributes<unknown>>;
 //#endregion
-export { CubeActiveZoneProps, _ActiveZone };
+export { _ActiveZone as ActiveZone };
 //# sourceMappingURL=ActiveZone.d.ts.map

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.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";
@@ -8,7 +8,6 @@ import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useFocusable, useHover } from "react-aria";
 import { useFocusableRef } from "@react-spectrum/utils";
-
 //#region src/components/content/ActiveZone/ActiveZone.tsx
 const DEFAULT_STYLES = {
 	display: "inline-grid",
@@ -100,7 +99,7 @@ function ActiveZone(t0, ref) {
 }
 const _ActiveZone = forwardRef(ActiveZone);
 _ActiveZone.displayName = "ActiveZone";
-
 //#endregion
-export { _ActiveZone };
+export { _ActiveZone as ActiveZone };
+
 //# sourceMappingURL=ActiveZone.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActiveZone.js","names":["useFocusableRef","BaseProps","BaseStyleProps","CONTAINER_STYLES","ContainerStyleProps","Element","filterBaseProps","Styles","TEXT_STYLES","TextStyleProps","forwardRef","MouseEventHandler","FocusableOptions","useFocusable","useHover","mergeProps","useFocus","extractStyles","CubeActiveZoneProps","label","onClick","DEFAULT_STYLES","display","position","opacity","disabled","transition","const","STYLE_PROPS","ActiveZone","t0","ref","$","_c","as","isDisabled","props","t1","styles","domRef","t2","hoverProps","isHovered","focusProps","isFocused","focusableProps","t3","t4","t5","t6","eventProps","t7","excludeFromTabOrder","t8","_ActiveZone","displayName"],"sources":["../../../../src/components/content/ActiveZone/ActiveZone.tsx"],"sourcesContent":["import { useFocusableRef } from '@react-spectrum/utils';\nimport {\n  BaseProps,\n  BaseStyleProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Element,\n  filterBaseProps,\n  Styles,\n  TEXT_STYLES,\n  TextStyleProps,\n} from '@tenphi/tasty';\nimport { forwardRef, MouseEventHandler } from 'react';\nimport { FocusableOptions, useFocusable, useHover } from 'react-aria';\n\nimport { mergeProps } from '../../../utils/react';\nimport { useFocus } from '../../../utils/react/interactions';\nimport { extractStyles } from '../../../utils/styles';\n\nexport interface CubeActiveZoneProps\n  extends BaseProps,\n    BaseStyleProps,\n    ContainerStyleProps,\n    TextStyleProps,\n    FocusableOptions {\n  label?: string;\n  onClick?: MouseEventHandler;\n}\n\nconst DEFAULT_STYLES: Styles = {\n  display: 'inline-grid',\n  position: 'relative',\n  opacity: {\n    '': 1,\n    disabled: 0.4,\n  },\n  transition: 'theme',\n} as const;\n\nconst STYLE_PROPS = [...CONTAINER_STYLES, ...TEXT_STYLES];\n\nfunction ActiveZone(\n  { as, label, onClick, ...props }: CubeActiveZoneProps,\n  ref,\n) {\n  const isDisabled = props.isDisabled;\n  const styles = extractStyles(props, STYLE_PROPS, DEFAULT_STYLES);\n  const domRef = useFocusableRef(ref);\n\n  let { hoverProps, isHovered } = useHover({ isDisabled });\n  let { focusProps, isFocused } = useFocus();\n  let { focusableProps } = useFocusable(props, domRef);\n\n  return (\n    <Element\n      data-hovered={isHovered && !isDisabled ? '' : null}\n      data-focused={isFocused && !isDisabled ? '' : null}\n      data-disabled={isDisabled || null}\n      aria-label={label}\n      {...mergeProps(\n        hoverProps,\n        focusProps,\n        focusableProps,\n        { onClick },\n        filterBaseProps(props, { eventProps: true }),\n      )}\n      ref={domRef}\n      tabIndex={props.excludeFromTabOrder || isDisabled ? -1 : 0}\n      as={as}\n      styles={styles}\n    />\n  );\n}\n\nconst _ActiveZone = forwardRef(ActiveZone);\n\n_ActiveZone.displayName = 'ActiveZone';\n\nexport { _ActiveZone as ActiveZone };\n"],"mappings":";;;;;;;;;;;;AA6BA,MAAMqB,iBAAyB;CAC7BC,SAAS;CACTC,UAAU;CACVC,SAAS;EACP,IAAI;EACJC,UAAU;EACX;CACDC,YAAY;CACb;AAED,MAAME,cAAc,CAAC,GAAGzB,kBAAkB,GAAGK,YAAY;AAEzD,SAAAqB,WAAAC,IAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAhB;CAAA,IAAAC;CAAA,IAAAgB;CAAA,IAAAC;AAAA,KAAAL,EAAA,OAAAF,IAAA;AACE,GAAA,CAAAI,IAAAf,OAAAC,YAAAgB,SAAAN;AAGAK,eAAmBC,MAAKD;AACTE,OAAApB,cAAcmB,OAAOR,aAAaP,eAAe;AAAAW,IAAA,KAAAF;AAAAE,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAAb;AAAAa,IAAA,KAAAZ;AAAAY,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;QAAA;AAAAH,OAAAF,EAAA;AAAAG,eAAAH,EAAA;AAAAb,UAAAa,EAAA;AAAAZ,YAAAY,EAAA;AAAAI,UAAAJ,EAAA;AAAAK,OAAAL,EAAA;;CAAhE,MAAAM,SAAeD;CACf,MAAAE,SAAevC,gBAAgB+B,IAAI;CAAC,IAAAS;AAAA,KAAAR,EAAA,OAAAG,YAAA;AAEKK,OAAA,EAAAL,YAAc;AAAAH,IAAA,KAAAG;AAAAH,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAAvD,MAAA,EAAAS,YAAAC,cAAgC5B,SAAS0B,GAAe;CACxD,MAAA,EAAAG,YAAAC,cAAgC5B,YAAU;CAC1C,MAAA,EAAA6B,mBAAyBhC,aAAauB,OAAOG,OAAO;CAIlC,MAAAO,KAAAJ,aAAA,CAAcP,aAAd,KAAA;CACA,MAAAY,KAAAH,aAAA,CAAcT,aAAd,KAAA;CACC,MAAAa,KAAAb,cAAA;CAAkB,IAAAc;AAAA,KAAAjB,EAAA,OAAAW,cAAAX,EAAA,QAAAa,kBAAAb,EAAA,QAAAS,cAAAT,EAAA,QAAAZ,WAAAY,EAAA,QAAAI,OAAA;AAE7Ba,OAAAlC,aACF0B,YACAE,YACAE,gBACA,EAAAzB,SAAW,EACXd,gBAAgB8B,OAAO,EAAAc,YAAc,MAAM,CAC7C,CAAC;AAAAlB,IAAA,KAAAW;AAAAX,IAAA,MAAAa;AAAAb,IAAA,MAAAS;AAAAT,IAAA,MAAAZ;AAAAY,IAAA,MAAAI;AAAAJ,IAAA,MAAAiB;OAAAA,MAAAjB,EAAA;CAES,MAAAmB,KAAAf,MAAKgB,uBAALjB,aAAA,KAAA;CAAgD,IAAAkB;AAAA,KAAArB,EAAA,QAAAE,MAAAF,EAAA,QAAAO,UAAAP,EAAA,QAAAb,SAAAa,EAAA,QAAAM,UAAAN,EAAA,QAAAc,MAAAd,EAAA,QAAAe,MAAAf,EAAA,QAAAgB,MAAAhB,EAAA,QAAAiB,MAAAjB,EAAA,QAAAmB,IAAA;AAb5DE,OAAA,oBAAC;GACe,gBAAAP;GACA,gBAAAC;GACC,iBAAAC;GACH7B,cAAAA;GAAK,GACb8B;GAOCV,KAAAA;GACK,UAAAY;GACNjB;GACII;IACR;AAAAN,IAAA,MAAAE;AAAAF,IAAA,MAAAO;AAAAP,IAAA,MAAAb;AAAAa,IAAA,MAAAM;AAAAN,IAAA,MAAAc;AAAAd,IAAA,MAAAe;AAAAf,IAAA,MAAAgB;AAAAhB,IAAA,MAAAiB;AAAAjB,IAAA,MAAAmB;AAAAnB,IAAA,MAAAqB;OAAAA,MAAArB,EAAA;AAAA,QAhBFqB;;AAoBJ,MAAMC,cAAc5C,WAAWmB,WAAW;AAE1CyB,YAAYC,cAAc"}
+{"version":3,"file":"ActiveZone.js","names":["useFocusableRef","BaseProps","BaseStyleProps","CONTAINER_STYLES","ContainerStyleProps","Element","filterBaseProps","Styles","TEXT_STYLES","TextStyleProps","forwardRef","MouseEventHandler","FocusableOptions","useFocusable","useHover","mergeProps","useFocus","extractStyles","CubeActiveZoneProps","label","onClick","DEFAULT_STYLES","display","position","opacity","disabled","transition","const","STYLE_PROPS","ActiveZone","t0","ref","$","_c","as","isDisabled","props","t1","styles","domRef","t2","hoverProps","isHovered","focusProps","isFocused","focusableProps","t3","t4","t5","t6","eventProps","t7","excludeFromTabOrder","t8","_ActiveZone","displayName","_c","useFocus","mergeProps"],"sources":["../../../../src/components/content/ActiveZone/ActiveZone.tsx"],"sourcesContent":["import { useFocusableRef } from '@react-spectrum/utils';\nimport {\n  BaseProps,\n  BaseStyleProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Element,\n  filterBaseProps,\n  Styles,\n  TEXT_STYLES,\n  TextStyleProps,\n} from '@tenphi/tasty';\nimport { forwardRef, MouseEventHandler } from 'react';\nimport { FocusableOptions, useFocusable, useHover } from 'react-aria';\n\nimport { mergeProps } from '../../../utils/react';\nimport { useFocus } from '../../../utils/react/interactions';\nimport { extractStyles } from '../../../utils/styles';\n\nexport interface CubeActiveZoneProps\n  extends\n    BaseProps,\n    BaseStyleProps,\n    ContainerStyleProps,\n    TextStyleProps,\n    FocusableOptions {\n  label?: string;\n  onClick?: MouseEventHandler;\n}\n\nconst DEFAULT_STYLES: Styles = {\n  display: 'inline-grid',\n  position: 'relative',\n  opacity: {\n    '': 1,\n    disabled: 0.4,\n  },\n  transition: 'theme',\n} as const;\n\nconst STYLE_PROPS = [...CONTAINER_STYLES, ...TEXT_STYLES];\n\nfunction ActiveZone(\n  { as, label, onClick, ...props }: CubeActiveZoneProps,\n  ref,\n) {\n  const isDisabled = props.isDisabled;\n  const styles = extractStyles(props, STYLE_PROPS, DEFAULT_STYLES);\n  const domRef = useFocusableRef(ref);\n\n  let { hoverProps, isHovered } = useHover({ isDisabled });\n  let { focusProps, isFocused } = useFocus();\n  let { focusableProps } = useFocusable(props, domRef);\n\n  return (\n    <Element\n      data-hovered={isHovered && !isDisabled ? '' : null}\n      data-focused={isFocused && !isDisabled ? '' : null}\n      data-disabled={isDisabled || null}\n      aria-label={label}\n      {...mergeProps(\n        hoverProps,\n        focusProps,\n        focusableProps,\n        { onClick },\n        filterBaseProps(props, { eventProps: true }),\n      )}\n      ref={domRef}\n      tabIndex={props.excludeFromTabOrder || isDisabled ? -1 : 0}\n      as={as}\n      styles={styles}\n    />\n  );\n}\n\nconst _ActiveZone = forwardRef(ActiveZone);\n\n_ActiveZone.displayName = 'ActiveZone';\n\nexport { _ActiveZone as ActiveZone };\n"],"mappings":";;;;;;;;;;;AA8BA,MAAMqB,iBAAyB;CAC7BC,SAAS;CACTC,UAAU;CACVC,SAAS;EACP,IAAI;EACJC,UAAU;CACZ;CACAC,YAAY;AACd;AAEA,MAAME,cAAc,CAAC,GAAGzB,kBAAkB,GAAGK,WAAW;AAExD,SAAAqB,WAAAC,IAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAhB;CAAA,IAAAC;CAAA,IAAAgB;CAAA,IAAAC;CAAA,IAAAL,EAAA,OAAAF,IAAA;EACE,CAAA,CAAAI,IAAAf,OAAAC,SAAA,GAAAgB,SAAAN;EAGAK,aAAmBC,MAAKD;EACTE,KAAApB,cAAcmB,OAAOR,aAAaP,cAAc;EAACW,EAAA,KAAAF;EAAAE,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAb;EAAAa,EAAA,KAAAZ;EAAAY,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;CAAA,OAAA;EAAAH,KAAAF,EAAA;EAAAG,aAAAH,EAAA;EAAAb,QAAAa,EAAA;EAAAZ,UAAAY,EAAA;EAAAI,QAAAJ,EAAA;EAAAK,KAAAL,EAAA;CAAA;CAAhE,MAAAM,SAAeD;CACf,MAAAE,SAAevC,gBAAgB+B,GAAG;CAAE,IAAAS;CAAA,IAAAR,EAAA,OAAAG,YAAA;EAEKK,KAAA,EAAAL,WAAa;EAACH,EAAA,KAAAG;EAAAH,EAAA,KAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAAvD,MAAA,EAAAS,YAAAC,cAAgC5B,SAAS0B,EAAc;CACvD,MAAA,EAAAG,YAAAC,cAAgC5B,WAAS;CACzC,MAAA,EAAA6B,mBAAyBhC,aAAauB,OAAOG,MAAM;CAIjC,MAAAO,KAAAJ,aAAA,CAAcP,aAAd,KAAA;CACA,MAAAY,KAAAH,aAAA,CAAcT,aAAd,KAAA;CACC,MAAAa,KAAAb,cAAA;CAAkB,IAAAc;CAAA,IAAAjB,EAAA,OAAAW,cAAAX,EAAA,QAAAa,kBAAAb,EAAA,QAAAS,cAAAT,EAAA,QAAAZ,WAAAY,EAAA,QAAAI,OAAA;EAE7Ba,KAAAlC,aACF0B,YACAE,YACAE,gBACA,EAAAzB,QAAU,GACVd,gBAAgB8B,OAAO,EAAAc,YAAc,KAAK,CAAC,CAC7C;EAAClB,EAAA,KAAAW;EAAAX,EAAA,MAAAa;EAAAb,EAAA,MAAAS;EAAAT,EAAA,MAAAZ;EAAAY,EAAA,MAAAI;EAAAJ,EAAA,MAAAiB;CAAA,OAAAA,KAAAjB,EAAA;CAES,MAAAmB,KAAAf,MAAKgB,uBAALjB,aAAA,KAAA;CAAgD,IAAAkB;CAAA,IAAArB,EAAA,QAAAE,MAAAF,EAAA,QAAAO,UAAAP,EAAA,QAAAb,SAAAa,EAAA,QAAAM,UAAAN,EAAA,QAAAc,MAAAd,EAAA,QAAAe,MAAAf,EAAA,QAAAgB,MAAAhB,EAAA,QAAAiB,MAAAjB,EAAA,QAAAmB,IAAA;EAb5DE,KAAA,oBAAC,SAAD;GACgB,gBAAAP;GACA,gBAAAC;GACC,iBAAAC;GACH7B,cAAAA;GAAK,GACb8B;GAOCV,KAAAA;GACK,UAAAY;GACNjB;GACII;EAAM,CAAA;EACdN,EAAA,MAAAE;EAAAF,EAAA,MAAAO;EAAAP,EAAA,MAAAb;EAAAa,EAAA,MAAAM;EAAAN,EAAA,MAAAc;EAAAd,EAAA,MAAAe;EAAAf,EAAA,MAAAgB;EAAAhB,EAAA,MAAAiB;EAAAjB,EAAA,MAAAmB;EAAAnB,EAAA,MAAAqB;CAAA,OAAAA,KAAArB,EAAA;CAAA,OAhBFqB;AAgBE;AAIN,MAAMC,cAAc5C,WAAWmB,UAAU;AAEzCyB,YAAYC,cAAc"}