@cube-dev/ui-kit 0.182.0 → 0.184.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.184.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.184.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,204 @@ 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(45);
+	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] !== isDisabled || $[6] !== isOpen || $[7] !== onOpenChange || $[8] !== triggerAction) {
+		t4 = {
+			isDisabled,
+			trigger: triggerAction,
+			delay,
+			isOpen,
+			onOpenChange,
+			isDismissable: false,
+			defaultOpen
+		};
+		$[3] = defaultOpen;
+		$[4] = delay;
+		$[5] = isDisabled;
+		$[6] = isOpen;
+		$[7] = onOpenChange;
+		$[8] = triggerAction;
+		$[9] = t4;
+	} else t4 = $[9];
+	const { triggerProps: rawTriggerProps, tooltipProps } = useTooltipTrigger(t4, state, tooltipTriggerRef);
+	let t5;
+	if ($[10] !== rawTriggerProps) {
+		t5 = (event) => {
+			if (isFocusRestoration()) return;
+			rawTriggerProps.onFocus?.(event);
+		};
+		$[10] = rawTriggerProps;
+		$[11] = t5;
+	} else t5 = $[11];
+	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 ($[12] !== crossOffset || $[13] !== offset || $[14] !== state.isOpen || $[15] !== t6 || $[16] !== tooltipTriggerRef) {
+		t7 = {
+			placement: t6,
+			targetRef: tooltipTriggerRef,
+			overlayRef,
+			offset,
+			crossOffset,
+			isDismissable: false,
+			isOpen: state.isOpen
+		};
+		$[12] = crossOffset;
+		$[13] = offset;
+		$[14] = state.isOpen;
+		$[15] = t6;
+		$[16] = tooltipTriggerRef;
+		$[17] = t7;
+	} else t7 = $[17];
+	const { overlayProps, arrowProps, placement, updatePosition } = useOverlayPosition(t7);
+	const t8 = placement || props.placement || "top";
+	let t9;
+	if ($[18] !== arrowProps || $[19] !== isLight || $[20] !== isMaterial || $[21] !== overlayProps || $[22] !== state || $[23] !== t8 || $[24] !== tooltipProps || $[25] !== updatePosition) {
+		t9 = {
+			state,
+			placement: t8,
+			ref: overlayRef,
+			overlayProps,
+			arrowProps,
+			minOffset: "var(--gap)",
+			minScale: "1",
+			isMaterial,
+			isLight,
+			updatePosition,
+			...tooltipProps
+		};
+		$[18] = arrowProps;
+		$[19] = isLight;
+		$[20] = isMaterial;
+		$[21] = overlayProps;
+		$[22] = state;
+		$[23] = t8;
+		$[24] = tooltipProps;
+		$[25] = updatePosition;
+		$[26] = t9;
+	} else t9 = $[26];
+	const tooltipContextValue = t9;
+	if (isTriggerFunction(trigger)) {
+		const t10 = state.isOpen && !isDisabled;
+		const t11 = (t12) => {
+			const { phase, isShown, ref: transitionRef } = t12;
+			return /* @__PURE__ */ jsx(TooltipContext.Provider, {
+				value: {
+					...tooltipContextValue,
+					phase,
+					isShown,
+					ref: overlayRef,
+					transitionRef
+				},
+				children: /* @__PURE__ */ jsx(Portal, { children: tooltip })
+			});
+		};
+		let t13;
+		if ($[27] !== t10 || $[28] !== t11) {
+			t13 = /* @__PURE__ */ jsx(DisplayTransition, {
+				isShown: t10,
+				children: t11
+			});
+			$[27] = t10;
+			$[28] = t11;
+			$[29] = t13;
+		} else t13 = $[29];
+		return /* @__PURE__ */ jsxs(Fragment$1, { children: [trigger(triggerProps, tooltipTriggerRef), t13] });
+	}
 	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 ($[30] !== trigger) {
+			t10 = /* @__PURE__ */ jsx(Block, { children: trigger });
+			$[30] = trigger;
+			$[31] = t10;
+		} else t10 = $[31];
+		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 ($[32] === Symbol.for("react.memo_cache_sentinel")) {
+		t10 = function onClick(e) {
+			e?.currentTarget?.parentNode.click();
+		};
+		$[32] = t10;
+	} else t10 = $[32];
+	const onClick = t10;
+	let t11;
+	if ($[33] !== activeWrap || $[34] !== trigger) {
+		t11 = activeWrap ? /* @__PURE__ */ jsx(_ActiveZone, {
+			onClick,
+			children: trigger
+		}) : trigger;
+		$[33] = activeWrap;
+		$[34] = trigger;
+		$[35] = t11;
+	} else t11 = $[35];
+	const t12 = state.isOpen && !isDisabled;
+	let t13;
+	if ($[36] !== tooltip || $[37] !== 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 })
+			});
+		};
+		$[36] = tooltip;
+		$[37] = tooltipContextValue;
+		$[38] = t13;
+	} else t13 = $[38];
+	let t14;
+	if ($[39] !== t12 || $[40] !== t13) {
+		t14 = /* @__PURE__ */ jsx(DisplayTransition, {
+			isShown: t12,
+			children: t13
+		});
+		$[39] = t12;
+		$[40] = t13;
+		$[41] = t14;
+	} else t14 = $[41];
+	let t15;
+	if ($[42] !== t11 || $[43] !== t14) {
+		t15 = /* @__PURE__ */ jsxs(Fragment$1, { children: [t11, t14] });
+		$[42] = t11;
+		$[43] = t14;
+		$[44] = t15;
+	} else t15 = $[44];
+	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","t12","phase","isShown","transitionRef","t13","Symbol","for","onClick","e","currentTarget","parentNode","click","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      // Without it a disabled tooltip still opened — invisibly, since nothing\n      // renders it — and while open React Aria's document-level listener eats\n      // every `Escape`, so a Dialog under the pointer would not close.\n      isDisabled,\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 && !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\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,OAAAP,cAAAO,EAAA,OAAAV,UAAAU,EAAA,OAAAT,gBAAAS,EAAA,OAAAK,eAAA;AAG5EgB,OAAA;GAAA5B;GAAAG,SAKWS;GAAaX;GAAAJ;GAAAC;GAAA4B,eAIP;GAAK3B;GAErB;AAAAQ,IAAA,KAAAR;AAAAQ,IAAA,KAAAN;AAAAM,IAAA,KAAAP;AAAAO,IAAA,KAAAV;AAAAU,IAAA,KAAAT;AAAAS,IAAA,KAAAK;AAAAL,IAAA,KAAAqB;OAAAA,MAAArB,EAAA;CAZH,MAAA,EAAAtB,cAAA4C,iBAAAC,iBAAsD7D,kBACpD2D,IAYAD,OACAJ,kBACD;CAAC,IAAAQ;AAAA,KAAAxB,EAAA,QAAAsB,iBAAA;AAcuBE,QAAAC,UAAA;AACvB,OAAI3D,oBAAoB,CAAA;AAExBwD,mBAAeI,UAAWD,MAAM;;AACjCzB,IAAA,MAAAsB;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;EAII,MAAAyC,MAAAjB,MAAK9B,UAAL,CAAiBG;EAC1C,MAAA6C,OAAAC,QAAA;GAAC,MAAA,EAAAC,OAAAC,SAAA7D,KAAA8D,kBAAAH;AAAsC,UACtC,oBAAA,eAAA;IACS,OAAA;KAAA,GACFH;KAAmBI;KAAAC;KAAA7D,KAGjBqC;KAAUyB;KAEjB;cAEA,oBAAC,oBAAQ/B,UACX;KAA0B;;EAC3B,IAAAgC;AAAA,MAAA3C,EAAA,QAAAqC,OAAArC,EAAA,QAAAsC,KAAA;AAbHK,SAAA,oBAAC;IAA2B,SAAAN;cACzBC;KAaiB;AAAAtC,KAAA,MAAAqC;AAAArC,KAAA,MAAAsC;AAAAtC,KAAA,MAAA2C;QAAAA,OAAA3C,EAAA;AAAA,SAhBtB,8CACGJ,QAAQlB,cAAcsC,kBAAiB,EACxC2B,OAeC;;AAKP,KAAI,CAACvD,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,QAAA4C,OAAAC,IAAA,4BAAA,EAAA;AAEDR,QAAA,SAAAS,QAAAC,GAAA;AACEA,MAACC,eAA2BC,WAAMC,OAAE;;AACrClD,IAAA,MAAAqC;OAAAA,OAAArC,EAAA;CAFD,MAAA8C,UAAAT;CAEC,IAAAC;AAAA,KAAAtC,EAAA,QAAAZ,cAAAY,EAAA,QAAAJ,SAAA;AAII0C,QAAAlD,aACC,oBAAC;GAAoB0D;aAAUlD;IAGhC,GAJAA;AAIAI,IAAA,MAAAZ;AAAAY,IAAA,MAAAJ;AAAAI,IAAA,MAAAsC;OAAAA,OAAAtC,EAAA;CAC2B,MAAAuC,MAAAnB,MAAK9B,UAAL,CAAiBG;CAAU,IAAAkD;AAAA,KAAA3C,EAAA,QAAAW,WAAAX,EAAA,QAAAoC,qBAAA;AACpDO,SAAAQ,QAAA;GAAC,MAAA,EAAAX,OAAAY,SAAAX,SAAAY,WAAAzE,KAAA0E,oBAAAH;AAAsC,UACtC,oBAAA,eAAA;IACS,OAAA;KAAA,GACFf;KAAmBI,OACtBA;KAAKC,SACLA;KAAO7D,KACFqC;KAAUyB,eACfA;KACF;cAEA,oBAAC,oBAAQ/B,UACX;KAA0B;;AAC3BX,IAAA,MAAAW;AAAAX,IAAA,MAAAoC;AAAApC,IAAA,MAAA2C;OAAAA,OAAA3C,EAAA;CAAA,IAAAmD;AAAA,KAAAnD,EAAA,QAAAuC,OAAAvC,EAAA,QAAA2C,KAAA;AAbHQ,QAAA,oBAAC;GAA2B,SAAAZ;aACzBI;IAaiB;AAAA3C,IAAA,MAAAuC;AAAAvC,IAAA,MAAA2C;AAAA3C,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.184.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/overlays/Tooltip/split-trigger-props.d.ts

