@cube-dev/ui-kit 0.208.0 → 0.209.0

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { TooltipContext } from "./context.js";
 import { Tooltip as _Tooltip } from "./Tooltip.js";
@@ -143,20 +143,24 @@ function isEmptyTooltip(tooltip) {
 	return tooltip.type === _Tooltip && Children.toArray(tooltip.props.children).every((child) => child === "");
 }
 /**
-* TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing
-* the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip
-* relative to the trigger.
+* Everything `TooltipTrigger` does except render the trigger: the open state,
+* the trigger's props and ref, and the positioned tooltip.
+*
+* A component that renders its own trigger and turns its tooltip on and off
+* calls this directly and renders the tooltip beside the trigger. Wrapping the
+* trigger in `TooltipTrigger` only while a tooltip exists changes the element
+* type above the trigger, so React remounts it: the node is replaced and its
+* focus drops to the page.
+*
+* `tooltip` is the second child `TooltipTrigger` would get: the `Tooltip` to
+* show, or a placeholder while `isDisabled`.
 */
-function TooltipTrigger(props) {
-	const $ = c(13);
-	const { children, activeWrap, targetRef: externalRef, crossOffset: t0, isDisabled, isMaterial, isLight, offset: t1, trigger: triggerAction, delay: t2, shouldCloseOnPress, isOpen, onOpenChange, defaultOpen, disableFocusableProvider } = props;
+function useTooltipTriggerBinding(props, tooltip) {
+	const $ = c(37);
+	const { targetRef: externalRef, crossOffset: t0, isDisabled, isMaterial, isLight, offset: t1, trigger: triggerAction, delay: t2, shouldCloseOnPress, isOpen, onOpenChange, defaultOpen } = 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.");
 	const internalRef = useRef(null);
 	const tooltipTriggerRef = externalRef ?? internalRef;
 	const overlayRef = useRef(null);
@@ -171,111 +175,229 @@ function TooltipTrigger(props) {
 		$[2] = t3;
 	} else t3 = $[2];
 	const state = useTooltipTriggerState(t3);
-	const isTooltipDisabled = isDisabled || isEmptyTooltip(tooltip);
-	const { triggerProps: rawTriggerProps, tooltipProps } = useTooltipTrigger({
-		isDisabled: isTooltipDisabled,
-		trigger: triggerAction,
-		delay,
-		isOpen,
-		onOpenChange,
-		defaultOpen,
-		shouldCloseOnPress
-	}, state, tooltipTriggerRef);
 	let t4;
-	if ($[3] !== rawTriggerProps) {
-		t4 = (event) => {
+	if ($[3] !== isDisabled || $[4] !== tooltip) {
+		t4 = isDisabled || isEmptyTooltip(tooltip);
+		$[3] = isDisabled;
+		$[4] = tooltip;
+		$[5] = t4;
+	} else t4 = $[5];
+	const isTooltipDisabled = t4;
+	let t5;
+	if ($[6] !== defaultOpen || $[7] !== delay || $[8] !== isOpen || $[9] !== isTooltipDisabled || $[10] !== onOpenChange || $[11] !== shouldCloseOnPress || $[12] !== triggerAction) {
+		t5 = {
+			isDisabled: isTooltipDisabled,
+			trigger: triggerAction,
+			delay,
+			isOpen,
+			onOpenChange,
+			defaultOpen,
+			shouldCloseOnPress
+		};
+		$[6] = defaultOpen;
+		$[7] = delay;
+		$[8] = isOpen;
+		$[9] = isTooltipDisabled;
+		$[10] = onOpenChange;
+		$[11] = shouldCloseOnPress;
+		$[12] = triggerAction;
+		$[13] = t5;
+	} else t5 = $[13];
+	const { triggerProps: rawTriggerProps, tooltipProps } = useTooltipTrigger(t5, state, tooltipTriggerRef);
+	let t6;
+	if ($[14] !== rawTriggerProps) {
+		t6 = (event) => {
 			if (isFocusRestoration()) return;
 			rawTriggerProps.onFocus?.(event);
 		};
-		$[3] = rawTriggerProps;
-		$[4] = t4;
-	} else t4 = $[4];
-	const onFocus = useEvent(t4);
-	const triggerProps = {
-		...rawTriggerProps,
-		onFocus,
-		"aria-describedby": isTooltipDisabled ? void 0 : rawTriggerProps["aria-describedby"]
-	};
-	let t5;
-	if ($[5] !== state) {
-		t5 = () => state.close(true);
-		$[5] = state;
-		$[6] = t5;
-	} else t5 = $[6];
-	const positionOptions = {
-		placement: props.placement || "top",
-		targetRef: tooltipTriggerRef,
-		overlayRef,
-		offset,
-		crossOffset,
-		isOpen: state.isOpen,
-		shouldFlip: tooltip.props.shouldFlip,
-		onClose: t5
-	};
-	const tooltipContextValue = {
-		state,
-		ref: overlayRef,
-		isMaterial,
-		isLight,
-		...tooltipProps
-	};
-	const tooltipContent = /* @__PURE__ */ jsx(TooltipPositionContext.Provider, {
-		value: positionOptions,
-		children: /* @__PURE__ */ jsx(TooltipTransition, {
-			isShown: state.isOpen && !isTooltipDisabled,
-			children: (t6) => {
-				const { phase, isShown, ref: transitionRef } = t6;
-				return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(PositionedTooltip, {
-					tooltip,
-					contextValue: {
-						...tooltipContextValue,
-						phase,
-						isShown,
-						ref: overlayRef,
-						transitionRef
+		$[14] = rawTriggerProps;
+		$[15] = t6;
+	} else t6 = $[15];
+	const onFocus = useEvent(t6);
+	const t7 = isTooltipDisabled ? void 0 : rawTriggerProps["aria-describedby"];
+	let t8;
+	if ($[16] !== onFocus || $[17] !== rawTriggerProps || $[18] !== t7) {
+		t8 = {
+			...rawTriggerProps,
+			onFocus,
+			"aria-describedby": t7
+		};
+		$[16] = onFocus;
+		$[17] = rawTriggerProps;
+		$[18] = t7;
+		$[19] = t8;
+	} else t8 = $[19];
+	const triggerProps = t8;
+	let t9;
+	if ($[20] !== isLight || $[21] !== isMaterial || $[22] !== state || $[23] !== tooltipProps) {
+		t9 = {
+			state,
+			ref: overlayRef,
+			isMaterial,
+			isLight,
+			...tooltipProps
+		};
+		$[20] = isLight;
+		$[21] = isMaterial;
+		$[22] = state;
+		$[23] = tooltipProps;
+		$[24] = t9;
+	} else t9 = $[24];
+	const tooltipContextValue = t9;
+	let t10;
+	if ($[25] !== crossOffset || $[26] !== isTooltipDisabled || $[27] !== offset || $[28] !== state || $[29] !== tooltip || $[30] !== tooltipContextValue || $[31] !== tooltipTriggerRef) {
+		t10 = (placement) => {
+			const positionOptions = {
+				placement: placement || "top",
+				targetRef: tooltipTriggerRef,
+				overlayRef,
+				offset,
+				crossOffset,
+				isOpen: state.isOpen,
+				shouldFlip: tooltip.props.shouldFlip,
+				onClose: () => state.close(true)
+			};
+			return /* @__PURE__ */ jsx(TooltipPositionContext.Provider, {
+				value: positionOptions,
+				children: /* @__PURE__ */ jsx(TooltipTransition, {
+					isShown: state.isOpen && !isTooltipDisabled,
+					children: (t11) => {
+						const { phase, isShown, ref: transitionRef } = t11;
+						return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(PositionedTooltip, {
+							tooltip,
+							contextValue: {
+								...tooltipContextValue,
+								phase,
+								isShown,
+								ref: overlayRef,
+								transitionRef
+							}
+						}) });
 					}
-				}) });
-			}
-		})
-	});
-	if (isTriggerFunction(trigger)) return /* @__PURE__ */ jsxs(Fragment$1, { children: [trigger(triggerProps, tooltipTriggerRef), tooltipContent] });
+				})
+			});
+		};
+		$[25] = crossOffset;
+		$[26] = isTooltipDisabled;
+		$[27] = offset;
+		$[28] = state;
+		$[29] = tooltip;
+		$[30] = tooltipContextValue;
+		$[31] = tooltipTriggerRef;
+		$[32] = t10;
+	} else t10 = $[32];
+	const renderTooltip = t10;
+	let t11;
+	if ($[33] !== renderTooltip || $[34] !== tooltipTriggerRef || $[35] !== triggerProps) {
+		t11 = {
+			triggerProps,
+			triggerRef: tooltipTriggerRef,
+			renderTooltip
+		};
+		$[33] = renderTooltip;
+		$[34] = tooltipTriggerRef;
+		$[35] = triggerProps;
+		$[36] = t11;
+	} else t11 = $[36];
+	return t11;
+}
+/**
+* TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing
+* the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip
+* relative to the trigger.
+*/
+function TooltipTrigger(props) {
+	const $ = c(25);
+	const { children, activeWrap, disableFocusableProvider } = props;
+	let t0;
+	if ($[0] !== children) {
+		t0 = Array.isArray(children) ? children : [children];
+		$[0] = children;
+		$[1] = t0;
+	} else t0 = $[1];
+	const [trigger, tooltip] = t0;
+	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.");
+	const { triggerProps, triggerRef: tooltipTriggerRef, renderTooltip } = useTooltipTriggerBinding(props, tooltip);
+	let t1;
+	if ($[2] !== props.placement || $[3] !== renderTooltip) {
+		t1 = renderTooltip(props.placement);
+		$[2] = props.placement;
+		$[3] = renderTooltip;
+		$[4] = t1;
+	} else t1 = $[4];
+	const tooltipContent = t1;
+	if (isTriggerFunction(trigger)) {
+		let t2;
+		if ($[5] !== tooltipTriggerRef || $[6] !== trigger || $[7] !== triggerProps) {
+			t2 = trigger(triggerProps, tooltipTriggerRef);
+			$[5] = tooltipTriggerRef;
+			$[6] = trigger;
+			$[7] = triggerProps;
+			$[8] = t2;
+		} else t2 = $[8];
+		let t3;
+		if ($[9] !== t2 || $[10] !== tooltipContent) {
+			t3 = /* @__PURE__ */ jsxs(Fragment$1, { children: [t2, tooltipContent] });
+			$[9] = t2;
+			$[10] = tooltipContent;
+			$[11] = t3;
+		} else t3 = $[11];
+		return t3;
+	}
 	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.");
-		let t7;
-		if ($[7] !== trigger) {
-			t7 = /* @__PURE__ */ jsx(Block, { children: trigger });
-			$[7] = trigger;
-			$[8] = t7;
-		} else t7 = $[8];
-		return t7;
+		let t2;
+		if ($[12] !== trigger) {
+			t2 = /* @__PURE__ */ jsx(Block, { children: trigger });
+			$[12] = trigger;
+			$[13] = t2;
+		} else t2 = $[13];
+		return t2;
 	}
