@cube-dev/ui-kit 0.182.0 → 0.183.0

package/dist/components/overlays/Tooltip/TooltipProvider.js

@@ -1,26 +1,91 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { _Tooltip } from "./Tooltip.js";
 import { TooltipTrigger } from "./TooltipTrigger.js";
+import { c } from "react-compiler-runtime";
 import { isValidElement } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useIsSSR } from "react-aria";
 
 //#region src/components/overlays/Tooltip/TooltipProvider.tsx
 function TooltipProvider(props) {
+	const $ = c(26);
 	const isSSR = useIsSSR();
-	const { title, children, tooltipStyles, width, isDisabled, ...otherProps } = props;
+	let children;
+	let isDisabled;
+	let otherProps;
+	let title;
+	let tooltipStyles;
+	let width;
+	if ($[0] !== props) {
+		({title, children, tooltipStyles, width, isDisabled, ...otherProps} = props);
+		$[0] = props;
+		$[1] = children;
+		$[2] = isDisabled;
+		$[3] = otherProps;
+		$[4] = title;
+		$[5] = tooltipStyles;
+		$[6] = width;
+	} else {
+		children = $[1];
+		isDisabled = $[2];
+		otherProps = $[3];
+		title = $[4];
+		tooltipStyles = $[5];
+		width = $[6];
+	}
 	const isFunction = typeof children === "function";
-	if (isSSR) return /* @__PURE__ */ jsx(Fragment$1, { children: isFunction ? children({}, { current: null }) : children });
-	return /* @__PURE__ */ jsxs(TooltipTrigger, {
-		...otherProps,
-		isDisabled,
-		disableFocusableProvider: isFunction,
-		children: [isFunction || isValidElement(children) || typeof children === "string" ? children : /* @__PURE__ */ jsx(Fragment$1, { children }), isDisabled ? /* @__PURE__ */ jsx("div", {}) : /* @__PURE__ */ jsx(_Tooltip, {
+	if (isSSR) {
+		let t0;
+		if ($[7] !== children || $[8] !== isFunction) {
+			t0 = isFunction ? children({}, { current: null }) : children;
+			$[7] = children;
+			$[8] = isFunction;
+			$[9] = t0;
+		} else t0 = $[9];
+		let t1;
+		if ($[10] !== t0) {
+			t1 = /* @__PURE__ */ jsx(Fragment$1, { children: t0 });
+			$[10] = t0;
+			$[11] = t1;
+		} else t1 = $[11];
+		return t1;
+	}
+	let t0;
+	if ($[12] !== children || $[13] !== isFunction) {
+		t0 = isFunction || isValidElement(children) || typeof children === "string" ? children : /* @__PURE__ */ jsx(Fragment$1, { children });
+		$[12] = children;
+		$[13] = isFunction;
+		$[14] = t0;
+	} else t0 = $[14];
+	let t1;
+	if ($[15] !== isDisabled || $[16] !== title || $[17] !== tooltipStyles || $[18] !== width) {
+		t1 = isDisabled ? /* @__PURE__ */ jsx("div", {}) : /* @__PURE__ */ jsx(_Tooltip, {
 			styles: tooltipStyles,
 			...width ? { width } : null,
 			children: title
-		})]
-	});
+		});
+		$[15] = isDisabled;
+		$[16] = title;
+		$[17] = tooltipStyles;
+		$[18] = width;
+		$[19] = t1;
+	} else t1 = $[19];
+	let t2;
+	if ($[20] !== isDisabled || $[21] !== isFunction || $[22] !== otherProps || $[23] !== t0 || $[24] !== t1) {
+		t2 = /* @__PURE__ */ jsxs(TooltipTrigger, {
+			...otherProps,
+			isDisabled,
+			disableFocusableProvider: isFunction,
+			children: [t0, t1]
+		});
+		$[20] = isDisabled;
+		$[21] = isFunction;
+		$[22] = otherProps;
+		$[23] = t0;
+		$[24] = t1;
+		$[25] = t2;
+	} else t2 = $[25];
+	return t2;
 }
 
 //#endregion