@@ -0,0 +1,16 @@
+
+import { HTMLAttributes } from "react";
+
+//#region src/components/overlays/Tooltip/split-trigger-props.d.ts
+/**
+ * The tooltip trigger props that only work on the element that takes focus.
+ * React Aria's `useFocus` ignores focus that bubbles up from a child, so on a
+ * wrapper around a native input — a radio's or a checkbox's `<label>` — the
+ * tooltip never opened from the keyboard, and `aria-describedby` described the
+ * wrapper instead of the control a screen reader announces.
+ */
+declare const FOCUS_TRIGGER_PROPS: readonly ["onFocus", "onBlur", "onKeyDown", "onKeyUp", "aria-describedby"];
+type TooltipFocusProps = Pick<HTMLAttributes<HTMLElement>, (typeof FOCUS_TRIGGER_PROPS)[number]>;
+//#endregion
+export { TooltipFocusProps };
+//# sourceMappingURL=split-trigger-props.d.ts.map

package/dist/components/overlays/Tooltip/split-trigger-props.js

@@ -0,0 +1,54 @@
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
+import { mergeProps } from "../../../utils/react/mergeProps.js";
+
+//#region src/components/overlays/Tooltip/split-trigger-props.ts
+/**
+* The tooltip trigger props that only work on the element that takes focus.
+* React Aria's `useFocus` ignores focus that bubbles up from a child, so on a
+* wrapper around a native input — a radio's or a checkbox's `<label>` — the
+* tooltip never opened from the keyboard, and `aria-describedby` described the
+* wrapper instead of the control a screen reader announces.
+*/
+const FOCUS_TRIGGER_PROPS = [
+	"onFocus",
+	"onBlur",
+	"onKeyDown",
+	"onKeyUp",
+	"aria-describedby"
+];
+/**
+* Splits a tooltip's trigger props between the element it is positioned
+* against and hovered on (`pointerProps`) and the focusable element inside it
+* (`focusProps`).
+*/
+function splitTooltipTriggerProps(triggerProps = {}) {
+	const pointerProps = { ...triggerProps };
+	const focusProps = {};
+	for (const key of FOCUS_TRIGGER_PROPS) if (key in pointerProps) {
+		focusProps[key] = pointerProps[key];
+		delete pointerProps[key];
+	}
+	return {
+		pointerProps,
+		focusProps
+	};
+}
+/**
+* Adds a tooltip's focus-side trigger props to a focusable element's own:
+* handlers are chained, and the tooltip joins any description the element
+* already has rather than replacing it. `tabIndex` is never touched — a radio
+* group's roving tab index owns it.
+*/
+function mergeTooltipFocusProps(props, tooltipProps) {
+	if (!tooltipProps) return props;
+	const { "aria-describedby": tooltipDescribedBy, ...handlers } = tooltipProps;
+	const ownDescribedBy = props["aria-describedby"];
+	return {
+		...mergeProps(props, handlers),
+		"aria-describedby": [ownDescribedBy, tooltipDescribedBy].filter(Boolean).join(" ") || void 0
+	};
+}
+
+//#endregion
+export { mergeTooltipFocusProps, splitTooltipTriggerProps };
+//# sourceMappingURL=split-trigger-props.js.map