-	let t7;
-	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-		t7 = function onClick(e) {
+	let t2;
+	if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = function onClick(e) {
 			e?.currentTarget?.parentNode.click();
 		};
-		$[9] = t7;
-	} else t7 = $[9];
-	const onClick = t7;
-	let t8;
-	if ($[10] !== activeWrap || $[11] !== trigger) {
-		t8 = activeWrap ? /* @__PURE__ */ jsx(_ActiveZone, {
+		$[14] = t2;
+	} else t2 = $[14];
+	const onClick = t2;
+	let t3;
+	if ($[15] !== activeWrap || $[16] !== trigger) {
+		t3 = activeWrap ? /* @__PURE__ */ jsx(_ActiveZone, {
 			onClick,
 			children: trigger
 		}) : trigger;
-		$[10] = activeWrap;
-		$[11] = trigger;
-		$[12] = t8;
-	} else t8 = $[12];
-	const triggerContent = /* @__PURE__ */ jsxs(Fragment$1, { children: [t8, tooltipContent] });
+		$[15] = activeWrap;
+		$[16] = trigger;
+		$[17] = t3;
+	} else t3 = $[17];
+	let t4;
+	if ($[18] !== t3 || $[19] !== tooltipContent) {
+		t4 = /* @__PURE__ */ jsxs(Fragment$1, { children: [t3, tooltipContent] });
+		$[18] = t3;
+		$[19] = tooltipContent;
+		$[20] = t4;
+	} else t4 = $[20];
+	const triggerContent = t4;
 	if (disableFocusableProvider) return triggerContent;
-	return /* @__PURE__ */ jsx(FocusableProvider, {
-		...triggerProps,
-		ref: tooltipTriggerRef,
-		children: triggerContent
-	});
+	let t5;
+	if ($[21] !== tooltipTriggerRef || $[22] !== triggerContent || $[23] !== triggerProps) {
+		t5 = /* @__PURE__ */ jsx(FocusableProvider, {
+			...triggerProps,
+			ref: tooltipTriggerRef,
+			children: triggerContent
+		});
+		$[21] = tooltipTriggerRef;
+		$[22] = triggerContent;
+		$[23] = triggerProps;
+		$[24] = t5;
+	} else t5 = $[24];
+	return t5;
 }
 //#endregion
