@cube-dev/ui-kit 0.183.0 → 0.185.0

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
@@ -102,7 +102,7 @@ const TooltipTipElement = tasty({ styles: {
 	transition: "theme"
 } });
 function Tooltip(props, ref) {
-	const $ = c(29);
+	const $ = c(30);
 	let { ref: overlayRef, transitionRef, arrowProps, state, overlayProps, minOffset, minScale, isMaterial: isMaterialContext, isLight: isLightContext, phase, isShown, updatePosition, ...tooltipProviderProps } = useContext(TooltipContext);
 	const defaultRef = useRef(null);
 	const t0 = overlayRef ?? defaultRef;
@@ -178,11 +178,12 @@ function Tooltip(props, ref) {
 		$[16] = t10;
 	} else t10 = $[16];
 	let t11;
-	if ($[17] !== combinedRef || $[18] !== minOffset || $[19] !== minScale || $[20] !== mods || $[21] !== overlayProps || $[22] !== phase || $[23] !== placementDirection || $[24] !== props.children || $[25] !== styles || $[26] !== t10 || $[27] !== tooltipProps) {
+	if ($[17] !== combinedRef || $[18] !== minOffset || $[19] !== minScale || $[20] !== mods || $[21] !== otherProps.qa || $[22] !== overlayProps || $[23] !== phase || $[24] !== placementDirection || $[25] !== props.children || $[26] !== styles || $[27] !== t10 || $[28] !== tooltipProps) {
 		t11 = /* @__PURE__ */ jsxs(TooltipElement, {
 			...tooltipProps,
 			...overlayProps,
 			ref: combinedRef,
+			qa: otherProps.qa,
 			styles,
 			mods,
 			"data-min-offset": minOffset,
@@ -195,15 +196,16 @@ function Tooltip(props, ref) {
 		$[18] = minOffset;
 		$[19] = minScale;
 		$[20] = mods;
-		$[21] = overlayProps;
-		$[22] = phase;
-		$[23] = placementDirection;
-		$[24] = props.children;
-		$[25] = styles;
-		$[26] = t10;
-		$[27] = tooltipProps;
-		$[28] = t11;
-	} else t11 = $[28];
+		$[21] = otherProps.qa;
+		$[22] = overlayProps;
+		$[23] = phase;
+		$[24] = placementDirection;
+		$[25] = props.children;
+		$[26] = styles;
+		$[27] = t10;
+		$[28] = tooltipProps;
+		$[29] = t11;
+	} else t11 = $[29];
 	return t11;
 }
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["createDOMRef","DOMRefValue","BaseProps","CONTAINER_STYLES","ContainerStyleProps","Styles","tasty","ForwardedRef","forwardRef","useContext","useImperativeHandle","useMemo","useRef","AriaTooltipProps","useTooltip","PlacementAxis","mergeProps","mergeRefs","useLayoutEffect","extractStyles","TooltipContext","TooltipElement","styles","display","fill","light","color","width","radius","padding","preset","backdropFilter","whiteSpace","overflowWrap","pointerEvents","material","filter","transition","translate","transformOrigin","scale","opacity","TooltipTipElement","position","height","border","borderTop","borderBottom","top","left","right","bottom","transform","CubeTooltipProps","tipStyles","showIcon","placement","isMaterial","isOpen","isLight","onOpenChange","defaultOpen","shouldFlip","Tooltip","props","ref","$","_c","overlayRef","transitionRef","arrowProps","state","overlayProps","minOffset","minScale","isMaterialContext","isLightContext","phase","isShown","updatePosition","tooltipProviderProps","defaultRef","t0","t1","combinedRef","finalOverlayRef","t2","t3","t4","otherProps","undefined","tooltipProps","isDismissable","t5","String","placementDirection","split","t6","t7","open","mods","t8","t9","Symbol","for","t10","t11","children","_Tooltip","displayName"],"sources":["../../../../src/components/overlays/Tooltip/Tooltip.tsx"],"sourcesContent":["import { createDOMRef } from '@react-spectrum/utils';\nimport { DOMRefValue } from '@react-types/shared';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  useContext,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\nimport { AriaTooltipProps, useTooltip } from 'react-aria';\n\nimport { PlacementAxis } from '../../../shared';\nimport { mergeProps, mergeRefs, useLayoutEffect } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\n\nimport { TooltipContext } from './context';\n\nexport type { AriaTooltipProps };\n\nconst TooltipElement = tasty({\n  styles: {\n    display: 'block',\n    // The DEFAULT (dark) tooltip is intentionally scheme-invariant:\n    // `#surface-inverse.85` + `#white` keep it the \"always dark\" tooltip in\n    // light, dark, and high-contrast schemes — matching the legacy `#dark.85`\n    // + `#white` design.\n    //\n    // The `light` variant uses the adaptive surface tokens (`#surface` +\n    // `#surface-text-soft`) so it follows the page scheme. This restores the\n    // softer legacy `#dark-02` look in light mode (cr≈9.2) and stays AA-safe\n    // in dark mode (the previous fixed `#surface-inverse` was much darker\n    // than the legacy `#dark-02`, and pairing the fixed `#white` fill with\n    // the adaptive `#surface-text-soft` text — the LEGACY_ALIASES port of\n    // `#dark-02` — would collapse to cr≈1.8 in dark schemes; using `#surface`\n    // for the fill keeps both ends of the pair adapting together).\n    fill: {\n      '': '#surface-inverse.85',\n      light: '#surface',\n    },\n    color: {\n      '': '#white',\n      light: '#surface-text-soft',\n    },\n    width: 'initial min(36x, (100dvw - 4x)) max-content',\n    radius: true,\n    padding: '.75x 1x',\n    preset: 't4',\n    backdropFilter: 'blur(.5x)',\n    whiteSpace: 'pre-line',\n    // The tooltip is width-capped (`min(36x, …)`) with `max-width: max-content`,\n    // so a run with no spaces — a URL, a token, an identifier, an error string —\n    // stays on one line and spills straight out of the bubble. `anywhere` breaks\n    // it at the cap instead. It inherits, so tooltip children wrap too.\n    overflowWrap: 'anywhere',\n    pointerEvents: {\n      '': 'none',\n      material: 'auto',\n    },\n    filter: {\n      '': false,\n      light: 'drop-shadow(0 0 1px #surface-text-soft.2)',\n    },\n    transition:\n      'translate $transition ease-out, scale $transition ease-out, theme $transition ease-out',\n    translate: {\n      '': '0 0',\n      'open & [data-placement=\"top\"]': '0 0',\n      '!open & [data-placement=\"top\"]': '0 1x',\n      'open & [data-placement=\"bottom\"]': '0 0',\n      '!open & [data-placement=\"bottom\"]': '0 -1x',\n      'open & [data-placement=\"left\"]': '0 0',\n      '!open & [data-placement=\"left\"]': '1x 0',\n      'open & [data-placement=\"right\"]': '0 0',\n      '!open & [data-placement=\"right\"]': '-1x 0',\n    },\n    transformOrigin: {\n      '': 'top center',\n      '[data-placement=\"top\"]': 'bottom center',\n      '[data-placement=\"left\"]': 'right center',\n      '[data-placement=\"right\"]': 'left center',\n    },\n    scale: {\n      '': '1 1',\n      '!open': '1 .8',\n      '!open & ([data-placement=\"left\"] | [data-placement=\"right\"])': '.8 1',\n    },\n    opacity: {\n      '': 1,\n      '!open': 0.001,\n    },\n  },\n});\n\nconst TooltipTipElement = tasty({\n  styles: {\n    position: 'absolute',\n    width: '1px',\n    height: '1px',\n    border: '.5x #clear',\n    borderTop: {\n      '': '.5x solid #surface-inverse.85',\n      light: '.5x solid #surface',\n    },\n    borderBottom: '0',\n    top: {\n      '': 'initial',\n      '[data-placement=\"left\"] | [data-placement=\"right\"]': '50%',\n      '[data-placement=\"top\"]': '100%',\n    },\n    left: {\n      '': 'initial',\n      '[data-placement=\"top\"] | [data-placement=\"bottom\"]': '50%',\n      '[data-placement=\"left\"]': '100%',\n    },\n    right: {\n      '': 'initial',\n      '[data-placement=\"right\"]': '100%',\n    },\n    bottom: {\n      '': 'initial',\n      '[data-placement=\"bottom\"]': '100%',\n    },\n    transform: {\n      '': 'translate((-.375x - 1px), 0)',\n      '[data-placement=\"bottom\"]':\n        'translate((-.375x - 1px), 0) rotate(180deg)',\n      '[data-placement=\"left\"]': 'translate(-.25x, -.25x) rotate(270deg)',\n      '[data-placement=\"right\"]': 'translate(.25x, -.25x) rotate(90deg)',\n    },\n    transition: 'theme',\n  },\n});\n\nexport interface CubeTooltipProps\n  extends BaseProps,\n    ContainerStyleProps,\n    AriaTooltipProps {\n  tipStyles?: Styles;\n  showIcon?: boolean;\n  placement?: PlacementAxis;\n  isMaterial?: boolean;\n  isOpen?: boolean;\n  isLight?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  defaultOpen?: boolean;\n  shouldFlip?: boolean;\n}\n\nfunction Tooltip(\n  props: CubeTooltipProps,\n  ref: ForwardedRef<DOMRefValue<HTMLDivElement>>,\n) {\n  let {\n    ref: overlayRef,\n    transitionRef,\n    arrowProps,\n    state,\n    overlayProps,\n    minOffset,\n    minScale,\n    isMaterial: isMaterialContext,\n    isLight: isLightContext,\n    phase,\n    isShown,\n    updatePosition,\n    ...tooltipProviderProps\n  } = useContext(TooltipContext);\n\n  const defaultRef = useRef<HTMLDivElement>(null);\n  const combinedRef = mergeRefs(transitionRef, overlayRef ?? defaultRef);\n  const finalOverlayRef = overlayRef ?? defaultRef;\n\n  props = mergeProps(props, tooltipProviderProps);\n\n  let {\n    placement = 'top',\n    isOpen,\n    tipStyles,\n    showIcon,\n    isMaterial = isMaterialContext,\n    isLight = isLightContext,\n    ...otherProps\n  } = props;\n\n  const styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  let { tooltipProps } = useTooltip({ ...props, isDismissable: false }, state);\n\n  // Sync ref with overlayRef from context.\n  useImperativeHandle(ref, () => createDOMRef(finalOverlayRef));\n\n  if (typeof minOffset === 'number') {\n    minOffset = `${minOffset}px`;\n  }\n\n  if (typeof minScale === 'number') {\n    minScale = String(minScale);\n  }\n\n  // Extract primary placement direction for consistent styling\n  const placementDirection = placement?.split(' ')[0] || placement || 'top';\n\n  const mods = useMemo(() => {\n    return {\n      material: isMaterial,\n      light: isLight,\n      open: isShown ?? isOpen,\n    };\n  }, [isMaterial, isShown, isOpen, isLight]);\n\n  // Update position when tooltip becomes visible\n  useLayoutEffect(() => {\n    updatePosition?.();\n  }, []);\n\n  return (\n    <TooltipElement\n      {...tooltipProps}\n      {...overlayProps}\n      ref={combinedRef}\n      styles={styles}\n      mods={mods}\n      data-min-offset={minOffset}\n      data-min-scale={minScale}\n      data-placement={placementDirection}\n      data-phase={phase}\n    >\n      {props.children}\n      <TooltipTipElement\n        data-placement={placementDirection}\n        styles={tipStyles}\n        mods={mods}\n        {...arrowProps}\n      />\n    </TooltipElement>\n  );\n}\n\n/**\n * Display container for Tooltip content. Has a directional arrow dependent on its placement.\n */\nlet _Tooltip = forwardRef(Tooltip);\n\n_Tooltip.displayName = 'Tooltip';\n\nexport { _Tooltip as Tooltip };\n"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","names":["createDOMRef","DOMRefValue","BaseProps","CONTAINER_STYLES","ContainerStyleProps","Styles","tasty","ForwardedRef","forwardRef","useContext","useImperativeHandle","useMemo","useRef","AriaTooltipProps","useTooltip","PlacementAxis","mergeProps","mergeRefs","useLayoutEffect","extractStyles","TooltipContext","TooltipElement","styles","display","fill","light","color","width","radius","padding","preset","backdropFilter","whiteSpace","overflowWrap","pointerEvents","material","filter","transition","translate","transformOrigin","scale","opacity","TooltipTipElement","position","height","border","borderTop","borderBottom","top","left","right","bottom","transform","CubeTooltipProps","tipStyles","showIcon","placement","isMaterial","isOpen","isLight","onOpenChange","defaultOpen","shouldFlip","Tooltip","props","ref","$","_c","overlayRef","transitionRef","arrowProps","state","overlayProps","minOffset","minScale","isMaterialContext","isLightContext","phase","isShown","updatePosition","tooltipProviderProps","defaultRef","t0","t1","combinedRef","finalOverlayRef","t2","t3","t4","otherProps","undefined","tooltipProps","isDismissable","t5","String","placementDirection","split","t6","t7","open","mods","t8","t9","Symbol","for","t10","t11","qa","children","_Tooltip","displayName"],"sources":["../../../../src/components/overlays/Tooltip/Tooltip.tsx"],"sourcesContent":["import { createDOMRef } from '@react-spectrum/utils';\nimport { DOMRefValue } from '@react-types/shared';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  useContext,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\nimport { AriaTooltipProps, useTooltip } from 'react-aria';\n\nimport { PlacementAxis } from '../../../shared';\nimport { mergeProps, mergeRefs, useLayoutEffect } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\n\nimport { TooltipContext } from './context';\n\nexport type { AriaTooltipProps };\n\nconst TooltipElement = tasty({\n  styles: {\n    display: 'block',\n    // The DEFAULT (dark) tooltip is intentionally scheme-invariant:\n    // `#surface-inverse.85` + `#white` keep it the \"always dark\" tooltip in\n    // light, dark, and high-contrast schemes — matching the legacy `#dark.85`\n    // + `#white` design.\n    //\n    // The `light` variant uses the adaptive surface tokens (`#surface` +\n    // `#surface-text-soft`) so it follows the page scheme. This restores the\n    // softer legacy `#dark-02` look in light mode (cr≈9.2) and stays AA-safe\n    // in dark mode (the previous fixed `#surface-inverse` was much darker\n    // than the legacy `#dark-02`, and pairing the fixed `#white` fill with\n    // the adaptive `#surface-text-soft` text — the LEGACY_ALIASES port of\n    // `#dark-02` — would collapse to cr≈1.8 in dark schemes; using `#surface`\n    // for the fill keeps both ends of the pair adapting together).\n    fill: {\n      '': '#surface-inverse.85',\n      light: '#surface',\n    },\n    color: {\n      '': '#white',\n      light: '#surface-text-soft',\n    },\n    width: 'initial min(36x, (100dvw - 4x)) max-content',\n    radius: true,\n    padding: '.75x 1x',\n    preset: 't4',\n    backdropFilter: 'blur(.5x)',\n    whiteSpace: 'pre-line',\n    // The tooltip is width-capped (`min(36x, …)`) with `max-width: max-content`,\n    // so a run with no spaces — a URL, a token, an identifier, an error string —\n    // stays on one line and spills straight out of the bubble. `anywhere` breaks\n    // it at the cap instead. It inherits, so tooltip children wrap too.\n    overflowWrap: 'anywhere',\n    pointerEvents: {\n      '': 'none',\n      material: 'auto',\n    },\n    filter: {\n      '': false,\n      light: 'drop-shadow(0 0 1px #surface-text-soft.2)',\n    },\n    transition:\n      'translate $transition ease-out, scale $transition ease-out, theme $transition ease-out',\n    translate: {\n      '': '0 0',\n      'open & [data-placement=\"top\"]': '0 0',\n      '!open & [data-placement=\"top\"]': '0 1x',\n      'open & [data-placement=\"bottom\"]': '0 0',\n      '!open & [data-placement=\"bottom\"]': '0 -1x',\n      'open & [data-placement=\"left\"]': '0 0',\n      '!open & [data-placement=\"left\"]': '1x 0',\n      'open & [data-placement=\"right\"]': '0 0',\n      '!open & [data-placement=\"right\"]': '-1x 0',\n    },\n    transformOrigin: {\n      '': 'top center',\n      '[data-placement=\"top\"]': 'bottom center',\n      '[data-placement=\"left\"]': 'right center',\n      '[data-placement=\"right\"]': 'left center',\n    },\n    scale: {\n      '': '1 1',\n      '!open': '1 .8',\n      '!open & ([data-placement=\"left\"] | [data-placement=\"right\"])': '.8 1',\n    },\n    opacity: {\n      '': 1,\n      '!open': 0.001,\n    },\n  },\n});\n\nconst TooltipTipElement = tasty({\n  styles: {\n    position: 'absolute',\n    width: '1px',\n    height: '1px',\n    border: '.5x #clear',\n    borderTop: {\n      '': '.5x solid #surface-inverse.85',\n      light: '.5x solid #surface',\n    },\n    borderBottom: '0',\n    top: {\n      '': 'initial',\n      '[data-placement=\"left\"] | [data-placement=\"right\"]': '50%',\n      '[data-placement=\"top\"]': '100%',\n    },\n    left: {\n      '': 'initial',\n      '[data-placement=\"top\"] | [data-placement=\"bottom\"]': '50%',\n      '[data-placement=\"left\"]': '100%',\n    },\n    right: {\n      '': 'initial',\n      '[data-placement=\"right\"]': '100%',\n    },\n    bottom: {\n      '': 'initial',\n      '[data-placement=\"bottom\"]': '100%',\n    },\n    transform: {\n      '': 'translate((-.375x - 1px), 0)',\n      '[data-placement=\"bottom\"]':\n        'translate((-.375x - 1px), 0) rotate(180deg)',\n      '[data-placement=\"left\"]': 'translate(-.25x, -.25x) rotate(270deg)',\n      '[data-placement=\"right\"]': 'translate(.25x, -.25x) rotate(90deg)',\n    },\n    transition: 'theme',\n  },\n});\n\nexport interface CubeTooltipProps\n  extends BaseProps,\n    ContainerStyleProps,\n    AriaTooltipProps {\n  tipStyles?: Styles;\n  showIcon?: boolean;\n  placement?: PlacementAxis;\n  isMaterial?: boolean;\n  isOpen?: boolean;\n  isLight?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  defaultOpen?: boolean;\n  shouldFlip?: boolean;\n}\n\nfunction Tooltip(\n  props: CubeTooltipProps,\n  ref: ForwardedRef<DOMRefValue<HTMLDivElement>>,\n) {\n  let {\n    ref: overlayRef,\n    transitionRef,\n    arrowProps,\n    state,\n    overlayProps,\n    minOffset,\n    minScale,\n    isMaterial: isMaterialContext,\n    isLight: isLightContext,\n    phase,\n    isShown,\n    updatePosition,\n    ...tooltipProviderProps\n  } = useContext(TooltipContext);\n\n  const defaultRef = useRef<HTMLDivElement>(null);\n  const combinedRef = mergeRefs(transitionRef, overlayRef ?? defaultRef);\n  const finalOverlayRef = overlayRef ?? defaultRef;\n\n  props = mergeProps(props, tooltipProviderProps);\n\n  let {\n    placement = 'top',\n    isOpen,\n    tipStyles,\n    showIcon,\n    isMaterial = isMaterialContext,\n    isLight = isLightContext,\n    ...otherProps\n  } = props;\n\n  const styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  let { tooltipProps } = useTooltip({ ...props, isDismissable: false }, state);\n\n  // Sync ref with overlayRef from context.\n  useImperativeHandle(ref, () => createDOMRef(finalOverlayRef));\n\n  if (typeof minOffset === 'number') {\n    minOffset = `${minOffset}px`;\n  }\n\n  if (typeof minScale === 'number') {\n    minScale = String(minScale);\n  }\n\n  // Extract primary placement direction for consistent styling\n  const placementDirection = placement?.split(' ')[0] || placement || 'top';\n\n  const mods = useMemo(() => {\n    return {\n      material: isMaterial,\n      light: isLight,\n      open: isShown ?? isOpen,\n    };\n  }, [isMaterial, isShown, isOpen, isLight]);\n\n  // Update position when tooltip becomes visible\n  useLayoutEffect(() => {\n    updatePosition?.();\n  }, []);\n\n  return (\n    <TooltipElement\n      {...tooltipProps}\n      {...overlayProps}\n      ref={combinedRef}\n      // `qa` is typed through `BaseProps` but nothing forwarded it, so a test\n      // had no way to tell one control's tooltip from another's.\n      qa={otherProps.qa}\n      styles={styles}\n      mods={mods}\n      data-min-offset={minOffset}\n      data-min-scale={minScale}\n      data-placement={placementDirection}\n      data-phase={phase}\n    >\n      {props.children}\n      <TooltipTipElement\n        data-placement={placementDirection}\n        styles={tipStyles}\n        mods={mods}\n        {...arrowProps}\n      />\n    </TooltipElement>\n  );\n}\n\n/**\n * Display container for Tooltip content. Has a directional arrow dependent on its placement.\n */\nlet _Tooltip = forwardRef(Tooltip);\n\n_Tooltip.displayName = 'Tooltip';\n\nexport { _Tooltip as Tooltip };\n"],"mappings":"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"}

package/dist/components/overlays/Tooltip/TooltipProvider.d.ts

@@ -10,6 +10,12 @@ interface CubeTooltipProviderProps extends Omit<CubeTooltipTriggerProps, 'childr
   title?: ReactNode;
   tooltipStyles?: Styles;
   width?: CubeTooltipProps['width'];
+  /**
+   * `data-qa` for the rendered tooltip, so a test can pick out this control's
+   * tooltip rather than whichever one is open. Also accepted in the `tooltip`
+   * object of components that build a provider from it.
+   */
+  qa?: string;
 }
 declare function TooltipProvider(props: CubeTooltipProviderProps): ReactElement;
 //#endregion

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

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

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"TooltipProvider.js","names":["Styles","isValidElement","ReactElement","ReactNode","RefObject","useIsSSR","CubeTooltipProps","Tooltip","CubeTooltipTriggerProps","TooltipTrigger","TooltipTriggerFunction","CubeTooltipProviderProps","Omit","children","title","tooltipStyles","width","qa","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   * `data-qa` for the rendered tooltip, so a test can pick out this control's\n   * tooltip rather than whichever one is open. Also accepted in the `tooltip`\n   * object of components that build a provider from it.\n   */\n  qa?: string;\n}\n\nexport function TooltipProvider(props: CubeTooltipProviderProps): ReactElement {\n  const isSSR = useIsSSR();\n  const {\n    title,\n    children,\n    tooltipStyles,\n    width,\n    qa,\n    isDisabled,\n    ...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\n          styles={tooltipStyles}\n          {...(width ? { width } : null)}\n          {...(qa ? { qa } : null)}\n        >\n          {title}\n        </Tooltip>\n      )}\n    </TooltipTrigger>\n  );\n}\n"],"mappings":";;;;;;;;;AAyBA,SAAOkB,gBAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACL,MAAAC,QAAcjB,UAAU;CAAC,IAAAQ;CAAA,IAAAU;CAAA,IAAAC;CAAA,IAAAP;CAAA,IAAAH;CAAA,IAAAC;CAAA,IAAAC;AAAA,KAAAI,EAAA,OAAAD,OAAA;AACzB,GAAA,CAAAL,OAAAD,UAAAE,eAAAC,OAAAC,IAAAM,eAAAC,cAQIL;AAAMC,IAAA,KAAAD;AAAAC,IAAA,KAAAP;AAAAO,IAAA,KAAAG;AAAAH,IAAA,KAAAI;AAAAJ,IAAA,KAAAH;AAAAG,IAAA,KAAAN;AAAAM,IAAA,KAAAL;AAAAK,IAAA,KAAAJ;QAAA;AAAAH,aAAAO,EAAA;AAAAG,eAAAH,EAAA;AAAAI,eAAAJ,EAAA;AAAAH,OAAAG,EAAA;AAAAN,UAAAM,EAAA;AAAAL,kBAAAK,EAAA;AAAAJ,UAAAI,EAAA;;CAEV,MAAAK,aAAmB,OAAOZ,aAAa;AAQvC,KAAIS,OAAK;EAAA,IAAAI;AAAA,MAAAN,EAAA,OAAAP,YAAAO,EAAA,OAAAK,YAAA;AAGFC,QAAAD,aACGZ,SAAS,EAAE,EAAE,EAAAc,SAAW,MAAM,CACtB,GAFXd;AAEWO,KAAA,KAAAP;AAAAO,KAAA,KAAAK;AAAAL,KAAA,MAAAM;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,QAAAP,YAAAO,EAAA,QAAAK,YAAA;AAUIC,OAAAD,cACDxB,eAAeY,SACa,IAA5B,OAAOA,aAAa,WAFnBA,WAAA,kCAKIA,WACJ;AAAAO,IAAA,MAAAP;AAAAO,IAAA,MAAAK;AAAAL,IAAA,MAAAM;OAAAA,MAAAN,EAAA;CAAA,IAAAS;AAAA,KAAAT,EAAA,QAAAG,cAAAH,EAAA,QAAAH,MAAAG,EAAA,QAAAN,SAAAM,EAAA,QAAAL,iBAAAK,EAAA,QAAAJ,OAAA;AACAa,OAAAN,aACC,oBAAA,UASD,GAPC,oBAAC;GACSR,QAAAA;GAAa,GAChBC,QAAA,EAAAA,OAAwB,GAAxB;GAAwB,GACxBC,KAAA,EAAAA,IAAkB,GAAlB;aAEJH;IAEJ;AAAAM,IAAA,MAAAG;AAAAH,IAAA,MAAAH;AAAAG,IAAA,MAAAN;AAAAM,IAAA,MAAAL;AAAAK,IAAA,MAAAJ;AAAAI,IAAA,MAAAS;OAAAA,MAAAT,EAAA;CAAA,IAAAU;AAAA,KAAAV,EAAA,QAAAG,cAAAH,EAAA,QAAAK,cAAAL,EAAA,QAAAI,cAAAJ,EAAA,QAAAM,MAAAN,EAAA,QAAAS,IAAA;AAtBHC,OAAA,qBAAC;GAAc,GACTN;GACQD;GACcE,0BAAAA;cAEzBC,IAOAG;IAWc;AAAAT,IAAA,MAAAG;AAAAH,IAAA,MAAAK;AAAAL,IAAA,MAAAI;AAAAJ,IAAA,MAAAM;AAAAN,IAAA,MAAAS;AAAAT,IAAA,MAAAU;OAAAA,MAAAV,EAAA;AAAA,QAvBjBU"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.185.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";
@@ -29,7 +29,7 @@ function isReactElement(value) {
 * relative to the trigger.
 */
 function TooltipTrigger(props) {
-	const $ = c(44);
+	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;
@@ -54,8 +54,9 @@ function TooltipTrigger(props) {
 	} else t3 = $[2];
 	const state = useTooltipTriggerState(t3);
 	let t4;
-	if ($[3] !== defaultOpen || $[4] !== delay || $[5] !== isOpen || $[6] !== onOpenChange || $[7] !== triggerAction) {
+	if ($[3] !== defaultOpen || $[4] !== delay || $[5] !== isDisabled || $[6] !== isOpen || $[7] !== onOpenChange || $[8] !== triggerAction) {
 		t4 = {
+			isDisabled,
 			trigger: triggerAction,
 			delay,
 			isOpen,
@@ -65,21 +66,22 @@ function TooltipTrigger(props) {
 		};
 		$[3] = defaultOpen;
 		$[4] = delay;
-		$[5] = isOpen;
-		$[6] = onOpenChange;
-		$[7] = triggerAction;
-		$[8] = t4;
-	} else t4 = $[8];
+		$[5] = isDisabled;
+		$[6] = isOpen;
+		$[7] = onOpenChange;
+		$[8] = triggerAction;
+		$[9] = t4;
+	} else t4 = $[9];
 	const { triggerProps: rawTriggerProps, tooltipProps } = useTooltipTrigger(t4, state, tooltipTriggerRef);
 	let t5;
-	if ($[9] !== rawTriggerProps) {
+	if ($[10] !== rawTriggerProps) {
 		t5 = (event) => {
 			if (isFocusRestoration()) return;
 			rawTriggerProps.onFocus?.(event);
 		};
-		$[9] = rawTriggerProps;
-		$[10] = t5;
-	} else t5 = $[10];
+		$[10] = rawTriggerProps;
+		$[11] = t5;
+	} else t5 = $[11];
 	const onFocus = useEvent(t5);
 	const triggerProps = {
 		...rawTriggerProps,
@@ -87,7 +89,7 @@ function TooltipTrigger(props) {
 	};
 	const t6 = props.placement || "top";
 	let t7;
-	if ($[11] !== crossOffset || $[12] !== offset || $[13] !== state.isOpen || $[14] !== t6 || $[15] !== tooltipTriggerRef) {
+	if ($[12] !== crossOffset || $[13] !== offset || $[14] !== state.isOpen || $[15] !== t6 || $[16] !== tooltipTriggerRef) {
 		t7 = {
 			placement: t6,
 			targetRef: tooltipTriggerRef,
@@ -97,17 +99,17 @@ function TooltipTrigger(props) {
 			isDismissable: false,
 			isOpen: state.isOpen
 		};
-		$[11] = crossOffset;
-		$[12] = offset;
-		$[13] = state.isOpen;
-		$[14] = t6;
-		$[15] = tooltipTriggerRef;
-		$[16] = t7;
-	} else t7 = $[16];
+		$[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 ($[17] !== arrowProps || $[18] !== isLight || $[19] !== isMaterial || $[20] !== overlayProps || $[21] !== state || $[22] !== t8 || $[23] !== tooltipProps || $[24] !== updatePosition) {
+	if ($[18] !== arrowProps || $[19] !== isLight || $[20] !== isMaterial || $[21] !== overlayProps || $[22] !== state || $[23] !== t8 || $[24] !== tooltipProps || $[25] !== updatePosition) {
 		t9 = {
 			state,
 			placement: t8,
@@ -121,20 +123,21 @@ function TooltipTrigger(props) {
 			updatePosition,
 			...tooltipProps
 		};
-		$[17] = arrowProps;
-		$[18] = isLight;
-		$[19] = isMaterial;
-		$[20] = overlayProps;
-		$[21] = state;
-		$[22] = t8;
-		$[23] = tooltipProps;
-		$[24] = updatePosition;
-		$[25] = t9;
-	} else t9 = $[25];
+		$[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 = (t11) => {
-			const { phase, isShown, ref: transitionRef } = t11;
+		const t10 = state.isOpen && !isDisabled;
+		const t11 = (t12) => {
+			const { phase, isShown, ref: transitionRef } = t12;
 			return /* @__PURE__ */ jsx(TooltipContext.Provider, {
 				value: {
 					...tooltipContextValue,
@@ -146,49 +149,49 @@ function TooltipTrigger(props) {
 				children: /* @__PURE__ */ jsx(Portal, { children: tooltip })
 			});
 		};
-		let t12;
-		if ($[26] !== state.isOpen || $[27] !== t10) {
-			t12 = /* @__PURE__ */ jsx(DisplayTransition, {
-				isShown: state.isOpen,
-				children: t10
+		let t13;
+		if ($[27] !== t10 || $[28] !== t11) {
+			t13 = /* @__PURE__ */ jsx(DisplayTransition, {
+				isShown: t10,
+				children: t11
 			});
-			$[26] = state.isOpen;
 			$[27] = t10;
-			$[28] = t12;
-		} else t12 = $[28];
-		return /* @__PURE__ */ jsxs(Fragment$1, { children: [trigger(triggerProps, tooltipTriggerRef), t12] });
+			$[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.");
 		let t10;
-		if ($[29] !== trigger) {
+		if ($[30] !== trigger) {
 			t10 = /* @__PURE__ */ jsx(Block, { children: trigger });
-			$[29] = trigger;
-			$[30] = t10;
-		} else t10 = $[30];
+			$[30] = trigger;
+			$[31] = t10;
+		} else t10 = $[31];
 		return t10;
 	}
 	let t10;
-	if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
 		t10 = function onClick(e) {
 			e?.currentTarget?.parentNode.click();
 		};
-		$[31] = t10;
-	} else t10 = $[31];
+		$[32] = t10;
+	} else t10 = $[32];
 	const onClick = t10;
 	let t11;
-	if ($[32] !== activeWrap || $[33] !== trigger) {
+	if ($[33] !== activeWrap || $[34] !== trigger) {
 		t11 = activeWrap ? /* @__PURE__ */ jsx(_ActiveZone, {
 			onClick,
 			children: trigger
 		}) : trigger;
-		$[32] = activeWrap;
-		$[33] = trigger;
-		$[34] = t11;
-	} else t11 = $[34];
+		$[33] = activeWrap;
+		$[34] = trigger;
+		$[35] = t11;
+	} else t11 = $[35];
 	const t12 = state.isOpen && !isDisabled;
 	let t13;
-	if ($[35] !== tooltip || $[36] !== tooltipContextValue) {
+	if ($[36] !== tooltip || $[37] !== tooltipContextValue) {
 		t13 = (t14) => {
 			const { phase: phase_0, isShown: isShown_0, ref: transitionRef_0 } = t14;
 			return /* @__PURE__ */ jsx(TooltipContext.Provider, {
@@ -202,27 +205,27 @@ function TooltipTrigger(props) {
 				children: /* @__PURE__ */ jsx(Portal, { children: tooltip })
 			});
 		};
-		$[35] = tooltip;
-		$[36] = tooltipContextValue;
-		$[37] = t13;
-	} else t13 = $[37];
+		$[36] = tooltip;
+		$[37] = tooltipContextValue;
+		$[38] = t13;
+	} else t13 = $[38];
 	let t14;
-	if ($[38] !== t12 || $[39] !== t13) {
+	if ($[39] !== t12 || $[40] !== t13) {
 		t14 = /* @__PURE__ */ jsx(DisplayTransition, {
 			isShown: t12,
 			children: t13
 		});
-		$[38] = t12;
-		$[39] = t13;
-		$[40] = t14;
-	} else t14 = $[40];
+		$[39] = t12;
+		$[40] = t13;
+		$[41] = t14;
+	} else t14 = $[41];
 	let t15;
-	if ($[41] !== t11 || $[42] !== t14) {
+	if ($[42] !== t11 || $[43] !== t14) {
 		t15 = /* @__PURE__ */ jsxs(Fragment$1, { children: [t11, t14] });
-		$[41] = t11;
-		$[42] = t14;
-		$[43] = t15;
-	} else t15 = $[43];
+		$[42] = t11;
+		$[43] = t14;
+		$[44] = t15;
+	} else t15 = $[44];
 	const triggerContent = t15;
 	if (disableFocusableProvider) return triggerContent;
 	return /* @__PURE__ */ jsx(FocusableProvider, {

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

@@ -1 +1 @@
-{"version":3,"file":"TooltipTrigger.js","names":["FocusableProvider","FocusEvent","HTMLAttributes","isValidElement","ReactElement","ReactNode","RefObject","useRef","Placement","TooltipTriggerProps","useOverlayPosition","useTooltipTrigger","useTooltipTriggerState","useEvent","isDevEnv","isFocusRestoration","Block","ActiveZone","DisplayTransition","Portal","TooltipContext","DEFAULT_OFFSET","DEFAULT_CROSS_OFFSET","isTriggerFunction","value","TooltipTriggerFunction","isReactElement","triggerProps","HTMLElement","ref","CubeTooltipTriggerProps","children","crossOffset","offset","placement","isMaterial","isLight","activeWrap","targetRef","isOpen","onOpenChange","defaultOpen","isDisabled","delay","closeDelay","trigger","disableFocusableProvider","TooltipTrigger","props","$","_c","externalRef","t0","t1","triggerAction","t2","undefined","rawChildrenArray","Array","isArray","tooltip","Error","console","warn","internalRef","tooltipTriggerRef","overlayRef","t3","isDismissable","state","t4","rawTriggerProps","tooltipProps","t5","event","onFocus","t6","t7","overlayProps","arrowProps","updatePosition","t8","t9","minOffset","minScale","tooltipContextValue","t10","t11","phase","isShown","transitionRef","t12","Symbol","for","onClick","e","currentTarget","parentNode","click","t13","t14","phase_0","isShown_0","transitionRef_0","t15","triggerContent"],"sources":["../../../../src/components/overlays/Tooltip/TooltipTrigger.tsx"],"sourcesContent":["import { FocusableProvider } from '@react-aria/focus';\nimport {\n  FocusEvent,\n  HTMLAttributes,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useRef,\n} from 'react';\nimport {\n  Placement,\n  TooltipTriggerProps,\n  useOverlayPosition,\n  useTooltipTrigger,\n} from 'react-aria';\nimport { useTooltipTriggerState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal';\nimport { isDevEnv } from '../../../utils/is-dev-env';\nimport { isFocusRestoration } from '../../../utils/react/programmaticFocus';\nimport { Block } from '../../Block';\nimport { ActiveZone } from '../../content/ActiveZone/ActiveZone';\nimport { DisplayTransition } from '../../helpers/DisplayTransition/DisplayTransition';\nimport { Portal } from '../../portal';\n\nimport { TooltipContext } from './context';\n\nconst DEFAULT_OFFSET = 8; // Offset needed to reach 4px/5px (med/large) distance between tooltip and trigger button\nconst DEFAULT_CROSS_OFFSET = 0;\n\n// Type guards\nfunction isTriggerFunction(value: unknown): value is TooltipTriggerFunction {\n  return typeof value === 'function';\n}\n\nfunction isReactElement(value: unknown): value is ReactElement {\n  return isValidElement(value);\n}\n\nexport type TooltipTriggerFunction = (\n  triggerProps: HTMLAttributes<HTMLElement>,\n  ref: RefObject<HTMLElement>,\n) => ReactNode;\n\nexport interface CubeTooltipTriggerProps extends TooltipTriggerProps {\n  children: [ReactElement | string | TooltipTriggerFunction, ReactElement];\n  crossOffset?: number;\n  offset?: number;\n  placement?: Placement;\n  isMaterial?: boolean;\n  isLight?: boolean;\n  /**\n   * @deprecated Use function-as-first-child pattern instead.\n   * Whether the trigger should have an ActiveZone wrap to make sure it's focusable and hoverable.\n   * Otherwise, tooltip won't work.\n   */\n  activeWrap?: boolean;\n  /**\n   * External ref to use instead of internal ref (optional).\n   */\n  targetRef?: RefObject<HTMLElement>;\n  isOpen?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  defaultOpen?: boolean;\n  /**\n   * Whether the tooltip should be disabled, independent of the trigger.\n   */\n  isDisabled?: boolean;\n  /**\n   * The delay time for the tooltip to show up.\n   * @default 1500\n   */\n  delay?: number;\n  /**\n   * The delay time for the tooltip to close.\n   * @default 500\n   */\n  closeDelay?: number;\n  /**\n   * By default, opens for both focus and hover. Can be made to open only for focus.\n   */\n  trigger?: 'focus';\n  /**\n   * When true, FocusableProvider won't be applied to the trigger.\n   * Useful when trigger already handles focus or uses render props pattern.\n   */\n  disableFocusableProvider?: boolean;\n}\n\n/**\n * TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing\n * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip\n * relative to the trigger.\n */\nexport function TooltipTrigger(props: CubeTooltipTriggerProps) {\n  let {\n    children,\n    activeWrap,\n    targetRef: externalRef,\n    crossOffset = DEFAULT_CROSS_OFFSET,\n    isDisabled,\n    isMaterial,\n    isLight,\n    offset = DEFAULT_OFFSET,\n    trigger: triggerAction,\n    delay = 250,\n    isOpen,\n    onOpenChange,\n    defaultOpen,\n    disableFocusableProvider,\n  } = props;\n\n  // Extract both children without using React.Children.toArray so we don't lose\n  // function-as-child (render-prop) which React.Children filters out.\n  const rawChildrenArray = Array.isArray(children)\n    ? (children as unknown[])\n    : ([children] as unknown[]);\n\n  const [trigger, tooltip] = rawChildrenArray;\n\n  // Type guard the tooltip\n  if (!isReactElement(tooltip)) {\n    throw new Error(\n      'CubeUIKit: TooltipTrigger expects the second child to be a valid React element (Tooltip component).',\n    );\n  }\n\n  // Type guard the trigger\n  if (\n    !isTriggerFunction(trigger) &&\n    !isReactElement(trigger) &&\n    typeof trigger !== 'string'\n  ) {\n    throw new Error(\n      'CubeUIKit: TooltipTrigger expects the first child to be a function, React element, or string.',\n    );\n  }\n\n  // Show deprecation warning for activeWrap\n  if (activeWrap && isDevEnv()) {\n    console.warn(\n      'CubeUIKit: The `activeWrap` prop is deprecated. Use function-as-first-child pattern instead.',\n    );\n  }\n\n  let internalRef = useRef<HTMLElement>(null!);\n  let tooltipTriggerRef = externalRef ?? internalRef;\n  let overlayRef = useRef<HTMLElement | null>(null);\n\n  let state = useTooltipTriggerState({ delay, ...props, isDismissable: false });\n\n  let { triggerProps: rawTriggerProps, tooltipProps } = useTooltipTrigger(\n    {\n      trigger: triggerAction,\n      delay,\n      isOpen,\n      onOpenChange,\n      isDismissable: false,\n      defaultOpen,\n    },\n    state,\n    tooltipTriggerRef,\n  );\n\n  // A tooltip answers a user arriving at the trigger. Focus handed back by a\n  // component — a popup returning it to the trigger it came from — is not that\n  // arrival, but the DOM event is identical and the modality is still\n  // \"keyboard\", so React Aria would show the tooltip anyway. It then absorbs\n  // the user's next `Escape` from its own document-level listener, which is\n  // how a Dialog ended up needing two presses to close (CUB-4839).\n  //\n  // Dropping the focus handler rather than closing after the fact: React Aria\n  // decides to show inside it, so this never starts and nothing flashes.\n  //\n  // Covers both restore paths — ours and a `FocusScope`'s — see\n  // `programmaticFocus`.\n  const onFocus = useEvent((event: FocusEvent<HTMLElement>) => {\n    if (isFocusRestoration()) return;\n\n    rawTriggerProps.onFocus?.(event);\n  });\n\n  const triggerProps = { ...rawTriggerProps, onFocus };\n\n  let { overlayProps, arrowProps, placement, updatePosition } =\n    useOverlayPosition({\n      placement: props.placement || 'top',\n      targetRef: tooltipTriggerRef,\n      overlayRef,\n      offset,\n      crossOffset,\n      isDismissable: false,\n      isOpen: state.isOpen,\n    });\n\n  const tooltipContextValue = {\n    state,\n    placement: placement || props.placement || 'top',\n    ref: overlayRef,\n    overlayProps,\n    arrowProps,\n    minOffset: 'var(--gap)',\n    minScale: '1',\n    isMaterial,\n    isLight,\n    updatePosition,\n    ...tooltipProps,\n  };\n\n  // Function trigger pattern (new)\n  if (isTriggerFunction(trigger)) {\n    return (\n      <>\n        {trigger(triggerProps, tooltipTriggerRef)}\n        <DisplayTransition isShown={state.isOpen}>\n          {({ phase, isShown, ref: transitionRef }) => (\n            <TooltipContext.Provider\n              value={{\n                ...tooltipContextValue,\n                phase,\n                isShown,\n                ref: overlayRef,\n                transitionRef,\n              }}\n            >\n              <Portal>{tooltip}</Portal>\n            </TooltipContext.Provider>\n          )}\n        </DisplayTransition>\n      </>\n    );\n  }\n\n  // Legacy element/string trigger pattern\n  if (!activeWrap && typeof trigger === 'string') {\n    console.warn(\n      'CubeUIKit: Tooltips are only supported on elements that are both focusable and hoverable. To solve this issue you can: 1) Use active element as a trigger (`Button`, `Link`, etc); 2) Use function-as-first-child pattern to manually apply trigger props; 3) Use `ActiveZone` component to manually wrap the content.',\n    );\n\n    return <Block>{trigger}</Block>;\n  }\n\n  function onClick(e) {\n    e?.currentTarget?.parentNode.click();\n  }\n\n  const triggerContent = (\n    <>\n      {activeWrap ? (\n        <ActiveZone onClick={onClick}>{trigger}</ActiveZone>\n      ) : (\n        trigger\n      )}\n      <DisplayTransition isShown={state.isOpen && !isDisabled}>\n        {({ phase, isShown, ref: transitionRef }) => (\n          <TooltipContext.Provider\n            value={{\n              ...tooltipContextValue,\n              phase,\n              isShown,\n              ref: overlayRef,\n              transitionRef,\n            }}\n          >\n            <Portal>{tooltip}</Portal>\n          </TooltipContext.Provider>\n        )}\n      </DisplayTransition>\n    </>\n  );\n\n  if (disableFocusableProvider) {\n    return triggerContent;\n  }\n\n  return (\n    <FocusableProvider {...triggerProps} ref={tooltipTriggerRef}>\n      {triggerContent}\n    </FocusableProvider>\n  );\n}\n"],"mappings":"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"}
+{"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":"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"}

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

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