package/dist/components/overlays/Tooltip/split-trigger-props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-trigger-props.js","names":["mergeProps","HTMLAttributes","FOCUS_TRIGGER_PROPS","const","TooltipFocusProps","Pick","HTMLElement","splitTooltipTriggerProps","triggerProps","pointerProps","focusProps","key","Record","mergeTooltipFocusProps","props","P","tooltipProps","tooltipDescribedBy","handlers","ownDescribedBy","filter","Boolean","join","undefined"],"sources":["../../../../src/components/overlays/Tooltip/split-trigger-props.ts"],"sourcesContent":["import { mergeProps } from '../../../utils/react/mergeProps';\n\nimport type { HTMLAttributes } from 'react';\n\n/**\n * The tooltip trigger props that only work on the element that takes focus.\n * React Aria's `useFocus` ignores focus that bubbles up from a child, so on a\n * wrapper around a native input — a radio's or a checkbox's `<label>` — the\n * tooltip never opened from the keyboard, and `aria-describedby` described the\n * wrapper instead of the control a screen reader announces.\n */\nconst FOCUS_TRIGGER_PROPS = [\n  'onFocus',\n  'onBlur',\n  'onKeyDown',\n  'onKeyUp',\n  'aria-describedby',\n] as const;\n\nexport type TooltipFocusProps = Pick<\n  HTMLAttributes<HTMLElement>,\n  (typeof FOCUS_TRIGGER_PROPS)[number]\n>;\n\n/**\n * Splits a tooltip's trigger props between the element it is positioned\n * against and hovered on (`pointerProps`) and the focusable element inside it\n * (`focusProps`).\n */\nexport function splitTooltipTriggerProps(\n  triggerProps: HTMLAttributes<HTMLElement> = {},\n) {\n  const pointerProps: HTMLAttributes<HTMLElement> = { ...triggerProps };\n  const focusProps: TooltipFocusProps = {};\n\n  for (const key of FOCUS_TRIGGER_PROPS) {\n    if (key in pointerProps) {\n      (focusProps as Record<string, unknown>)[key] = pointerProps[key];\n      delete pointerProps[key];\n    }\n  }\n\n  return { pointerProps, focusProps };\n}\n\n/**\n * Adds a tooltip's focus-side trigger props to a focusable element's own:\n * handlers are chained, and the tooltip joins any description the element\n * already has rather than replacing it. `tabIndex` is never touched — a radio\n * group's roving tab index owns it.\n */\nexport function mergeTooltipFocusProps<P extends object>(\n  props: P,\n  tooltipProps?: TooltipFocusProps,\n): P {\n  if (!tooltipProps) return props;\n\n  const { 'aria-describedby': tooltipDescribedBy, ...handlers } = tooltipProps;\n  const ownDescribedBy = (props as { 'aria-describedby'?: string })[\n    'aria-describedby'\n  ];\n\n  return {\n    ...mergeProps(props, handlers),\n    'aria-describedby':\n      [ownDescribedBy, tooltipDescribedBy].filter(Boolean).join(' ') ||\n      undefined,\n  } as P;\n}\n"],"mappings":";;;;;;;;;;;AAWA,MAAME,sBAAsB;CAC1B;CACA;CACA;CACA;CACA;CACD;;;;;;AAYD,SAAgBK,yBACdC,eAA4C,EAAE,EAC9C;CACA,MAAMC,eAA4C,EAAE,GAAGD,cAAc;CACrE,MAAME,aAAgC,EAAE;AAExC,MAAK,MAAMC,OAAOT,oBAChB,KAAIS,OAAOF,cAAc;AACvB,EAACC,WAAuCC,OAAOF,aAAaE;AAC5D,SAAOF,aAAaE;;AAIxB,QAAO;EAAEF;EAAcC;EAAY;;;;;;;;AASrC,SAAgBG,uBACdC,OACAE,cACG;AACH,KAAI,CAACA,aAAc,QAAOF;CAE1B,MAAM,EAAE,oBAAoBG,oBAAoB,GAAGC,aAAaF;CAChE,MAAMG,iBAAkBL,MACtB;AAGF,QAAO;EACL,GAAGd,WAAWc,OAAOI,SAAS;EAC9B,oBACE,CAACC,gBAAgBF,mBAAmB,CAACG,OAAOC,QAAQ,CAACC,KAAK,IAAI,IAC9DC;EACH"}

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.184.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"}