-export { TooltipTrigger };
+export { TooltipTrigger, useTooltipTriggerBinding };
 
 //# sourceMappingURL=TooltipTrigger.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TooltipTrigger.js","names":["FocusableProvider","Children","ContextType","createContext","FocusEvent","HTMLAttributes","isValidElement","ReactElement","ReactNode","RefObject","useContext","useEffectEvent","useRef","useState","Placement","TooltipTriggerProps","useOverlayPosition","useTooltipTrigger","useTooltipTriggerState","useEvent","isDevEnv","isFocusRestoration","useLayoutEffect","Block","ActiveZone","DisplayTransition","DisplayTransitionProps","Portal","TooltipContext","CubeTooltipProps","Tooltip","TooltipPositionOptions","Pick","Parameters","onClose","TooltipPositionContext","TooltipTransition","props","$","_c","hasShown","setHasShown","isShown","t0","Box","DOMRect","overlaps","a","b","bottom","top","right","left","isInView","trigger","Element","scrolled","EventTarget","rect","getBoundingClientRect","viewport","window","innerHeight","innerWidth","PositionedTooltip","tooltip","contextValue","t1","options","overlayProps","arrowProps","placement","updatePosition","t2","targetRef","current","event","target","Node","contains","HTMLInputElement","HTMLTextAreaElement","onScroll","t3","isOpen","listener","event_0","addEventListener","removeEventListener","t4","t5","t6","t7","DEFAULT_OFFSET","DEFAULT_CROSS_OFFSET","isTriggerFunction","value","TooltipTriggerFunction","isReactElement","P","isEmptyTooltip","type","toArray","children","every","child","triggerProps","HTMLElement","ref","CubeTooltipTriggerProps","crossOffset","offset","isMaterial","isLight","activeWrap","onOpenChange","defaultOpen","isDisabled","delay","closeDelay","disableFocusableProvider","TooltipTrigger","externalRef","triggerAction","shouldCloseOnPress","undefined","rawChildrenArray","Array","isArray","Error","console","warn","internalRef","tooltipTriggerRef","overlayRef","state","isTooltipDisabled","rawTriggerProps","tooltipProps","onFocus","close","positionOptions","shouldFlip","tooltipContextValue","tooltipContent","phase","transitionRef","Symbol","for","onClick","e","currentTarget","parentNode","click","t8","triggerContent","_c","Tooltip","ActiveZone"],"sources":["../../../../src/components/overlays/Tooltip/TooltipTrigger.tsx"],"sourcesContent":["import { FocusableProvider } from '@react-aria/focus';\nimport {\n  Children,\n  ContextType,\n  createContext,\n  FocusEvent,\n  HTMLAttributes,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useContext,\n  useEffectEvent,\n  useRef,\n  useState,\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/hooks/use-event';\nimport { isDevEnv } from '../../../utils/is-dev-env';\nimport { isFocusRestoration } from '../../../utils/react/programmaticFocus';\nimport { useLayoutEffect } from '../../../utils/react/useLayoutEffect';\nimport { Block } from '../../Block';\nimport { ActiveZone } from '../../content/ActiveZone/ActiveZone';\nimport {\n  DisplayTransition,\n  DisplayTransitionProps,\n} from '../../helpers/DisplayTransition/DisplayTransition';\nimport { Portal } from '../../portal/Portal';\n\nimport { TooltipContext } from './context';\nimport { CubeTooltipProps, Tooltip } from './Tooltip';\n\ntype TooltipPositionOptions = Pick<\n  Parameters<typeof useOverlayPosition>[0],\n  | 'placement'\n  | 'targetRef'\n  | 'overlayRef'\n  | 'offset'\n  | 'crossOffset'\n  | 'isOpen'\n  | 'shouldFlip'\n> & {\n  onClose: () => void;\n};\n\n// DisplayTransition preserves its last shown render prop during exit. Position\n// subscriptions must still see the current target, configuration and open state.\nconst TooltipPositionContext = createContext<TooltipPositionOptions>(null!);\n\nfunction TooltipTransition(\n  props: Pick<DisplayTransitionProps, 'children' | 'isShown'>,\n) {\n  const [hasShown, setHasShown] = useState(props.isShown);\n\n  // Once opened, retain the transition owner through closing and reopening.\n  // A never-opened tooltip has no animation resources to maintain.\n  if (props.isShown && !hasShown) setHasShown(true);\n  if (!hasShown && !props.isShown) return null;\n\n  return <DisplayTransition {...props} />;\n}\n\ntype Box = Pick<DOMRect, 'top' | 'right' | 'bottom' | 'left'>;\n\nfunction overlaps(a: Box, b: Box) {\n  return (\n    a.bottom > b.top && a.top < b.bottom && a.right > b.left && a.left < b.right\n  );\n}\n\n/**\n * Whether the trigger is still visible after `scrolled` scrolled: it overlaps\n * the viewport and, when an element scrolled, that element's box.\n */\nfunction isInView(trigger: Element, scrolled: EventTarget | null) {\n  const rect = trigger.getBoundingClientRect();\n  const viewport = {\n    top: 0,\n    left: 0,\n    bottom: window.innerHeight,\n    right: window.innerWidth,\n  };\n\n  return (\n    overlaps(rect, viewport) &&\n    (!(scrolled instanceof Element) ||\n      overlaps(rect, scrolled.getBoundingClientRect()))\n  );\n}\n\nfunction PositionedTooltip({\n  tooltip,\n  contextValue,\n}: {\n  tooltip: ReactElement;\n  contextValue: ContextType<typeof TooltipContext>;\n}) {\n  const { onClose, ...options } = useContext(TooltipPositionContext);\n  const { overlayProps, arrowProps, placement, updatePosition } =\n    useOverlayPosition(options);\n\n  // A scroll of the page or of an element that contains the trigger moves the\n  // trigger. The tooltip follows it while it stays in view, and closes once it\n  // is scrolled out. Closing on any scroll, as a popover does, would close the\n  // tooltip a keyboard user just opened: focus scrolls a trigger into view —\n  // the browser at once, a list a frame later — and the scroll is reported\n  // after the tooltip opened.\n  const onScroll = useEffectEvent((event: Event) => {\n    const trigger = options.targetRef.current;\n    const { target } = event;\n\n    if (\n      !trigger ||\n      (target instanceof Node && !target.contains(trigger)) ||\n      // A text field scrolls its own text to keep the caret in view.\n      target instanceof HTMLInputElement ||\n      target instanceof HTMLTextAreaElement\n    ) {\n      return;\n    }\n\n    if (isInView(trigger, target)) {\n      updatePosition();\n    } else {\n      onClose();\n    }\n  });\n\n  // Subscribed at commit, with the positioning, so a scroll reported on the\n  // next frame is never missed.\n  useLayoutEffect(() => {\n    if (!options.isOpen) return;\n\n    const listener = (event: Event) => onScroll(event);\n\n    window.addEventListener('scroll', listener, true);\n\n    return () => window.removeEventListener('scroll', listener, true);\n  }, [options.isOpen]);\n\n  return (\n    <TooltipContext.Provider\n      value={{\n        ...contextValue,\n        placement: placement || options.placement || 'top',\n        overlayProps,\n        arrowProps,\n        updatePosition,\n      }}\n    >\n      {tooltip}\n    </TooltipContext.Provider>\n  );\n}\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<P = unknown>(value: unknown): value is ReactElement<P> {\n  return isValidElement(value);\n}\n\n/**\n * Whether a `Tooltip` has nothing to show. The docs turn a tooltip off with\n * `title={null}`, and opening it anyway drew an empty bubble and described the\n * trigger by it. Only a `Tooltip` is inspected: another component may render\n * content of its own.\n */\nfunction isEmptyTooltip(tooltip: ReactElement<CubeTooltipProps>): boolean {\n  return (\n    tooltip.type === Tooltip &&\n    Children.toArray(tooltip.props.children).every((child) => child === '')\n  );\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 250\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    shouldCloseOnPress,\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<CubeTooltipProps>(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<HTMLDivElement>(null);\n\n  let state = useTooltipTriggerState({ delay, ...props });\n\n  // A tooltip with nothing to show is a disabled one.\n  const isTooltipDisabled = isDisabled || isEmptyTooltip(tooltip);\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: isTooltipDisabled,\n      trigger: triggerAction,\n      delay,\n      isOpen,\n      onOpenChange,\n      defaultOpen,\n      shouldCloseOnPress,\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 = {\n    ...rawTriggerProps,\n    onFocus,\n    // A controlled `isOpen` still opens a disabled tooltip's state, and nothing\n    // is rendered to describe the trigger by.\n    'aria-describedby': isTooltipDisabled\n      ? undefined\n      : rawTriggerProps['aria-describedby'],\n  };\n\n  const positionOptions: TooltipPositionOptions = {\n    placement: props.placement || 'top',\n    targetRef: tooltipTriggerRef,\n    overlayRef,\n    offset,\n    crossOffset,\n    isOpen: state.isOpen,\n    // Documented on `Tooltip`, which renders inside the positioned layer, so\n    // it is read from the element here.\n    shouldFlip: tooltip.props.shouldFlip,\n    // Called once a scroll carries the trigger out of view.\n    onClose: () => state.close(true),\n  };\n\n  const tooltipContextValue = {\n    state,\n    ref: overlayRef,\n    isMaterial,\n    isLight,\n    ...tooltipProps,\n  };\n\n  // Closed triggers retain their interaction state, but positioning resources\n  // belong to the overlay's visible/closing lifetime rather than every label.\n  const tooltipContent = (\n    <TooltipPositionContext.Provider value={positionOptions}>\n      <TooltipTransition isShown={state.isOpen && !isTooltipDisabled}>\n        {({ phase, isShown, ref: transitionRef }) => (\n          <Portal>\n            <PositionedTooltip\n              tooltip={tooltip}\n              contextValue={{\n                ...tooltipContextValue,\n                phase,\n                isShown,\n                ref: overlayRef,\n                transitionRef,\n              }}\n            />\n          </Portal>\n        )}\n      </TooltipTransition>\n    </TooltipPositionContext.Provider>\n  );\n\n  // Function trigger pattern (new)\n  if (isTriggerFunction(trigger)) {\n    return (\n      <>\n        {trigger(triggerProps, tooltipTriggerRef)}\n        {tooltipContent}\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      {tooltipContent}\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":"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"}