package/dist/components/overlays/Tooltip/TooltipProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipProvider.js","names":["Tooltip"],"sources":["../../../../src/components/overlays/Tooltip/TooltipProvider.tsx"],"sourcesContent":["import { Styles } from '@tenphi/tasty';\nimport { isValidElement, ReactElement, ReactNode, RefObject } from 'react';\nimport { useIsSSR } from 'react-aria';\n\nimport { CubeTooltipProps, Tooltip } from './Tooltip';\nimport {\n  CubeTooltipTriggerProps,\n  TooltipTrigger,\n  TooltipTriggerFunction,\n} from './TooltipTrigger';\n\nexport interface CubeTooltipProviderProps\n  extends Omit<CubeTooltipTriggerProps, 'children'> {\n  children: ReactNode | TooltipTriggerFunction;\n  title?: ReactNode;\n  tooltipStyles?: Styles;\n  width?: CubeTooltipProps['width'];\n}\n\nexport function TooltipProvider(props: CubeTooltipProviderProps): ReactElement {\n  const isSSR = useIsSSR();\n  const { title, children, tooltipStyles, width, isDisabled, ...otherProps } =\n    props;\n\n  const isFunction = typeof children === 'function';\n\n  // Render without the tooltip on the server, and while hydrating it.\n  //\n  // `useIsSSR` rather than a `rendered` state flipped from an effect: the\n  // state version answered `false` on the first client render too, so every\n  // client-rendered tree paid a second commit — and its trigger a remount —\n  // one task after everything watching the mount had called it finished.\n  if (isSSR) {\n    return (\n      <>\n        {isFunction\n          ? children({}, { current: null } as unknown as RefObject<HTMLElement>)\n          : children}\n      </>\n    ) as ReactElement;\n  }\n\n  // Both patterns pass through to TooltipTrigger\n  // The difference is whether we pass function or element as first child\n  return (\n    <TooltipTrigger\n      {...otherProps}\n      isDisabled={isDisabled}\n      disableFocusableProvider={isFunction}\n    >\n      {isFunction ||\n      isValidElement(children) ||\n      typeof children === 'string' ? (\n        children\n      ) : (\n        <>{children}</>\n      )}\n      {isDisabled ? (\n        <div />\n      ) : (\n        <Tooltip styles={tooltipStyles} {...(width ? { width } : null)}>\n          {title}\n        </Tooltip>\n      )}\n    </TooltipTrigger>\n  );\n}\n"],"mappings":";;;;;;;;AAmBA,SAAgB,gBAAgB,OAA+C;CAC7E,MAAM,QAAQ,UAAU;CACxB,MAAM,EAAE,OAAO,UAAU,eAAe,OAAO,YAAY,GAAG,eAC5D;CAEF,MAAM,aAAa,OAAO,aAAa;AAQvC,KAAI,MACF,QACE,4CACG,aACG,SAAS,EAAE,EAAE,EAAE,SAAS,MAAM,CAAsC,GACpE,WACH;AAMP,QACE,qBAAC;EACC,GAAI;EACQ;EACZ,0BAA0B;aAEzB,cACD,eAAe,SAAS,IACxB,OAAO,aAAa,WAClB,WAEA,kCAAG,WAAY,EAEhB,aACC,oBAAC,UAAM,GAEP,oBAACA;GAAQ,QAAQ;GAAe,GAAK,QAAQ,EAAE,OAAO,GAAG;aACtD;IACO;GAEG"}
+{"version":3,"file":"TooltipProvider.js","names":["Styles","isValidElement","ReactElement","ReactNode","RefObject","useIsSSR","CubeTooltipProps","Tooltip","CubeTooltipTriggerProps","TooltipTrigger","TooltipTriggerFunction","CubeTooltipProviderProps","Omit","children","title","tooltipStyles","width","TooltipProvider","props","$","_c","isSSR","isDisabled","otherProps","isFunction","t0","current","HTMLElement","t1","t2"],"sources":["../../../../src/components/overlays/Tooltip/TooltipProvider.tsx"],"sourcesContent":["import { Styles } from '@tenphi/tasty';\nimport { isValidElement, ReactElement, ReactNode, RefObject } from 'react';\nimport { useIsSSR } from 'react-aria';\n\nimport { CubeTooltipProps, Tooltip } from './Tooltip';\nimport {\n  CubeTooltipTriggerProps,\n  TooltipTrigger,\n  TooltipTriggerFunction,\n} from './TooltipTrigger';\n\nexport interface CubeTooltipProviderProps\n  extends Omit<CubeTooltipTriggerProps, 'children'> {\n  children: ReactNode | TooltipTriggerFunction;\n  title?: ReactNode;\n  tooltipStyles?: Styles;\n  width?: CubeTooltipProps['width'];\n}\n\nexport function TooltipProvider(props: CubeTooltipProviderProps): ReactElement {\n  const isSSR = useIsSSR();\n  const { title, children, tooltipStyles, width, isDisabled, ...otherProps } =\n    props;\n\n  const isFunction = typeof children === 'function';\n\n  // Render without the tooltip on the server, and while hydrating it.\n  //\n  // `useIsSSR` rather than a `rendered` state flipped from an effect: the\n  // state version answered `false` on the first client render too, so every\n  // client-rendered tree paid a second commit — and its trigger a remount —\n  // one task after everything watching the mount had called it finished.\n  if (isSSR) {\n    return (\n      <>\n        {isFunction\n          ? children({}, { current: null } as unknown as RefObject<HTMLElement>)\n          : children}\n      </>\n    ) as ReactElement;\n  }\n\n  // Both patterns pass through to TooltipTrigger\n  // The difference is whether we pass function or element as first child\n  return (\n    <TooltipTrigger\n      {...otherProps}\n      isDisabled={isDisabled}\n      disableFocusableProvider={isFunction}\n    >\n      {isFunction ||\n      isValidElement(children) ||\n      typeof children === 'string' ? (\n        children\n      ) : (\n        <>{children}</>\n      )}\n      {isDisabled ? (\n        <div />\n      ) : (\n        <Tooltip styles={tooltipStyles} {...(width ? { width } : null)}>\n          {title}\n        </Tooltip>\n      )}\n    </TooltipTrigger>\n  );\n}\n"],"mappings":";;;;;;;;;AAmBA,SAAOiB,gBAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACL,MAAAC,QAAchB,UAAU;CAAC,IAAAQ;CAAA,IAAAS;CAAA,IAAAC;CAAA,IAAAT;CAAA,IAAAC;CAAA,IAAAC;AAAA,KAAAG,EAAA,OAAAD,OAAA;AACzB,GAAA,CAAAJ,OAAAD,UAAAE,eAAAC,OAAAM,eAAAC,cACEL;AAAMC,IAAA,KAAAD;AAAAC,IAAA,KAAAN;AAAAM,IAAA,KAAAG;AAAAH,IAAA,KAAAI;AAAAJ,IAAA,KAAAL;AAAAK,IAAA,KAAAJ;AAAAI,IAAA,KAAAH;QAAA;AAAAH,aAAAM,EAAA;AAAAG,eAAAH,EAAA;AAAAI,eAAAJ,EAAA;AAAAL,UAAAK,EAAA;AAAAJ,kBAAAI,EAAA;AAAAH,UAAAG,EAAA;;CAER,MAAAK,aAAmB,OAAOX,aAAa;AAQvC,KAAIQ,OAAK;EAAA,IAAAI;AAAA,MAAAN,EAAA,OAAAN,YAAAM,EAAA,OAAAK,YAAA;AAGFC,QAAAD,aACGX,SAAS,EAAE,EAAE,EAAAa,SAAW,MAAM,CACtB,GAFXb;AAEWM,KAAA,KAAAN;AAAAM,KAAA,KAAAK;AAAAL,KAAA,KAAAM;QAAAA,MAAAN,EAAA;EAAA,IAAAS;AAAA,MAAAT,EAAA,QAAAM,IAAA;AAHdG,QAAA,4CACGH,KAGA;AAAAN,KAAA,MAAAM;AAAAN,KAAA,MAAAS;QAAAA,MAAAT,EAAA;AAAA,SAJHS;;CAMH,IAAAH;AAAA,KAAAN,EAAA,QAAAN,YAAAM,EAAA,QAAAK,YAAA;AAUIC,OAAAD,cACDvB,eAAeY,SACa,IAA5B,OAAOA,aAAa,WAFnBA,WAAA,kCAKIA,WACJ;AAAAM,IAAA,MAAAN;AAAAM,IAAA,MAAAK;AAAAL,IAAA,MAAAM;OAAAA,MAAAN,EAAA;CAAA,IAAAS;AAAA,KAAAT,EAAA,QAAAG,cAAAH,EAAA,QAAAL,SAAAK,EAAA,QAAAJ,iBAAAI,EAAA,QAAAH,OAAA;AACAY,OAAAN,aACC,oBAAA,UAKD,GAHC,oBAAC;GAAgBP,QAAAA;GAAa,GAAOC,QAAA,EAAAA,OAAwB,GAAxB;aAClCF;IAEJ;AAAAK,IAAA,MAAAG;AAAAH,IAAA,MAAAL;AAAAK,IAAA,MAAAJ;AAAAI,IAAA,MAAAH;AAAAG,IAAA,MAAAS;OAAAA,MAAAT,EAAA;CAAA,IAAAU;AAAA,KAAAV,EAAA,QAAAG,cAAAH,EAAA,QAAAK,cAAAL,EAAA,QAAAI,cAAAJ,EAAA,QAAAM,MAAAN,EAAA,QAAAS,IAAA;AAlBHC,OAAA,qBAAC;GAAc,GACTN;GACQD;GACcE,0BAAAA;cAEzBC,IAOAG;IAOc;AAAAT,IAAA,MAAAG;AAAAH,IAAA,MAAAK;AAAAL,IAAA,MAAAI;AAAAJ,IAAA,MAAAM;AAAAN,IAAA,MAAAS;AAAAT,IAAA,MAAAU;OAAAA,MAAAV,EAAA;AAAA,QAnBjBU"}

package/dist/components/overlays/Tooltip/TooltipTrigger.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { isDevEnv } from "../../../utils/is-dev-env.js";
 import { TooltipContext } from "./context.js";
@@ -7,6 +7,7 @@ import { Block } from "../../Block.js";
 import { _ActiveZone } from "../../content/ActiveZone/ActiveZone.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";
 import { Portal } from "../../portal/Portal.js";
+import { c } from "react-compiler-runtime";
 import { isValidElement, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useOverlayPosition, useTooltipTrigger } from "react-aria";
@@ -28,93 +29,201 @@ function isReactElement(value) {
 * relative to the trigger.
 */
 function TooltipTrigger(props) {
-	let { children, activeWrap, targetRef: externalRef, crossOffset = DEFAULT_CROSS_OFFSET, isDisabled, isMaterial, isLight, offset = DEFAULT_OFFSET, trigger: triggerAction, delay = 250, isOpen, onOpenChange, defaultOpen, disableFocusableProvider } = props;
+	const $ = c(44);
+	const { children, activeWrap, targetRef: externalRef, crossOffset: t0, isDisabled, isMaterial, isLight, offset: t1, trigger: triggerAction, delay: t2, isOpen, onOpenChange, defaultOpen, disableFocusableProvider } = props;
+	const crossOffset = t0 === void 0 ? DEFAULT_CROSS_OFFSET : t0;
+	const offset = t1 === void 0 ? DEFAULT_OFFSET : t1;
+	const delay = t2 === void 0 ? 250 : t2;
 	const [trigger, tooltip] = Array.isArray(children) ? children : [children];
 	if (!isReactElement(tooltip)) throw new Error("CubeUIKit: TooltipTrigger expects the second child to be a valid React element (Tooltip component).");
 	if (!isTriggerFunction(trigger) && !isReactElement(trigger) && typeof trigger !== "string") throw new Error("CubeUIKit: TooltipTrigger expects the first child to be a function, React element, or string.");
 	if (activeWrap && isDevEnv()) console.warn("CubeUIKit: The `activeWrap` prop is deprecated. Use function-as-first-child pattern instead.");
-	let internalRef = useRef(null);
-	let tooltipTriggerRef = externalRef ?? internalRef;
-	let overlayRef = useRef(null);
-	let state = useTooltipTriggerState({
-		delay,
-		...props,
-		isDismissable: false
-	});
-	let { triggerProps: rawTriggerProps, tooltipProps } = useTooltipTrigger({
-		trigger: triggerAction,
-		delay,
-		isOpen,
-		onOpenChange,
-		isDismissable: false,
-		defaultOpen
-	}, state, tooltipTriggerRef);
-	const onFocus = useEvent((event) => {
-		if (isFocusRestoration()) return;
-		rawTriggerProps.onFocus?.(event);
-	});
+	const internalRef = useRef(null);
+	const tooltipTriggerRef = externalRef ?? internalRef;
+	const overlayRef = useRef(null);
+	let t3;
+	if ($[0] !== delay || $[1] !== props) {
+		t3 = {
+			delay,
+			...props,
+			isDismissable: false
+		};
+		$[0] = delay;
+		$[1] = props;
+		$[2] = t3;
+	} else t3 = $[2];
+	const state = useTooltipTriggerState(t3);
+	let t4;
+	if ($[3] !== defaultOpen || $[4] !== delay || $[5] !== isOpen || $[6] !== onOpenChange || $[7] !== triggerAction) {
+		t4 = {
+			trigger: triggerAction,
+			delay,
+			isOpen,
+			onOpenChange,
+			isDismissable: false,
+			defaultOpen
+		};
+		$[3] = defaultOpen;
+		$[4] = delay;
+		$[5] = isOpen;
+		$[6] = onOpenChange;
+		$[7] = triggerAction;
+		$[8] = t4;
+	} else t4 = $[8];
+	const { triggerProps: rawTriggerProps, tooltipProps } = useTooltipTrigger(t4, state, tooltipTriggerRef);
+	let t5;
+	if ($[9] !== rawTriggerProps) {
+		t5 = (event) => {
+			if (isFocusRestoration()) return;
+			rawTriggerProps.onFocus?.(event);
+		};
+		$[9] = rawTriggerProps;
+		$[10] = t5;
+	} else t5 = $[10];
+	const onFocus = useEvent(t5);
 	const triggerProps = {
 		...rawTriggerProps,
 		onFocus
 	};
-	let { overlayProps, arrowProps, placement, updatePosition } = useOverlayPosition({
-		placement: props.placement || "top",
-		targetRef: tooltipTriggerRef,
-		overlayRef,
-		offset,
-		crossOffset,
-		isDismissable: false,
-		isOpen: state.isOpen
-	});
-	const tooltipContextValue = {
-		state,
-		placement: placement || props.placement || "top",
-		ref: overlayRef,
-		overlayProps,
-		arrowProps,
-		minOffset: "var(--gap)",
-		minScale: "1",
-		isMaterial,
-		isLight,
-		updatePosition,
-		...tooltipProps
-	};
-	if (isTriggerFunction(trigger)) return /* @__PURE__ */ jsxs(Fragment$1, { children: [trigger(triggerProps, tooltipTriggerRef), /* @__PURE__ */ jsx(DisplayTransition, {
-		isShown: state.isOpen,
-		children: ({ phase, isShown, ref: transitionRef }) => /* @__PURE__ */ jsx(TooltipContext.Provider, {
-			value: {
-				...tooltipContextValue,
-				phase,
-				isShown,
-				ref: overlayRef,
-				transitionRef
-			},
-			children: /* @__PURE__ */ jsx(Portal, { children: tooltip })
-		})
-	})] });
+	const t6 = props.placement || "top";
+	let t7;
+	if ($[11] !== crossOffset || $[12] !== offset || $[13] !== state.isOpen || $[14] !== t6 || $[15] !== tooltipTriggerRef) {
+		t7 = {
+			placement: t6,
+			targetRef: tooltipTriggerRef,
+			overlayRef,
+			offset,
+			crossOffset,
+			isDismissable: false,
+			isOpen: state.isOpen
+		};
+		$[11] = crossOffset;
+		$[12] = offset;
+		$[13] = state.isOpen;
+		$[14] = t6;
+		$[15] = tooltipTriggerRef;
+		$[16] = t7;
+	} else t7 = $[16];
+	const { overlayProps, arrowProps, placement, updatePosition } = useOverlayPosition(t7);
+	const t8 = placement || props.placement || "top";
+	let t9;
+	if ($[17] !== arrowProps || $[18] !== isLight || $[19] !== isMaterial || $[20] !== overlayProps || $[21] !== state || $[22] !== t8 || $[23] !== tooltipProps || $[24] !== updatePosition) {
+		t9 = {
+			state,
+			placement: t8,
+			ref: overlayRef,
+			overlayProps,
+			arrowProps,
+			minOffset: "var(--gap)",
+			minScale: "1",
+			isMaterial,
+			isLight,
+			updatePosition,
+			...tooltipProps
+		};
+		$[17] = arrowProps;
+		$[18] = isLight;
+		$[19] = isMaterial;
+		$[20] = overlayProps;
+		$[21] = state;
+		$[22] = t8;
+		$[23] = tooltipProps;
+		$[24] = updatePosition;
+		$[25] = t9;
+	} else t9 = $[25];
+	const tooltipContextValue = t9;
+	if (isTriggerFunction(trigger)) {
+		const t10 = (t11) => {
+			const { phase, isShown, ref: transitionRef } = t11;
+			return /* @__PURE__ */ jsx(TooltipContext.Provider, {
+				value: {
+					...tooltipContextValue,
+					phase,
+					isShown,
+					ref: overlayRef,
+					transitionRef
+				},
+				children: /* @__PURE__ */ jsx(Portal, { children: tooltip })
+			});
+		};
+		let t12;
+		if ($[26] !== state.isOpen || $[27] !== t10) {
+			t12 = /* @__PURE__ */ jsx(DisplayTransition, {
+				isShown: state.isOpen,
+				children: t10
+			});
+			$[26] = state.isOpen;
+			$[27] = t10;
+			$[28] = t12;
+		} else t12 = $[28];
+		return /* @__PURE__ */ jsxs(Fragment$1, { children: [trigger(triggerProps, tooltipTriggerRef), t12] });
+	}
 	if (!activeWrap && typeof trigger === "string") {
 		console.warn("CubeUIKit: Tooltips are only supported on elements that are both focusable and hoverable. To solve this issue you can: 1) Use active element as a trigger (`Button`, `Link`, etc); 2) Use function-as-first-child pattern to manually apply trigger props; 3) Use `ActiveZone` component to manually wrap the content.");
-		return /* @__PURE__ */ jsx(Block, { children: trigger });
-	}
-	function onClick(e) {
-		e?.currentTarget?.parentNode.click();
+		let t10;
+		if ($[29] !== trigger) {
+			t10 = /* @__PURE__ */ jsx(Block, { children: trigger });
+			$[29] = trigger;
+			$[30] = t10;
+		} else t10 = $[30];
+		return t10;
 	}
-	const triggerContent = /* @__PURE__ */ jsxs(Fragment$1, { children: [activeWrap ? /* @__PURE__ */ jsx(_ActiveZone, {
-		onClick,
-		children: trigger
-	}) : trigger, /* @__PURE__ */ jsx(DisplayTransition, {
-		isShown: state.isOpen && !isDisabled,
-		children: ({ phase, isShown, ref: transitionRef }) => /* @__PURE__ */ jsx(TooltipContext.Provider, {
-			value: {
-				...tooltipContextValue,
-				phase,
-				isShown,
-				ref: overlayRef,
-				transitionRef
-			},
-			children: /* @__PURE__ */ jsx(Portal, { children: tooltip })
-		})
-	})] });
+	let t10;
+	if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
+		t10 = function onClick(e) {
+			e?.currentTarget?.parentNode.click();
+		};
+		$[31] = t10;
+	} else t10 = $[31];
+	const onClick = t10;
+	let t11;
+	if ($[32] !== activeWrap || $[33] !== trigger) {
+		t11 = activeWrap ? /* @__PURE__ */ jsx(_ActiveZone, {
+			onClick,
+			children: trigger
+		}) : trigger;
+		$[32] = activeWrap;
+		$[33] = trigger;
+		$[34] = t11;
+	} else t11 = $[34];
+	const t12 = state.isOpen && !isDisabled;
+	let t13;
+	if ($[35] !== tooltip || $[36] !== tooltipContextValue) {
+		t13 = (t14) => {
+			const { phase: phase_0, isShown: isShown_0, ref: transitionRef_0 } = t14;
+			return /* @__PURE__ */ jsx(TooltipContext.Provider, {
+				value: {
+					...tooltipContextValue,
+					phase: phase_0,
+					isShown: isShown_0,
+					ref: overlayRef,
+					transitionRef: transitionRef_0
+				},
+				children: /* @__PURE__ */ jsx(Portal, { children: tooltip })
+			});
+		};
+		$[35] = tooltip;
+		$[36] = tooltipContextValue;
+		$[37] = t13;
+	} else t13 = $[37];
+	let t14;
+	if ($[38] !== t12 || $[39] !== t13) {
+		t14 = /* @__PURE__ */ jsx(DisplayTransition, {
+			isShown: t12,
+			children: t13
+		});
+		$[38] = t12;
+		$[39] = t13;
+		$[40] = t14;
+	} else t14 = $[40];
+	let t15;
+	if ($[41] !== t11 || $[42] !== t14) {
+		t15 = /* @__PURE__ */ jsxs(Fragment$1, { children: [t11, t14] });
+		$[41] = t11;
+		$[42] = t14;
+		$[43] = t15;
+	} else t15 = $[43];
+	const triggerContent = t15;
 	if (disableFocusableProvider) return triggerContent;
 	return /* @__PURE__ */ jsx(FocusableProvider, {
 		...triggerProps,

package/dist/components/overlays/Tooltip/TooltipTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipTrigger.js","names":["ActiveZone"],"sources":["../../../../src/components/overlays/Tooltip/TooltipTrigger.tsx"],"sourcesContent":["import { FocusableProvider } from '@react-aria/focus';\nimport {\n  FocusEvent,\n  HTMLAttributes,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useRef,\n} from 'react';\nimport {\n  Placement,\n  TooltipTriggerProps,\n  useOverlayPosition,\n  useTooltipTrigger,\n} from 'react-aria';\nimport { useTooltipTriggerState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal';\nimport { isDevEnv } from '../../../utils/is-dev-env';\nimport { isFocusRestoration } from '../../../utils/react/programmaticFocus';\nimport { Block } from '../../Block';\nimport { ActiveZone } from '../../content/ActiveZone/ActiveZone';\nimport { DisplayTransition } from '../../helpers/DisplayTransition/DisplayTransition';\nimport { Portal } from '../../portal';\n\nimport { TooltipContext } from './context';\n\nconst DEFAULT_OFFSET = 8; // Offset needed to reach 4px/5px (med/large) distance between tooltip and trigger button\nconst DEFAULT_CROSS_OFFSET = 0;\n\n// Type guards\nfunction isTriggerFunction(value: unknown): value is TooltipTriggerFunction {\n  return typeof value === 'function';\n}\n\nfunction isReactElement(value: unknown): value is ReactElement {\n  return isValidElement(value);\n}\n\nexport type TooltipTriggerFunction = (\n  triggerProps: HTMLAttributes<HTMLElement>,\n  ref: RefObject<HTMLElement>,\n) => ReactNode;\n\nexport interface CubeTooltipTriggerProps extends TooltipTriggerProps {\n  children: [ReactElement | string | TooltipTriggerFunction, ReactElement];\n  crossOffset?: number;\n  offset?: number;\n  placement?: Placement;\n  isMaterial?: boolean;\n  isLight?: boolean;\n  /**\n   * @deprecated Use function-as-first-child pattern instead.\n   * Whether the trigger should have an ActiveZone wrap to make sure it's focusable and hoverable.\n   * Otherwise, tooltip won't work.\n   */\n  activeWrap?: boolean;\n  /**\n   * External ref to use instead of internal ref (optional).\n   */\n  targetRef?: RefObject<HTMLElement>;\n  isOpen?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  defaultOpen?: boolean;\n  /**\n   * Whether the tooltip should be disabled, independent of the trigger.\n   */\n  isDisabled?: boolean;\n  /**\n   * The delay time for the tooltip to show up.\n   * @default 1500\n   */\n  delay?: number;\n  /**\n   * The delay time for the tooltip to close.\n   * @default 500\n   */\n  closeDelay?: number;\n  /**\n   * By default, opens for both focus and hover. Can be made to open only for focus.\n   */\n  trigger?: 'focus';\n  /**\n   * When true, FocusableProvider won't be applied to the trigger.\n   * Useful when trigger already handles focus or uses render props pattern.\n   */\n  disableFocusableProvider?: boolean;\n}\n\n/**\n * TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing\n * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip\n * relative to the trigger.\n */\nexport function TooltipTrigger(props: CubeTooltipTriggerProps) {\n  let {\n    children,\n    activeWrap,\n    targetRef: externalRef,\n    crossOffset = DEFAULT_CROSS_OFFSET,\n    isDisabled,\n    isMaterial,\n    isLight,\n    offset = DEFAULT_OFFSET,\n    trigger: triggerAction,\n    delay = 250,\n    isOpen,\n    onOpenChange,\n    defaultOpen,\n    disableFocusableProvider,\n  } = props;\n\n  // Extract both children without using React.Children.toArray so we don't lose\n  // function-as-child (render-prop) which React.Children filters out.\n  const rawChildrenArray = Array.isArray(children)\n    ? (children as unknown[])\n    : ([children] as unknown[]);\n\n  const [trigger, tooltip] = rawChildrenArray;\n\n  // Type guard the tooltip\n  if (!isReactElement(tooltip)) {\n    throw new Error(\n      'CubeUIKit: TooltipTrigger expects the second child to be a valid React element (Tooltip component).',\n    );\n  }\n\n  // Type guard the trigger\n  if (\n    !isTriggerFunction(trigger) &&\n    !isReactElement(trigger) &&\n    typeof trigger !== 'string'\n  ) {\n    throw new Error(\n      'CubeUIKit: TooltipTrigger expects the first child to be a function, React element, or string.',\n    );\n  }\n\n  // Show deprecation warning for activeWrap\n  if (activeWrap && isDevEnv()) {\n    console.warn(\n      'CubeUIKit: The `activeWrap` prop is deprecated. Use function-as-first-child pattern instead.',\n    );\n  }\n\n  let internalRef = useRef<HTMLElement>(null!);\n  let tooltipTriggerRef = externalRef ?? internalRef;\n  let overlayRef = useRef<HTMLElement | null>(null);\n\n  let state = useTooltipTriggerState({ delay, ...props, isDismissable: false });\n\n  let { triggerProps: rawTriggerProps, tooltipProps } = useTooltipTrigger(\n    {\n      trigger: triggerAction,\n      delay,\n      isOpen,\n      onOpenChange,\n      isDismissable: false,\n      defaultOpen,\n    },\n    state,\n    tooltipTriggerRef,\n  );\n\n  // A tooltip answers a user arriving at the trigger. Focus handed back by a\n  // component — a popup returning it to the trigger it came from — is not that\n  // arrival, but the DOM event is identical and the modality is still\n  // \"keyboard\", so React Aria would show the tooltip anyway. It then absorbs\n  // the user's next `Escape` from its own document-level listener, which is\n  // how a Dialog ended up needing two presses to close (CUB-4839).\n  //\n  // Dropping the focus handler rather than closing after the fact: React Aria\n  // decides to show inside it, so this never starts and nothing flashes.\n  //\n  // Covers both restore paths — ours and a `FocusScope`'s — see\n  // `programmaticFocus`.\n  const onFocus = useEvent((event: FocusEvent<HTMLElement>) => {\n    if (isFocusRestoration()) return;\n\n    rawTriggerProps.onFocus?.(event);\n  });\n\n  const triggerProps = { ...rawTriggerProps, onFocus };\n\n  let { overlayProps, arrowProps, placement, updatePosition } =\n    useOverlayPosition({\n      placement: props.placement || 'top',\n      targetRef: tooltipTriggerRef,\n      overlayRef,\n      offset,\n      crossOffset,\n      isDismissable: false,\n      isOpen: state.isOpen,\n    });\n\n  const tooltipContextValue = {\n    state,\n    placement: placement || props.placement || 'top',\n    ref: overlayRef,\n    overlayProps,\n    arrowProps,\n    minOffset: 'var(--gap)',\n    minScale: '1',\n    isMaterial,\n    isLight,\n    updatePosition,\n    ...tooltipProps,\n  };\n\n  // Function trigger pattern (new)\n  if (isTriggerFunction(trigger)) {\n    return (\n      <>\n        {trigger(triggerProps, tooltipTriggerRef)}\n        <DisplayTransition isShown={state.isOpen}>\n          {({ phase, isShown, ref: transitionRef }) => (\n            <TooltipContext.Provider\n              value={{\n                ...tooltipContextValue,\n                phase,\n                isShown,\n                ref: overlayRef,\n                transitionRef,\n              }}\n            >\n              <Portal>{tooltip}</Portal>\n            </TooltipContext.Provider>\n          )}\n        </DisplayTransition>\n      </>\n    );\n  }\n\n  // Legacy element/string trigger pattern\n  if (!activeWrap && typeof trigger === 'string') {\n    console.warn(\n      'CubeUIKit: Tooltips are only supported on elements that are both focusable and hoverable. To solve this issue you can: 1) Use active element as a trigger (`Button`, `Link`, etc); 2) Use function-as-first-child pattern to manually apply trigger props; 3) Use `ActiveZone` component to manually wrap the content.',\n    );\n\n    return <Block>{trigger}</Block>;\n  }\n\n  function onClick(e) {\n    e?.currentTarget?.parentNode.click();\n  }\n\n  const triggerContent = (\n    <>\n      {activeWrap ? (\n        <ActiveZone onClick={onClick}>{trigger}</ActiveZone>\n      ) : (\n        trigger\n      )}\n      <DisplayTransition isShown={state.isOpen && !isDisabled}>\n        {({ phase, isShown, ref: transitionRef }) => (\n          <TooltipContext.Provider\n            value={{\n              ...tooltipContextValue,\n              phase,\n              isShown,\n              ref: overlayRef,\n              transitionRef,\n            }}\n          >\n            <Portal>{tooltip}</Portal>\n          </TooltipContext.Provider>\n        )}\n      </DisplayTransition>\n    </>\n  );\n\n  if (disableFocusableProvider) {\n    return triggerContent;\n  }\n\n  return (\n    <FocusableProvider {...triggerProps} ref={tooltipTriggerRef}>\n      {triggerContent}\n    </FocusableProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AA4BA,MAAM,iBAAiB;AACvB,MAAM,uBAAuB;AAG7B,SAAS,kBAAkB,OAAiD;AAC1E,QAAO,OAAO,UAAU;;AAG1B,SAAS,eAAe,OAAuC;AAC7D,QAAO,eAAe,MAAM;;;;;;;AA0D9B,SAAgB,eAAe,OAAgC;CAC7D,IAAI,EACF,UACA,YACA,WAAW,aACX,cAAc,sBACd,YACA,YACA,SACA,SAAS,gBACT,SAAS,eACT,QAAQ,KACR,QACA,cACA,aACA,6BACE;CAQJ,MAAM,CAAC,SAAS,WAJS,MAAM,QAAQ,SAAS,GAC3C,WACA,CAAC,SAAS;AAKf,KAAI,CAAC,eAAe,QAAQ,CAC1B,OAAM,IAAI,MACR,sGACD;AAIH,KACE,CAAC,kBAAkB,QAAQ,IAC3B,CAAC,eAAe,QAAQ,IACxB,OAAO,YAAY,SAEnB,OAAM,IAAI,MACR,gGACD;AAIH,KAAI,cAAc,UAAU,CAC1B,SAAQ,KACN,+FACD;CAGH,IAAI,cAAc,OAAoB,KAAM;CAC5C,IAAI,oBAAoB,eAAe;CACvC,IAAI,aAAa,OAA2B,KAAK;CAEjD,IAAI,QAAQ,uBAAuB;EAAE;EAAO,GAAG;EAAO,eAAe;EAAO,CAAC;CAE7E,IAAI,EAAE,cAAc,iBAAiB,iBAAiB,kBACpD;EACE,SAAS;EACT;EACA;EACA;EACA,eAAe;EACf;EACD,EACD,OACA,kBACD;CAcD,MAAM,UAAU,UAAU,UAAmC;AAC3D,MAAI,oBAAoB,CAAE;AAE1B,kBAAgB,UAAU,MAAM;GAChC;CAEF,MAAM,eAAe;EAAE,GAAG;EAAiB;EAAS;CAEpD,IAAI,EAAE,cAAc,YAAY,WAAW,mBACzC,mBAAmB;EACjB,WAAW,MAAM,aAAa;EAC9B,WAAW;EACX;EACA;EACA;EACA,eAAe;EACf,QAAQ,MAAM;EACf,CAAC;CAEJ,MAAM,sBAAsB;EAC1B;EACA,WAAW,aAAa,MAAM,aAAa;EAC3C,KAAK;EACL;EACA;EACA,WAAW;EACX,UAAU;EACV;EACA;EACA;EACA,GAAG;EACJ;AAGD,KAAI,kBAAkB,QAAQ,CAC5B,QACE,8CACG,QAAQ,cAAc,kBAAkB,EACzC,oBAAC;EAAkB,SAAS,MAAM;aAC9B,EAAE,OAAO,SAAS,KAAK,oBACvB,oBAAC,eAAe;GACd,OAAO;IACL,GAAG;IACH;IACA;IACA,KAAK;IACL;IACD;aAED,oBAAC,oBAAQ,UAAiB;IACF;GAEV,IACnB;AAKP,KAAI,CAAC,cAAc,OAAO,YAAY,UAAU;AAC9C,UAAQ,KACN,yTACD;AAED,SAAO,oBAAC,mBAAO,UAAgB;;CAGjC,SAAS,QAAQ,GAAG;AAClB,KAAG,eAAe,WAAW,OAAO;;CAGtC,MAAM,iBACJ,8CACG,aACC,oBAACA;EAAoB;YAAU;GAAqB,GAEpD,SAEF,oBAAC;EAAkB,SAAS,MAAM,UAAU,CAAC;aACzC,EAAE,OAAO,SAAS,KAAK,oBACvB,oBAAC,eAAe;GACd,OAAO;IACL,GAAG;IACH;IACA;IACA,KAAK;IACL;IACD;aAED,oBAAC,oBAAQ,UAAiB;IACF;GAEV,IACnB;AAGL,KAAI,yBACF,QAAO;AAGT,QACE,oBAAC;EAAkB,GAAI;EAAc,KAAK;YACvC;GACiB"}
+{"version":3,"file":"TooltipTrigger.js","names":["FocusableProvider","FocusEvent","HTMLAttributes","isValidElement","ReactElement","ReactNode","RefObject","useRef","Placement","TooltipTriggerProps","useOverlayPosition","useTooltipTrigger","useTooltipTriggerState","useEvent","isDevEnv","isFocusRestoration","Block","ActiveZone","DisplayTransition","Portal","TooltipContext","DEFAULT_OFFSET","DEFAULT_CROSS_OFFSET","isTriggerFunction","value","TooltipTriggerFunction","isReactElement","triggerProps","HTMLElement","ref","CubeTooltipTriggerProps","children","crossOffset","offset","placement","isMaterial","isLight","activeWrap","targetRef","isOpen","onOpenChange","defaultOpen","isDisabled","delay","closeDelay","trigger","disableFocusableProvider","TooltipTrigger","props","$","_c","externalRef","t0","t1","triggerAction","t2","undefined","rawChildrenArray","Array","isArray","tooltip","Error","console","warn","internalRef","tooltipTriggerRef","overlayRef","t3","isDismissable","state","t4","rawTriggerProps","tooltipProps","t5","event","onFocus","t6","t7","overlayProps","arrowProps","updatePosition","t8","t9","minOffset","minScale","tooltipContextValue","t10","t11","phase","isShown","transitionRef","t12","Symbol","for","onClick","e","currentTarget","parentNode","click","t13","t14","phase_0","isShown_0","transitionRef_0","t15","triggerContent"],"sources":["../../../../src/components/overlays/Tooltip/TooltipTrigger.tsx"],"sourcesContent":["import { FocusableProvider } from '@react-aria/focus';\nimport {\n  FocusEvent,\n  HTMLAttributes,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useRef,\n} from 'react';\nimport {\n  Placement,\n  TooltipTriggerProps,\n  useOverlayPosition,\n  useTooltipTrigger,\n} from 'react-aria';\nimport { useTooltipTriggerState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal';\nimport { isDevEnv } from '../../../utils/is-dev-env';\nimport { isFocusRestoration } from '../../../utils/react/programmaticFocus';\nimport { Block } from '../../Block';\nimport { ActiveZone } from '../../content/ActiveZone/ActiveZone';\nimport { DisplayTransition } from '../../helpers/DisplayTransition/DisplayTransition';\nimport { Portal } from '../../portal';\n\nimport { TooltipContext } from './context';\n\nconst DEFAULT_OFFSET = 8; // Offset needed to reach 4px/5px (med/large) distance between tooltip and trigger button\nconst DEFAULT_CROSS_OFFSET = 0;\n\n// Type guards\nfunction isTriggerFunction(value: unknown): value is TooltipTriggerFunction {\n  return typeof value === 'function';\n}\n\nfunction isReactElement(value: unknown): value is ReactElement {\n  return isValidElement(value);\n}\n\nexport type TooltipTriggerFunction = (\n  triggerProps: HTMLAttributes<HTMLElement>,\n  ref: RefObject<HTMLElement>,\n) => ReactNode;\n\nexport interface CubeTooltipTriggerProps extends TooltipTriggerProps {\n  children: [ReactElement | string | TooltipTriggerFunction, ReactElement];\n  crossOffset?: number;\n  offset?: number;\n  placement?: Placement;\n  isMaterial?: boolean;\n  isLight?: boolean;\n  /**\n   * @deprecated Use function-as-first-child pattern instead.\n   * Whether the trigger should have an ActiveZone wrap to make sure it's focusable and hoverable.\n   * Otherwise, tooltip won't work.\n   */\n  activeWrap?: boolean;\n  /**\n   * External ref to use instead of internal ref (optional).\n   */\n  targetRef?: RefObject<HTMLElement>;\n  isOpen?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  defaultOpen?: boolean;\n  /**\n   * Whether the tooltip should be disabled, independent of the trigger.\n   */\n  isDisabled?: boolean;\n  /**\n   * The delay time for the tooltip to show up.\n   * @default 1500\n   */\n  delay?: number;\n  /**\n   * The delay time for the tooltip to close.\n   * @default 500\n   */\n  closeDelay?: number;\n  /**\n   * By default, opens for both focus and hover. Can be made to open only for focus.\n   */\n  trigger?: 'focus';\n  /**\n   * When true, FocusableProvider won't be applied to the trigger.\n   * Useful when trigger already handles focus or uses render props pattern.\n   */\n  disableFocusableProvider?: boolean;\n}\n\n/**\n * TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing\n * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip\n * relative to the trigger.\n */\nexport function TooltipTrigger(props: CubeTooltipTriggerProps) {\n  let {\n    children,\n    activeWrap,\n    targetRef: externalRef,\n    crossOffset = DEFAULT_CROSS_OFFSET,\n    isDisabled,\n    isMaterial,\n    isLight,\n    offset = DEFAULT_OFFSET,\n    trigger: triggerAction,\n    delay = 250,\n    isOpen,\n    onOpenChange,\n    defaultOpen,\n    disableFocusableProvider,\n  } = props;\n\n  // Extract both children without using React.Children.toArray so we don't lose\n  // function-as-child (render-prop) which React.Children filters out.\n  const rawChildrenArray = Array.isArray(children)\n    ? (children as unknown[])\n    : ([children] as unknown[]);\n\n  const [trigger, tooltip] = rawChildrenArray;\n\n  // Type guard the tooltip\n  if (!isReactElement(tooltip)) {\n    throw new Error(\n      'CubeUIKit: TooltipTrigger expects the second child to be a valid React element (Tooltip component).',\n    );\n  }\n\n  // Type guard the trigger\n  if (\n    !isTriggerFunction(trigger) &&\n    !isReactElement(trigger) &&\n    typeof trigger !== 'string'\n  ) {\n    throw new Error(\n      'CubeUIKit: TooltipTrigger expects the first child to be a function, React element, or string.',\n    );\n  }\n\n  // Show deprecation warning for activeWrap\n  if (activeWrap && isDevEnv()) {\n    console.warn(\n      'CubeUIKit: The `activeWrap` prop is deprecated. Use function-as-first-child pattern instead.',\n    );\n  }\n\n  let internalRef = useRef<HTMLElement>(null!);\n  let tooltipTriggerRef = externalRef ?? internalRef;\n  let overlayRef = useRef<HTMLElement | null>(null);\n\n  let state = useTooltipTriggerState({ delay, ...props, isDismissable: false });\n\n  let { triggerProps: rawTriggerProps, tooltipProps } = useTooltipTrigger(\n    {\n      trigger: triggerAction,\n      delay,\n      isOpen,\n      onOpenChange,\n      isDismissable: false,\n      defaultOpen,\n    },\n    state,\n    tooltipTriggerRef,\n  );\n\n  // A tooltip answers a user arriving at the trigger. Focus handed back by a\n  // component — a popup returning it to the trigger it came from — is not that\n  // arrival, but the DOM event is identical and the modality is still\n  // \"keyboard\", so React Aria would show the tooltip anyway. It then absorbs\n  // the user's next `Escape` from its own document-level listener, which is\n  // how a Dialog ended up needing two presses to close (CUB-4839).\n  //\n  // Dropping the focus handler rather than closing after the fact: React Aria\n  // decides to show inside it, so this never starts and nothing flashes.\n  //\n  // Covers both restore paths — ours and a `FocusScope`'s — see\n  // `programmaticFocus`.\n  const onFocus = useEvent((event: FocusEvent<HTMLElement>) => {\n    if (isFocusRestoration()) return;\n\n    rawTriggerProps.onFocus?.(event);\n  });\n\n  const triggerProps = { ...rawTriggerProps, onFocus };\n\n  let { overlayProps, arrowProps, placement, updatePosition } =\n    useOverlayPosition({\n      placement: props.placement || 'top',\n      targetRef: tooltipTriggerRef,\n      overlayRef,\n      offset,\n      crossOffset,\n      isDismissable: false,\n      isOpen: state.isOpen,\n    });\n\n  const tooltipContextValue = {\n    state,\n    placement: placement || props.placement || 'top',\n    ref: overlayRef,\n    overlayProps,\n    arrowProps,\n    minOffset: 'var(--gap)',\n    minScale: '1',\n    isMaterial,\n    isLight,\n    updatePosition,\n    ...tooltipProps,\n  };\n\n  // Function trigger pattern (new)\n  if (isTriggerFunction(trigger)) {\n    return (\n      <>\n        {trigger(triggerProps, tooltipTriggerRef)}\n        <DisplayTransition isShown={state.isOpen}>\n          {({ phase, isShown, ref: transitionRef }) => (\n            <TooltipContext.Provider\n              value={{\n                ...tooltipContextValue,\n                phase,\n                isShown,\n                ref: overlayRef,\n                transitionRef,\n              }}\n            >\n              <Portal>{tooltip}</Portal>\n            </TooltipContext.Provider>\n          )}\n        </DisplayTransition>\n      </>\n    );\n  }\n\n  // Legacy element/string trigger pattern\n  if (!activeWrap && typeof trigger === 'string') {\n    console.warn(\n      'CubeUIKit: Tooltips are only supported on elements that are both focusable and hoverable. To solve this issue you can: 1) Use active element as a trigger (`Button`, `Link`, etc); 2) Use function-as-first-child pattern to manually apply trigger props; 3) Use `ActiveZone` component to manually wrap the content.',\n    );\n\n    return <Block>{trigger}</Block>;\n  }\n\n  function onClick(e) {\n    e?.currentTarget?.parentNode.click();\n  }\n\n  const triggerContent = (\n    <>\n      {activeWrap ? (\n        <ActiveZone onClick={onClick}>{trigger}</ActiveZone>\n      ) : (\n        trigger\n      )}\n      <DisplayTransition isShown={state.isOpen && !isDisabled}>\n        {({ phase, isShown, ref: transitionRef }) => (\n          <TooltipContext.Provider\n            value={{\n              ...tooltipContextValue,\n              phase,\n              isShown,\n              ref: overlayRef,\n              transitionRef,\n            }}\n          >\n            <Portal>{tooltip}</Portal>\n          </TooltipContext.Provider>\n        )}\n      </DisplayTransition>\n    </>\n  );\n\n  if (disableFocusableProvider) {\n    return triggerContent;\n  }\n\n  return (\n    <FocusableProvider {...triggerProps} ref={tooltipTriggerRef}>\n      {triggerContent}\n    </FocusableProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AA4BA,MAAMqB,iBAAiB;AACvB,MAAMC,uBAAuB;AAG7B,SAASC,kBAAkBC,OAAiD;AAC1E,QAAO,OAAOA,UAAU;;AAG1B,SAASE,eAAeF,OAAuC;AAC7D,QAAOrB,eAAeqB,MAAM;;;;;;;AA0D9B,SAAOuB,eAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACL,MAAA,EAAAnB,UAAAM,YAAAC,WAAAa,aAAAnB,aAAAoB,IAAAV,YAAAP,YAAAC,SAAAH,QAAAoB,IAAAR,SAAAS,eAAAX,OAAAY,IAAAhB,QAAAC,cAAAC,aAAAK,6BAeIE;CAXF,MAAAhB,cAAAoB,OAAAI,SAAAlC,uBAAA8B;CAIA,MAAAnB,SAAAoB,OAAAG,SAAAnC,iBAAAgC;CAEA,MAAAV,QAAAY,OAAAC,SAAA,MAAAD;CAaF,MAAA,CAAAV,SAAAe,WAJyBF,MAAKC,QAAS5B,SAEV,GADxBA,WACA,CAACA,SAAS;AAKf,KAAI,CAACL,eAAekC,QAAQ,CAC1B,OAAM,IAAIC,MACR,sGACD;AAIH,KACE,CAACtC,kBAAkBsB,QACK,IADxB,CACCnB,eAAemB,QACW,IAA3B,OAAOA,YAAY,SAEnB,OAAM,IAAIgB,MACR,gGACD;AAIH,KAAIxB,cAAcvB,UAAU,CAC1BgD,SAAOC,KACL,+FACD;CAGH,MAAAC,cAAkBzD,OAAoB,KAAM;CAC5C,MAAA0D,oBAAwBd,eAAAa;CACxB,MAAAE,aAAiB3D,OAA2B,KAAK;CAAC,IAAA4D;AAAA,KAAAlB,EAAA,OAAAN,SAAAM,EAAA,OAAAD,OAAA;AAEfmB,OAAA;GAAAxB;GAAA,GAAYK;GAAKoB,eAAiB;GAAO;AAAAnB,IAAA,KAAAN;AAAAM,IAAA,KAAAD;AAAAC,IAAA,KAAAkB;OAAAA,MAAAlB,EAAA;CAA5E,MAAAoB,QAAYzD,uBAAuBuD,GAA0C;CAAC,IAAAG;AAAA,KAAArB,EAAA,OAAAR,eAAAQ,EAAA,OAAAN,SAAAM,EAAA,OAAAV,UAAAU,EAAA,OAAAT,gBAAAS,EAAA,OAAAK,eAAA;AAG5EgB,OAAA;GAAAzB,SACWS;GAAaX;GAAAJ;GAAAC;GAAA4B,eAIP;GAAK3B;GAErB;AAAAQ,IAAA,KAAAR;AAAAQ,IAAA,KAAAN;AAAAM,IAAA,KAAAV;AAAAU,IAAA,KAAAT;AAAAS,IAAA,KAAAK;AAAAL,IAAA,KAAAqB;OAAAA,MAAArB,EAAA;CARH,MAAA,EAAAtB,cAAA4C,iBAAAC,iBAAsD7D,kBACpD2D,IAQAD,OACAJ,kBACD;CAAC,IAAAQ;AAAA,KAAAxB,EAAA,OAAAsB,iBAAA;AAcuBE,QAAAC,UAAA;AACvB,OAAI3D,oBAAoB,CAAA;AAExBwD,mBAAeI,UAAWD,MAAM;;AACjCzB,IAAA,KAAAsB;AAAAtB,IAAA,MAAAwB;OAAAA,MAAAxB,EAAA;CAJD,MAAA0B,UAAgB9D,SAAS4D,GAIvB;CAEF,MAAA9C,eAAqB;EAAA,GAAK4C;EAAeI;EAAW;CAIrC,MAAAC,KAAA5B,MAAKd,aAAL;CAAwB,IAAA2C;AAAA,KAAA5B,EAAA,QAAAjB,eAAAiB,EAAA,QAAAhB,UAAAgB,EAAA,QAAAoB,MAAA9B,UAAAU,EAAA,QAAA2B,MAAA3B,EAAA,QAAAgB,mBAAA;AADlBY,OAAA;GAAA3C,WACN0C;GAAwBtC,WACxB2B;GAAiBC;GAAAjC;GAAAD;GAAAoC,eAIb;GAAK7B,QACZ8B,MAAK9B;GACd;AAAAU,IAAA,MAAAjB;AAAAiB,IAAA,MAAAhB;AAAAgB,IAAA,MAAAoB,MAAA9B;AAAAU,IAAA,MAAA2B;AAAA3B,IAAA,MAAAgB;AAAAhB,IAAA,MAAA4B;OAAAA,MAAA5B,EAAA;CATH,MAAA,EAAA6B,cAAAC,YAAA7C,WAAA8C,mBACEtE,mBAAmBmE,GAQjB;CAIS,MAAAI,KAAA/C,aAAac,MAAKd,aAAlB;CAAqC,IAAAgD;AAAA,KAAAjC,EAAA,QAAA8B,cAAA9B,EAAA,QAAAb,WAAAa,EAAA,QAAAd,cAAAc,EAAA,QAAA6B,gBAAA7B,EAAA,QAAAoB,SAAApB,EAAA,QAAAgC,MAAAhC,EAAA,QAAAuB,gBAAAvB,EAAA,QAAA+B,gBAAA;AAFtBE,OAAA;GAAAb;GAAAnC,WAEf+C;GAAqCpD,KAC3CqC;GAAUY;GAAAC;GAAAI,WAGJ;GAAYC,UACb;GAAGjD;GAAAC;GAAA4C;GAAA,GAIVR;GACJ;AAAAvB,IAAA,MAAA8B;AAAA9B,IAAA,MAAAb;AAAAa,IAAA,MAAAd;AAAAc,IAAA,MAAA6B;AAAA7B,IAAA,MAAAoB;AAAApB,IAAA,MAAAgC;AAAAhC,IAAA,MAAAuB;AAAAvB,IAAA,MAAA+B;AAAA/B,IAAA,MAAAiC;OAAAA,MAAAjC,EAAA;CAZD,MAAAoC,sBAA4BH;AAe5B,KAAI3D,kBAAkBsB,QAAQ,EAAA;EAKrB,MAAAyC,OAAAC,QAAA;GAAC,MAAA,EAAAC,OAAAC,SAAA5D,KAAA6D,kBAAAH;AAAsC,UACtC,oBAAA,eAAA;IACS,OAAA;KAAA,GACFF;KAAmBG;KAAAC;KAAA5D,KAGjBqC;KAAUwB;KAEjB;cAEA,oBAAC,oBAAQ9B,UACX;KAA0B;;EAC3B,IAAA+B;AAAA,MAAA1C,EAAA,QAAAoB,MAAA9B,UAAAU,EAAA,QAAAqC,KAAA;AAbHK,SAAA,oBAAC;IAA2B,SAAAtB,MAAK9B;cAC9B+C;KAaiB;AAAArC,KAAA,MAAAoB,MAAA9B;AAAAU,KAAA,MAAAqC;AAAArC,KAAA,MAAA0C;QAAAA,OAAA1C,EAAA;AAAA,SAhBtB,8CACGJ,QAAQlB,cAAcsC,kBAAiB,EACxC0B,OAeC;;AAKP,KAAI,CAACtD,cAAc,OAAOQ,YAAY,UAAQ;AAC5CiB,UAAOC,KACL,yTACD;EAAA,IAAAuB;AAAA,MAAArC,EAAA,QAAAJ,SAAA;AAEMyC,SAAA,oBAAC,mBAAOzC,UAAgB;AAAAI,KAAA,MAAAJ;AAAAI,KAAA,MAAAqC;QAAAA,OAAArC,EAAA;AAAA,SAAxBqC;;CACR,IAAAA;AAAA,KAAArC,EAAA,QAAA2C,OAAAC,IAAA,4BAAA,EAAA;AAEDP,QAAA,SAAAQ,QAAAC,GAAA;AACEA,MAACC,eAA2BC,WAAMC,OAAE;;AACrCjD,IAAA,MAAAqC;OAAAA,OAAArC,EAAA;CAFD,MAAA6C,UAAAR;CAEC,IAAAC;AAAA,KAAAtC,EAAA,QAAAZ,cAAAY,EAAA,QAAAJ,SAAA;AAII0C,QAAAlD,aACC,oBAAC;GAAoByD;aAAUjD;IAGhC,GAJAA;AAIAI,IAAA,MAAAZ;AAAAY,IAAA,MAAAJ;AAAAI,IAAA,MAAAsC;OAAAA,OAAAtC,EAAA;CAC2B,MAAA0C,MAAAtB,MAAK9B,UAAL,CAAiBG;CAAU,IAAAyD;AAAA,KAAAlD,EAAA,QAAAW,WAAAX,EAAA,QAAAoC,qBAAA;AACpDc,SAAAC,QAAA;GAAC,MAAA,EAAAZ,OAAAa,SAAAZ,SAAAa,WAAAzE,KAAA0E,oBAAAH;AAAsC,UACtC,oBAAA,eAAA;IACS,OAAA;KAAA,GACFf;KAAmBG,OACtBA;KAAKC,SACLA;KAAO5D,KACFqC;KAAUwB,eACfA;KACF;cAEA,oBAAC,oBAAQ9B,UACX;KAA0B;;AAC3BX,IAAA,MAAAW;AAAAX,IAAA,MAAAoC;AAAApC,IAAA,MAAAkD;OAAAA,OAAAlD,EAAA;CAAA,IAAAmD;AAAA,KAAAnD,EAAA,QAAA0C,OAAA1C,EAAA,QAAAkD,KAAA;AAbHC,QAAA,oBAAC;GAA2B,SAAAT;aACzBQ;IAaiB;AAAAlD,IAAA,MAAA0C;AAAA1C,IAAA,MAAAkD;AAAAlD,IAAA,MAAAmD;OAAAA,OAAAnD,EAAA;CAAA,IAAAuD;AAAA,KAAAvD,EAAA,QAAAsC,OAAAtC,EAAA,QAAAmD,KAAA;AApBtBI,QAAA,8CACGjB,KAKDa,OAeC;AAAAnD,IAAA,MAAAsC;AAAAtC,IAAA,MAAAmD;AAAAnD,IAAA,MAAAuD;OAAAA,OAAAvD,EAAA;CAtBL,MAAAwD,iBACED;AAwBF,KAAI1D,yBAAwB,QACnB2D;AACR,QAGC,oBAAC;EAAiB,GAAK9E;EAAmBsC,KAAAA;YACvCwC;GACiB"}

package/dist/components/overlays/Tooltip/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import React from "react";
 
 //#region src/components/overlays/Tooltip/context.ts

package/dist/components/overlays/Tooltip/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../../src/components/overlays/Tooltip/context.ts"],"sourcesContent":["import React, { HTMLAttributes, RefCallback, RefObject } from 'react';\nimport { TooltipTriggerState } from 'react-stately';\n\nimport { PlacementAxis } from '../../../shared';\n\nimport type { Props } from '../../../props';\n\ntype Phase = 'enter' | 'entered' | 'exit' | 'unmounted';\n\ninterface TooltipContextProps {\n  state?: TooltipTriggerState;\n  ref?: RefObject<HTMLDivElement>;\n  transitionRef?: RefCallback<HTMLDivElement>;\n  placement?: PlacementAxis;\n  arrowProps?: HTMLAttributes<HTMLElement>;\n  overlayProps?: Props;\n  minScale?: string | number;\n  minOffset?: string | number;\n  isMaterial?: boolean;\n  isLight?: boolean;\n  phase?: Phase;\n  isShown?: boolean;\n  updatePosition?: () => void;\n}\n\nexport const TooltipContext = React.createContext<TooltipContextProps>({});\n"],"mappings":";;;;AAyBA,MAAa,iBAAiB,MAAM,cAAmC,EAAE,CAAC"}
+{"version":3,"file":"context.js","names":["React","HTMLAttributes","RefCallback","RefObject","TooltipTriggerState","PlacementAxis","Props","Phase","TooltipContextProps","state","ref","HTMLDivElement","transitionRef","placement","arrowProps","HTMLElement","overlayProps","minScale","minOffset","isMaterial","isLight","phase","isShown","updatePosition","TooltipContext","createContext"],"sources":["../../../../src/components/overlays/Tooltip/context.ts"],"sourcesContent":["import React, { HTMLAttributes, RefCallback, RefObject } from 'react';\nimport { TooltipTriggerState } from 'react-stately';\n\nimport { PlacementAxis } from '../../../shared';\n\nimport type { Props } from '../../../props';\n\ntype Phase = 'enter' | 'entered' | 'exit' | 'unmounted';\n\ninterface TooltipContextProps {\n  state?: TooltipTriggerState;\n  ref?: RefObject<HTMLDivElement>;\n  transitionRef?: RefCallback<HTMLDivElement>;\n  placement?: PlacementAxis;\n  arrowProps?: HTMLAttributes<HTMLElement>;\n  overlayProps?: Props;\n  minScale?: string | number;\n  minOffset?: string | number;\n  isMaterial?: boolean;\n  isLight?: boolean;\n  phase?: Phase;\n  isShown?: boolean;\n  updatePosition?: () => void;\n}\n\nexport const TooltipContext = React.createContext<TooltipContextProps>({});\n"],"mappings":";;;;AAyBA,MAAawB,iBAAiBxB,MAAMyB,cAAmC,EAAE,CAAC"}

package/dist/components/portal/Portal.js

@@ -1,5 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { usePortal } from "./usePortal.js";
+import { c } from "react-compiler-runtime";
 import { TastyBatchProvider } from "@tenphi/tasty";
 import { jsx } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
@@ -29,11 +30,25 @@ import { createPortal } from "react-dom";
 * ```
 */
 function Portal(props) {
+	const $ = c(5);
 	const { children, mountRoot, isDisabled } = usePortal(props);
-	const content = /* @__PURE__ */ jsx(TastyBatchProvider, { children });
+	let t0;
+	if ($[0] !== children) {
+		t0 = /* @__PURE__ */ jsx(TastyBatchProvider, { children });
+		$[0] = children;
+		$[1] = t0;
+	} else t0 = $[1];
+	const content = t0;
 	if (isDisabled) return content;
 	if (!mountRoot) return content;
-	return createPortal(content, mountRoot);
+	let t1;
+	if ($[2] !== content || $[3] !== mountRoot) {
+		t1 = createPortal(content, mountRoot);
+		$[2] = content;
+		$[3] = mountRoot;
+		$[4] = t1;
+	} else t1 = $[4];
+	return t1;
 }
 
 //#endregion

package/dist/components/portal/Portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.js","names":[],"sources":["../../../src/components/portal/Portal.tsx"],"sourcesContent":["import { TastyBatchProvider } from '@tenphi/tasty';\nimport { createPortal } from 'react-dom';\n\nimport { PortalProps } from './types';\nimport { usePortal } from './usePortal';\n\n/**\n * This component renders its children outside the current DOM hierarchy.\n *\n * React [doesn't support](https://github.com/facebook/react/issues/13097) portal API in SSR, so, if you want to\n * render a Portal in SSR, use prop `disabled`.\n *\n * By default, Portal's children render under the `<Root />` component.\n *\n * ***Important***: Since React doesn't support portals on SSR, `<Portal />` children renders in the next tick.\n * If you need to make some computations, use the `onMount` callback\n *\n * @see https://reactjs.org/docs/portals.html\n *\n * @example ```jsx\n *  <div>\n *    Portal will be rendered outside me!\n *\n *    <Portal>\n *      <div>some content will be shown outside the parent container</div>\n *    </Portal>\n *  </div>\n * ```\n */\nexport function Portal(props: PortalProps) {\n  const { children, mountRoot, isDisabled } = usePortal(props);\n\n  // A portal mounts a fresh subtree in a commit that did not re-render `<Root>`,\n  // so its window cannot cover this one — open one here, flushing in\n  // `useInsertionEffect` before any positioning effect reads the DOM.\n  //\n  // In the kit this path is tooltips: `TooltipTrigger` is the only component\n  // that renders `<Portal>`. Popovers, modals and trays portal through\n  // `<Overlay>`'s own `createPortal`, which opens its own window.\n  const content = <TastyBatchProvider>{children}</TastyBatchProvider>;\n\n  if (isDisabled) return content;\n  // Render inline until mountRoot is available (fixes timing issues in tests and SSR)\n  if (!mountRoot) return content;\n  return createPortal(content, mountRoot);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,SAAgB,OAAO,OAAoB;CACzC,MAAM,EAAE,UAAU,WAAW,eAAe,UAAU,MAAM;CAS5D,MAAM,UAAU,oBAAC,sBAAoB,WAA8B;AAEnE,KAAI,WAAY,QAAO;AAEvB,KAAI,CAAC,UAAW,QAAO;AACvB,QAAO,aAAa,SAAS,UAAU"}
+{"version":3,"file":"Portal.js","names":["TastyBatchProvider","createPortal","PortalProps","usePortal","Portal","props","$","_c","children","mountRoot","isDisabled","t0","content","t1"],"sources":["../../../src/components/portal/Portal.tsx"],"sourcesContent":["import { TastyBatchProvider } from '@tenphi/tasty';\nimport { createPortal } from 'react-dom';\n\nimport { PortalProps } from './types';\nimport { usePortal } from './usePortal';\n\n/**\n * This component renders its children outside the current DOM hierarchy.\n *\n * React [doesn't support](https://github.com/facebook/react/issues/13097) portal API in SSR, so, if you want to\n * render a Portal in SSR, use prop `disabled`.\n *\n * By default, Portal's children render under the `<Root />` component.\n *\n * ***Important***: Since React doesn't support portals on SSR, `<Portal />` children renders in the next tick.\n * If you need to make some computations, use the `onMount` callback\n *\n * @see https://reactjs.org/docs/portals.html\n *\n * @example ```jsx\n *  <div>\n *    Portal will be rendered outside me!\n *\n *    <Portal>\n *      <div>some content will be shown outside the parent container</div>\n *    </Portal>\n *  </div>\n * ```\n */\nexport function Portal(props: PortalProps) {\n  const { children, mountRoot, isDisabled } = usePortal(props);\n\n  // A portal mounts a fresh subtree in a commit that did not re-render `<Root>`,\n  // so its window cannot cover this one — open one here, flushing in\n  // `useInsertionEffect` before any positioning effect reads the DOM.\n  //\n  // In the kit this path is tooltips: `TooltipTrigger` is the only component\n  // that renders `<Portal>`. Popovers, modals and trays portal through\n  // `<Overlay>`'s own `createPortal`, which opens its own window.\n  const content = <TastyBatchProvider>{children}</TastyBatchProvider>;\n\n  if (isDisabled) return content;\n  // Render inline until mountRoot is available (fixes timing issues in tests and SSR)\n  if (!mountRoot) return content;\n  return createPortal(content, mountRoot);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,SAAOI,OAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAA,EAAAC,UAAAC,WAAAC,eAA4CP,UAAUE,MAAM;CAAC,IAAAM;AAAA,KAAAL,EAAA,OAAAE,UAAA;AAS7CG,OAAA,oBAAC,sBAAoBH,WAA8B;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAK;OAAAA,MAAAL,EAAA;CAAnE,MAAAM,UAAgBD;AAEhB,KAAID,WAAU,QAASE;AAEvB,KAAI,CAACH,UAAS,QAASG;CAAQ,IAAAC;AAAA,KAAAP,EAAA,OAAAM,WAAAN,EAAA,OAAAG,WAAA;AACxBI,OAAAZ,aAAaW,SAASH,UAAU;AAAAH,IAAA,KAAAM;AAAAN,IAAA,KAAAG;AAAAH,IAAA,KAAAO;OAAAA,MAAAP,EAAA;AAAA,QAAhCO"}

package/dist/components/portal/PortalProvider.js

@@ -1,4 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
+import { c } from "react-compiler-runtime";
 import { createContext, useContext } from "react";
 
 //#region src/components/portal/PortalProvider.ts
@@ -8,7 +9,15 @@ const PortalContext = createContext(null);
 * @internal Don't even try to use it
 */
 function usePortalContext() {
-	return { root: useContext(PortalContext) };
+	const $ = c(2);
+	const root = useContext(PortalContext);
+	let t0;
+	if ($[0] !== root) {
+		t0 = { root };
+		$[0] = root;
+		$[1] = t0;
+	} else t0 = $[1];
+	return t0;
 }
 /**
 * @private

package/dist/components/portal/PortalProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"PortalProvider.js","names":[],"sources":["../../../src/components/portal/PortalProvider.ts"],"sourcesContent":["import { createContext, RefObject, useContext } from 'react';\n\nconst PortalContext = createContext<RefObject<HTMLElement | null> | null>(null);\n\n/**\n * @private\n * @internal Don't even try to use it\n */\nexport function usePortalContext(): {\n  root: RefObject<HTMLElement | null> | null;\n} {\n  const root = useContext(PortalContext);\n\n  return { root };\n}\n\n/**\n * @private\n * @internal Don't even try to use it\n */\nexport const PortalProvider = PortalContext.Provider;\n"],"mappings":";;;;AAEA,MAAM,gBAAgB,cAAoD,KAAK;;;;;AAM/E,SAAgB,mBAEd;AAGA,QAAO,EAAE,MAFI,WAAW,cAAc,EAEvB;;;;;;AAOjB,MAAa,iBAAiB,cAAc"}
+{"version":3,"file":"PortalProvider.js","names":["createContext","RefObject","useContext","PortalContext","HTMLElement","usePortalContext","$","_c","root","t0","PortalProvider","Provider"],"sources":["../../../src/components/portal/PortalProvider.ts"],"sourcesContent":["import { createContext, RefObject, useContext } from 'react';\n\nconst PortalContext = createContext<RefObject<HTMLElement | null> | null>(null);\n\n/**\n * @private\n * @internal Don't even try to use it\n */\nexport function usePortalContext(): {\n  root: RefObject<HTMLElement | null> | null;\n} {\n  const root = useContext(PortalContext);\n\n  return { root };\n}\n\n/**\n * @private\n * @internal Don't even try to use it\n */\nexport const PortalProvider = PortalContext.Provider;\n"],"mappings":";;;;;AAEA,MAAMG,gBAAgBH,cAAoD,KAAK;;;;;AAM/E,SAAOK,mBAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAGL,MAAAC,OAAaN,WAAWC,cAAc;CAAC,IAAAM;AAAA,KAAAH,EAAA,OAAAE,MAAA;AAEhCC,OAAA,EAAAD,MAAQ;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAG;OAAAA,MAAAH,EAAA;AAAA,QAARG;;;;;;AAOT,MAAaC,iBAAiBP,cAAcQ"}

package/dist/components/portal/usePortal.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { usePortalContext } from "./PortalProvider.js";
 import { useEffect, useRef, useState } from "react";
 import invariant from "tiny-invariant";

package/dist/components/portal/usePortal.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePortal.js","names":[],"sources":["../../../src/components/portal/usePortal.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport invariant from 'tiny-invariant';\n\nimport { usePortalContext } from './PortalProvider';\nimport { PortalProps } from './types';\n\n/**\n * @internal Do not use it\n */\nexport function usePortal(props: PortalProps) {\n  const { children, isDisabled = false, root = null, onMount } = props;\n\n  const onMountRef = useRef(onMount);\n  const portalContext = usePortalContext();\n  const [mountRoot, setMountRoot] = useState<HTMLElement | null>(null);\n  onMountRef.current = onMount;\n\n  useEffect(() => {\n    if (!isDisabled) {\n      const contextRoot = portalContext.root;\n      const currentRoot = root?.current ?? null;\n      const currentContextRoot = contextRoot?.current ?? null;\n\n      invariant(\n        !(contextRoot === null && currentRoot === null),\n        'Before using Portal, you need to specify a root, where the component should be mounted or put the component under the <Root /> component',\n      );\n\n      setMountRoot(currentRoot ?? currentContextRoot);\n    }\n  }, [root, portalContext.root, isDisabled]);\n\n  useEffect(() => {\n    if (isDisabled || mountRoot) {\n      onMountRef.current?.();\n    }\n  }, [isDisabled, mountRoot]);\n\n  return {\n    isDisabled,\n    children,\n    mountRoot,\n  };\n}\n"],"mappings":";;;;;;;;;AASA,SAAgB,UAAU,OAAoB;CAC5C,MAAM,EAAE,UAAU,aAAa,OAAO,OAAO,MAAM,YAAY;CAE/D,MAAM,aAAa,OAAO,QAAQ;CAClC,MAAM,gBAAgB,kBAAkB;CACxC,MAAM,CAAC,WAAW,gBAAgB,SAA6B,KAAK;AACpE,YAAW,UAAU;AAErB,iBAAgB;AACd,MAAI,CAAC,YAAY;GACf,MAAM,cAAc,cAAc;GAClC,MAAM,cAAc,MAAM,WAAW;GACrC,MAAM,qBAAqB,aAAa,WAAW;AAEnD,aACE,EAAE,gBAAgB,QAAQ,gBAAgB,OAC1C,2IACD;AAED,gBAAa,eAAe,mBAAmB;;IAEhD;EAAC;EAAM,cAAc;EAAM;EAAW,CAAC;AAE1C,iBAAgB;AACd,MAAI,cAAc,UAChB,YAAW,WAAW;IAEvB,CAAC,YAAY,UAAU,CAAC;AAE3B,QAAO;EACL;EACA;EACA;EACD"}
+{"version":3,"file":"usePortal.js","names":["useEffect","useRef","useState","invariant","usePortalContext","PortalProps","usePortal","props","children","isDisabled","root","onMount","onMountRef","portalContext","mountRoot","setMountRoot","HTMLElement","current","contextRoot","currentRoot","currentContextRoot"],"sources":["../../../src/components/portal/usePortal.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport invariant from 'tiny-invariant';\n\nimport { usePortalContext } from './PortalProvider';\nimport { PortalProps } from './types';\n\n/**\n * @internal Do not use it\n */\nexport function usePortal(props: PortalProps) {\n  const { children, isDisabled = false, root = null, onMount } = props;\n\n  const onMountRef = useRef(onMount);\n  const portalContext = usePortalContext();\n  const [mountRoot, setMountRoot] = useState<HTMLElement | null>(null);\n  onMountRef.current = onMount;\n\n  useEffect(() => {\n    if (!isDisabled) {\n      const contextRoot = portalContext.root;\n      const currentRoot = root?.current ?? null;\n      const currentContextRoot = contextRoot?.current ?? null;\n\n      invariant(\n        !(contextRoot === null && currentRoot === null),\n        'Before using Portal, you need to specify a root, where the component should be mounted or put the component under the <Root /> component',\n      );\n\n      setMountRoot(currentRoot ?? currentContextRoot);\n    }\n  }, [root, portalContext.root, isDisabled]);\n\n  useEffect(() => {\n    if (isDisabled || mountRoot) {\n      onMountRef.current?.();\n    }\n  }, [isDisabled, mountRoot]);\n\n  return {\n    isDisabled,\n    children,\n    mountRoot,\n  };\n}\n"],"mappings":";;;;;;;;;AASA,SAAgBM,UAAUC,OAAoB;CAC5C,MAAM,EAAEC,UAAUC,aAAa,OAAOC,OAAO,MAAMC,YAAYJ;CAE/D,MAAMK,aAAaX,OAAOU,QAAQ;CAClC,MAAME,gBAAgBT,kBAAkB;CACxC,MAAM,CAACU,WAAWC,gBAAgBb,SAA6B,KAAK;AACpEU,YAAWK,UAAUN;AAErBX,iBAAgB;AACd,MAAI,CAACS,YAAY;GACf,MAAMS,cAAcL,cAAcH;GAClC,MAAMS,cAAcT,MAAMO,WAAW;GACrC,MAAMG,qBAAqBF,aAAaD,WAAW;AAEnDd,aACE,EAAEe,gBAAgB,QAAQC,gBAAgB,OAC1C,2IACD;AAEDJ,gBAAaI,eAAeC,mBAAmB;;IAEhD;EAACV;EAAMG,cAAcH;EAAMD;EAAW,CAAC;AAE1CT,iBAAgB;AACd,MAAIS,cAAcK,UAChBF,YAAWK,WAAW;IAEvB,CAACR,YAAYK,UAAU,CAAC;AAE3B,QAAO;EACLL;EACAD;EACAM;EACD"}