@cube-dev/ui-kit 0.199.0 → 0.199.2

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

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

package/dist/components/actions/actions-run.js

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

package/dist/components/actions/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { ItemActionProvider, useItemActionContext } from "./ItemActionContext.js";
 import { openLink, parseTo, performClickHandler, useAction } from "./use-action.js";
 import { ItemAction } from "./ItemAction/ItemAction.js";

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/content/Content.js

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

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { Tooltip as _Tooltip } from "../../overlays/Tooltip/Tooltip.js";
 import { TooltipTrigger } from "../../overlays/Tooltip/TooltipTrigger.js";
 import { useI18n } from "../../../i18n/useI18n.js";
@@ -16,6 +16,10 @@ import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import copy from "clipboard-copy";
 //#region src/components/content/CopySnippet/CopySnippet.tsx
+const COPY_SNIPPET_CODE_STYLES = {
+	margin: 0,
+	overflow: "visible"
+};
 const ActionElement = tasty(Action, { styles: {
 	display: "block",
 	cursor: "default",
@@ -131,7 +135,7 @@ function replaceSymbolsToHidden(str) {
 	return HIDDEN_SYMBOL.repeat(str.length);
 }
 function CopySnippet(allProps) {
-	const $ = c(66);
+	const $ = c(65);
 	const { t } = useI18n();
 	let actions;
 	let hideText;
@@ -235,127 +239,119 @@ function CopySnippet(allProps) {
 	const mods = t6;
 	const T0 = CopySnippetElement;
 	const t7 = "Grid";
-	let t8;
-	if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = {
-			margin: 0,
-			overflow: "visible"
-		};
-		$[28] = t8;
-	} else t8 = $[28];
-	const t9 = language || "javascript";
-	let t10;
-	if ($[29] !== formattedCode || $[30] !== shouldWrap || $[31] !== t9) {
-		t10 = /* @__PURE__ */ jsx(_PrismCode, {
-			style: t8,
+	const t8 = language || "javascript";
+	let t9;
+	if ($[28] !== formattedCode || $[29] !== shouldWrap || $[30] !== t8) {
+		t9 = /* @__PURE__ */ jsx(_PrismCode, {
+			styles: COPY_SNIPPET_CODE_STYLES,
 			code: formattedCode,
-			language: t9,
+			language: t8,
 			isWrapped: shouldWrap
 		});
-		$[29] = formattedCode;
-		$[30] = shouldWrap;
+		$[28] = formattedCode;
+		$[29] = shouldWrap;
+		$[30] = t8;
 		$[31] = t9;
-		$[32] = t10;
-	} else t10 = $[32];
-	let t11;
-	if ($[33] !== mods || $[34] !== t10) {
-		t11 = /* @__PURE__ */ jsx(StyledBlock, {
+	} else t9 = $[31];
+	let t10;
+	if ($[32] !== mods || $[33] !== t9) {
+		t10 = /* @__PURE__ */ jsx(StyledBlock, {
 			mods,
-			children: t10
+			children: t9
 		});
-		$[33] = mods;
+		$[32] = mods;
+		$[33] = t9;
 		$[34] = t10;
-		$[35] = t11;
-	} else t11 = $[35];
+	} else t10 = $[34];
 	const T1 = ButtonContainer;
 	const T2 = CopyButton;
-	const t12 = t("copySnippet.copyToClipboard", "Copy {{title}} to clipboard", { title });
-	let t13;
-	if ($[36] !== T2 || $[37] !== onCopy || $[38] !== t12) {
-		t13 = /* @__PURE__ */ jsx(T2, {
-			"aria-label": t12,
+	const t11 = t("copySnippet.copyToClipboard", "Copy {{title}} to clipboard", { title });
+	let t12;
+	if ($[35] !== T2 || $[36] !== onCopy || $[37] !== t11) {
+		t12 = /* @__PURE__ */ jsx(T2, {
+			"aria-label": t11,
 			onPress: onCopy
 		});
-		$[36] = T2;
-		$[37] = onCopy;
+		$[35] = T2;
+		$[36] = onCopy;
+		$[37] = t11;
 		$[38] = t12;
-		$[39] = t13;
-	} else t13 = $[39];
-	let t14;
-	if ($[40] !== hideText || $[41] !== setShowHidden || $[42] !== showHidden || $[43] !== t) {
-		t14 = hideText && /* @__PURE__ */ jsx(ShowButton, {
+	} else t12 = $[38];
+	let t13;
+	if ($[39] !== hideText || $[40] !== setShowHidden || $[41] !== showHidden || $[42] !== t) {
+		t13 = hideText && /* @__PURE__ */ jsx(ShowButton, {
 			"aria-label": t("copySnippet.showHiddenParts", "Show hidden parts"),
 			icon: showHidden ? /* @__PURE__ */ jsx(EyeInvisibleIcon, {}) : /* @__PURE__ */ jsx(EyeIcon, {}),
 			onPress: () => setShowHidden(!showHidden)
 		});
-		$[40] = hideText;
-		$[41] = setShowHidden;
-		$[42] = showHidden;
-		$[43] = t;
-		$[44] = t14;
-	} else t14 = $[44];
-	let t15;
-	if ($[45] !== T1 || $[46] !== actions || $[47] !== mods || $[48] !== t13 || $[49] !== t14) {
-		t15 = /* @__PURE__ */ jsxs(T1, {
+		$[39] = hideText;
+		$[40] = setShowHidden;
+		$[41] = showHidden;
+		$[42] = t;
+		$[43] = t13;
+	} else t13 = $[43];
+	let t14;
+	if ($[44] !== T1 || $[45] !== actions || $[46] !== mods || $[47] !== t12 || $[48] !== t13) {
+		t14 = /* @__PURE__ */ jsxs(T1, {
 			mods,
 			children: [
+				t12,
 				t13,
-				t14,
 				actions
 			]
 		});
-		$[45] = T1;
-		$[46] = actions;
-		$[47] = mods;
+		$[44] = T1;
+		$[45] = actions;
+		$[46] = mods;
+		$[47] = t12;
 		$[48] = t13;
 		$[49] = t14;
-		$[50] = t15;
-	} else t15 = $[50];
-	let t16;
-	if ($[51] !== t11 || $[52] !== t15) {
-		t16 = /* @__PURE__ */ jsxs("div", {
+	} else t14 = $[49];
+	let t15;
+	if ($[50] !== t10 || $[51] !== t14) {
+		t15 = /* @__PURE__ */ jsxs("div", {
 			"data-element": t7,
-			children: [t11, t15]
+			children: [t10, t14]
 		});
-		$[51] = t11;
+		$[50] = t10;
+		$[51] = t14;
 		$[52] = t15;
-		$[53] = t16;
-	} else t16 = $[53];
-	let t17;
-	if ($[54] !== T0 || $[55] !== mods || $[56] !== props || $[57] !== t16) {
-		t17 = /* @__PURE__ */ jsx(T0, {
+	} else t15 = $[52];
+	let t16;
+	if ($[53] !== T0 || $[54] !== mods || $[55] !== props || $[56] !== t15) {
+		t16 = /* @__PURE__ */ jsx(T0, {
 			mods,
 			...props,
-			children: t16
+			children: t15
 		});
-		$[54] = T0;
-		$[55] = mods;
-		$[56] = props;
+		$[53] = T0;
+		$[54] = mods;
+		$[55] = props;
+		$[56] = t15;
 		$[57] = t16;
-		$[58] = t17;
-	} else t17 = $[58];
-	const Snippet = t17;
+	} else t16 = $[57];
+	const Snippet = t16;
 	if (showTooltip) {
+		let t17;
+		if ($[58] !== Snippet) {
+			t17 = /* @__PURE__ */ jsx(ActionElement, { children: Snippet });
+			$[58] = Snippet;
+			$[59] = t17;
+		} else t17 = $[59];
 		let t18;
-		if ($[59] !== Snippet) {
-			t18 = /* @__PURE__ */ jsx(ActionElement, { children: Snippet });
-			$[59] = Snippet;
-			$[60] = t18;
-		} else t18 = $[60];
+		if ($[60] !== formattedCode) {
+			t18 = /* @__PURE__ */ jsx(_Tooltip, { children: formattedCode });
+			$[60] = formattedCode;
+			$[61] = t18;
+		} else t18 = $[61];
 		let t19;
-		if ($[61] !== formattedCode) {
-			t19 = /* @__PURE__ */ jsx(_Tooltip, { children: formattedCode });
-			$[61] = formattedCode;
-			$[62] = t19;
-		} else t19 = $[62];
-		let t20;
-		if ($[63] !== t18 || $[64] !== t19) {
-			t20 = /* @__PURE__ */ jsxs(TooltipTrigger, { children: [t18, t19] });
+		if ($[62] !== t17 || $[63] !== t18) {
+			t19 = /* @__PURE__ */ jsxs(TooltipTrigger, { children: [t17, t18] });
+			$[62] = t17;
 			$[63] = t18;
 			$[64] = t19;
-			$[65] = t20;
-		} else t20 = $[65];
-		return t20;
+		} else t19 = $[64];
+		return t19;
 	}
 	return Snippet;
 }