+{"version":3,"file":"TooltipTrigger.js","names":["FocusableProvider","Children","ContextType","createContext","FocusEvent","HTMLAttributes","isValidElement","ReactElement","ReactNode","RefObject","useContext","useEffectEvent","useRef","useState","Placement","TooltipTriggerProps","useOverlayPosition","useTooltipTrigger","useTooltipTriggerState","useEvent","isDevEnv","isFocusRestoration","useLayoutEffect","Block","ActiveZone","DisplayTransition","DisplayTransitionProps","Portal","TooltipContext","CubeTooltipProps","Tooltip","TooltipPositionOptions","Pick","Parameters","onClose","TooltipPositionContext","TooltipTransition","props","$","_c","hasShown","setHasShown","isShown","t0","Box","DOMRect","overlaps","a","b","bottom","top","right","left","isInView","trigger","Element","scrolled","EventTarget","rect","getBoundingClientRect","viewport","window","innerHeight","innerWidth","PositionedTooltip","tooltip","contextValue","t1","options","overlayProps","arrowProps","placement","updatePosition","t2","targetRef","current","event","target","Node","contains","HTMLInputElement","HTMLTextAreaElement","onScroll","t3","isOpen","listener","event_0","addEventListener","removeEventListener","t4","t5","t6","t7","DEFAULT_OFFSET","DEFAULT_CROSS_OFFSET","isTriggerFunction","value","TooltipTriggerFunction","isReactElement","P","isEmptyTooltip","type","toArray","children","every","child","triggerProps","HTMLElement","ref","CubeTooltipTriggerProps","crossOffset","offset","isMaterial","isLight","activeWrap","onOpenChange","defaultOpen","isDisabled","delay","closeDelay","disableFocusableProvider","TooltipTriggerBindingProps","Omit","TooltipTriggerBinding","triggerRef","renderTooltip","useTooltipTriggerBinding","externalRef","triggerAction","shouldCloseOnPress","undefined","internalRef","tooltipTriggerRef","overlayRef","state","isTooltipDisabled","rawTriggerProps","tooltipProps","onFocus","t8","t9","tooltipContextValue","t10","positionOptions","shouldFlip","close","t11","phase","transitionRef","TooltipTrigger","Array","isArray","rawChildrenArray","Error","console","warn","tooltipContent","Symbol","for","onClick","e","currentTarget","parentNode","click","triggerContent","_c","Tooltip","rawChildrenArray","ActiveZone"],"sources":["../../../../src/components/overlays/Tooltip/TooltipTrigger.tsx"],"sourcesContent":["import { FocusableProvider } from '@react-aria/focus';\nimport {\n  Children,\n  ContextType,\n  createContext,\n  FocusEvent,\n  HTMLAttributes,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useContext,\n  useEffectEvent,\n  useRef,\n  useState,\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/hooks/use-event';\nimport { isDevEnv } from '../../../utils/is-dev-env';\nimport { isFocusRestoration } from '../../../utils/react/programmaticFocus';\nimport { useLayoutEffect } from '../../../utils/react/useLayoutEffect';\nimport { Block } from '../../Block';\nimport { ActiveZone } from '../../content/ActiveZone/ActiveZone';\nimport {\n  DisplayTransition,\n  DisplayTransitionProps,\n} from '../../helpers/DisplayTransition/DisplayTransition';\nimport { Portal } from '../../portal/Portal';\n\nimport { TooltipContext } from './context';\nimport { CubeTooltipProps, Tooltip } from './Tooltip';\n\ntype TooltipPositionOptions = Pick<\n  Parameters<typeof useOverlayPosition>[0],\n  | 'placement'\n  | 'targetRef'\n  | 'overlayRef'\n  | 'offset'\n  | 'crossOffset'\n  | 'isOpen'\n  | 'shouldFlip'\n> & {\n  onClose: () => void;\n};\n\n// DisplayTransition preserves its last shown render prop during exit. Position\n// subscriptions must still see the current target, configuration and open state.\nconst TooltipPositionContext = createContext<TooltipPositionOptions>(null!);\n\nfunction TooltipTransition(\n  props: Pick<DisplayTransitionProps, 'children' | 'isShown'>,\n) {\n  const [hasShown, setHasShown] = useState(props.isShown);\n\n  // Once opened, retain the transition owner through closing and reopening.\n  // A never-opened tooltip has no animation resources to maintain.\n  if (props.isShown && !hasShown) setHasShown(true);\n  if (!hasShown && !props.isShown) return null;\n\n  return <DisplayTransition {...props} />;\n}\n\ntype Box = Pick<DOMRect, 'top' | 'right' | 'bottom' | 'left'>;\n\nfunction overlaps(a: Box, b: Box) {\n  return (\n    a.bottom > b.top && a.top < b.bottom && a.right > b.left && a.left < b.right\n  );\n}\n\n/**\n * Whether the trigger is still visible after `scrolled` scrolled: it overlaps\n * the viewport and, when an element scrolled, that element's box.\n */\nfunction isInView(trigger: Element, scrolled: EventTarget | null) {\n  const rect = trigger.getBoundingClientRect();\n  const viewport = {\n    top: 0,\n    left: 0,\n    bottom: window.innerHeight,\n    right: window.innerWidth,\n  };\n\n  return (\n    overlaps(rect, viewport) &&\n    (!(scrolled instanceof Element) ||\n      overlaps(rect, scrolled.getBoundingClientRect()))\n  );\n}\n\nfunction PositionedTooltip({\n  tooltip,\n  contextValue,\n}: {\n  tooltip: ReactElement;\n  contextValue: ContextType<typeof TooltipContext>;\n}) {\n  const { onClose, ...options } = useContext(TooltipPositionContext);\n  const { overlayProps, arrowProps, placement, updatePosition } =\n    useOverlayPosition(options);\n\n  // A scroll of the page or of an element that contains the trigger moves the\n  // trigger. The tooltip follows it while it stays in view, and closes once it\n  // is scrolled out. Closing on any scroll, as a popover does, would close the\n  // tooltip a keyboard user just opened: focus scrolls a trigger into view —\n  // the browser at once, a list a frame later — and the scroll is reported\n  // after the tooltip opened.\n  const onScroll = useEffectEvent((event: Event) => {\n    const trigger = options.targetRef.current;\n    const { target } = event;\n\n    if (\n      !trigger ||\n      (target instanceof Node && !target.contains(trigger)) ||\n      // A text field scrolls its own text to keep the caret in view.\n      target instanceof HTMLInputElement ||\n      target instanceof HTMLTextAreaElement\n    ) {\n      return;\n    }\n\n    if (isInView(trigger, target)) {\n      updatePosition();\n    } else {\n      onClose();\n    }\n  });\n\n  // Subscribed at commit, with the positioning, so a scroll reported on the\n  // next frame is never missed.\n  useLayoutEffect(() => {\n    if (!options.isOpen) return;\n\n    const listener = (event: Event) => onScroll(event);\n\n    window.addEventListener('scroll', listener, true);\n\n    return () => window.removeEventListener('scroll', listener, true);\n  }, [options.isOpen]);\n\n  return (\n    <TooltipContext.Provider\n      value={{\n        ...contextValue,\n        placement: placement || options.placement || 'top',\n        overlayProps,\n        arrowProps,\n        updatePosition,\n      }}\n    >\n      {tooltip}\n    </TooltipContext.Provider>\n  );\n}\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<P = unknown>(value: unknown): value is ReactElement<P> {\n  return isValidElement(value);\n}\n\n/**\n * Whether a `Tooltip` has nothing to show. The docs turn a tooltip off with\n * `title={null}`, and opening it anyway drew an empty bubble and described the\n * trigger by it. Only a `Tooltip` is inspected: another component may render\n * content of its own.\n */\nfunction isEmptyTooltip(tooltip: ReactElement<CubeTooltipProps>): boolean {\n  return (\n    tooltip.type === Tooltip &&\n    Children.toArray(tooltip.props.children).every((child) => child === '')\n  );\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 250\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/** The `TooltipTrigger` options `useTooltipTriggerBinding` reads. */\nexport type TooltipTriggerBindingProps = Omit<\n  CubeTooltipTriggerProps,\n  'children' | 'activeWrap' | 'disableFocusableProvider'\n>;\n\nexport interface TooltipTriggerBinding {\n  /** Spread on the trigger element. */\n  triggerProps: HTMLAttributes<HTMLElement>;\n  /** Attached to the trigger element; the tooltip is positioned against it. */\n  triggerRef: RefObject<HTMLElement>;\n  /**\n   * The positioned tooltip, rendered beside the trigger: it portals out, and\n   * mounts nothing until the tooltip first opens.\n   */\n  renderTooltip: (placement?: Placement) => ReactNode;\n}\n\n/**\n * Everything `TooltipTrigger` does except render the trigger: the open state,\n * the trigger's props and ref, and the positioned tooltip.\n *\n * A component that renders its own trigger and turns its tooltip on and off\n * calls this directly and renders the tooltip beside the trigger. Wrapping the\n * trigger in `TooltipTrigger` only while a tooltip exists changes the element\n * type above the trigger, so React remounts it: the node is replaced and its\n * focus drops to the page.\n *\n * `tooltip` is the second child `TooltipTrigger` would get: the `Tooltip` to\n * show, or a placeholder while `isDisabled`.\n */\nexport function useTooltipTriggerBinding(\n  props: TooltipTriggerBindingProps,\n  tooltip: ReactElement<CubeTooltipProps>,\n): TooltipTriggerBinding {\n  const {\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    shouldCloseOnPress,\n    isOpen,\n    onOpenChange,\n    defaultOpen,\n  } = props;\n\n  let internalRef = useRef<HTMLElement>(null!);\n  let tooltipTriggerRef = externalRef ?? internalRef;\n  let overlayRef = useRef<HTMLDivElement>(null);\n\n  let state = useTooltipTriggerState({ delay, ...props });\n\n  // A tooltip with nothing to show is a disabled one.\n  const isTooltipDisabled = isDisabled || isEmptyTooltip(tooltip);\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: isTooltipDisabled,\n      trigger: triggerAction,\n      delay,\n      isOpen,\n      onOpenChange,\n      defaultOpen,\n      shouldCloseOnPress,\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 = {\n    ...rawTriggerProps,\n    onFocus,\n    // A controlled `isOpen` still opens a disabled tooltip's state, and nothing\n    // is rendered to describe the trigger by.\n    'aria-describedby': isTooltipDisabled\n      ? undefined\n      : rawTriggerProps['aria-describedby'],\n  };\n\n  const tooltipContextValue = {\n    state,\n    ref: overlayRef,\n    isMaterial,\n    isLight,\n    ...tooltipProps,\n  };\n\n  // Closed triggers retain their interaction state, but positioning resources\n  // belong to the overlay's visible/closing lifetime rather than every label.\n  const renderTooltip = (placement?: Placement) => {\n    const positionOptions: TooltipPositionOptions = {\n      placement: placement || 'top',\n      targetRef: tooltipTriggerRef,\n      overlayRef,\n      offset,\n      crossOffset,\n      isOpen: state.isOpen,\n      // Documented on `Tooltip`, which renders inside the positioned layer, so\n      // it is read from the element here.\n      shouldFlip: tooltip.props.shouldFlip,\n      // Called once a scroll carries the trigger out of view.\n      onClose: () => state.close(true),\n    };\n\n    return (\n      <TooltipPositionContext.Provider value={positionOptions}>\n        <TooltipTransition isShown={state.isOpen && !isTooltipDisabled}>\n          {({ phase, isShown, ref: transitionRef }) => (\n            <Portal>\n              <PositionedTooltip\n                tooltip={tooltip}\n                contextValue={{\n                  ...tooltipContextValue,\n                  phase,\n                  isShown,\n                  ref: overlayRef,\n                  transitionRef,\n                }}\n              />\n            </Portal>\n          )}\n        </TooltipTransition>\n      </TooltipPositionContext.Provider>\n    );\n  };\n\n  return { triggerProps, triggerRef: tooltipTriggerRef, renderTooltip };\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  const { children, activeWrap, disableFocusableProvider } = 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<CubeTooltipProps>(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  const {\n    triggerProps,\n    triggerRef: tooltipTriggerRef,\n    renderTooltip,\n  } = useTooltipTriggerBinding(props, tooltip);\n\n  const tooltipContent = renderTooltip(props.placement);\n\n  // Function trigger pattern (new)\n  if (isTriggerFunction(trigger)) {\n    return (\n      <>\n        {trigger(triggerProps, tooltipTriggerRef)}\n        {tooltipContent}\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      {tooltipContent}\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":"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 import React from "react";
 //#region src/components/overlays/Tooltip/context.ts
 const TooltipContext = React.createContext({});

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 //#region src/components/overlays/Tooltip/split-trigger-props.ts
 /**

package/dist/components/portal/Portal.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 import { usePortal } from "./usePortal.js";
 import { c } from "react/compiler-runtime";
 import { TastyBatchProvider } from "@tenphi/tasty";

package/dist/components/portal/PortalProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { createContext, useContext } from "react";
 //#region src/components/portal/PortalProvider.ts

package/dist/components/portal/usePortal.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 import { usePortalContext } from "./PortalProvider.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useEffectEvent, useState } from "react";

package/dist/components/shared/DraggableCollection.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useEffectEvent, useRef } from "react";

package/dist/components/shared/InvalidIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 import { WarningIcon } from "../../icons/WarningIcon.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/shared/InvalidIcon.tsx

package/dist/components/shared/ValidIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 import { CheckIcon } from "../../icons/CheckIcon.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/shared/ValidIcon.tsx

package/dist/components/status/LoadingAnimation/LoadingAnimation.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { Block } from "../../Block.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/status/Spin/Cube.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { memo } from "react";

package/dist/components/status/Spin/InternalSpinner.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 import { Cube } from "./Cube.js";
 import { SpinsContainer } from "./SpinsContainer.js";
 import { c } from "react/compiler-runtime";

package/dist/components/status/Spin/Spin.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 import { Block } from "../../Block.js";
 import { InternalSpinner } from "./InternalSpinner.js";
 import { c } from "react/compiler-runtime";

package/dist/components/status/Spin/SpinsContainer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { jsx } from "react/jsx-runtime";

package/dist/data/item-themes.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 import { mergeStyles } from "@tenphi/tasty";
 //#region src/data/item-themes.ts
 const VALIDATION_STYLES = { border: {

package/dist/data/themes.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 //#region src/data/themes.ts
 var themes_default = {
 	special: {

package/dist/eslint-plugin/defaults.generated.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 //#region src/eslint-plugin/defaults.generated.ts
 const DEFAULTS = {
 	components: {

package/dist/eslint-plugin/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 import { DEFAULTS } from "./defaults.generated.js";
 import { createRule, noRedundantDefaultProp } from "./rules/no-redundant-default-prop.js";
 //#region src/eslint-plugin/index.ts

package/dist/eslint-plugin/rules/no-redundant-default-prop.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 import { DEFAULTS } from "../defaults.generated.js";
 //#region src/eslint-plugin/rules/no-redundant-default-prop.ts
 /**

package/dist/i18n/I18nProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 import { UIKIT_I18N_NAMESPACE } from "./namespace.js";
 import { getI18n } from "./instance.js";
 import { c } from "react/compiler-runtime";

package/dist/i18n/createFormatter.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 //#region src/i18n/createFormatter.ts
 const cache = /* @__PURE__ */ new Map();
 function getIntl(kind, Ctor, locale, options) {