@cube-dev/ui-kit 0.196.0 → 0.198.0

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","useRef","AriaTooltipProps","useTooltip","PlacementAxis","mergeProps","mergeRefs","useLayoutEffect","extractStyles","useModalLayerRef","TooltipContext","TooltipElement","styles","display","fill","light","color","width","radius","padding","preset","backdropFilter","whiteSpace","overflowWrap","pointerEvents","material","filter","transition","translate","transformOrigin","scale","opacity","Description","$","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","isMaterialContext","isLightContext","phase","isShown","updatePosition","tooltipProviderProps","defaultRef","layerRef","t0","t1","combinedRef","finalOverlayRef","t2","t3","t4","otherProps","undefined","tooltipProps","t5","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  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';\nimport { useModalLayerRef } from '../Modal/modal-containment';\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    // A secondary line under the title — the description an auto tooltip\n    // shows when a row's label and description are both cut off. Lighter and\n    // dimmed like the row's own description, from the tooltip's own color, so\n    // it follows the `light` variant. Direct children only: a tooltip whose\n    // body is an `Item` keeps that item's description as it is.\n    Description: {\n      $: '>',\n      display: 'block',\n      preset: 't4n',\n      opacity: 0.75,\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  /**\n   * @deprecated Has no effect. No icon is ever rendered.\n   */\n  showIcon?: boolean;\n  placement?: PlacementAxis;\n  isMaterial?: boolean;\n  isOpen?: boolean;\n  isLight?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  defaultOpen?: boolean;\n  /**\n   * Whether the tooltip moves to the opposite side of its trigger when there\n   * is not enough room on the requested one.\n   * @default true\n   */\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    isMaterial: isMaterialContext,\n    isLight: isLightContext,\n    phase,\n    isShown,\n    updatePosition,\n    ...tooltipProviderProps\n  } = useContext(TooltipContext);\n\n  const defaultRef = useRef<HTMLDivElement>(null);\n  // Opened inside a modal, the tooltip stays readable while the modal hides\n  // the page.\n  const layerRef = useModalLayerRef();\n  const combinedRef = mergeRefs(\n    transitionRef,\n    overlayRef ?? defaultRef,\n    layerRef,\n  );\n  const finalOverlayRef = overlayRef ?? defaultRef;\n\n  props = mergeProps(props, tooltipProviderProps);\n\n  let {\n    placement = 'top',\n    isOpen,\n    tipStyles,\n    isMaterial = isMaterialContext,\n    isLight = isLightContext,\n    ...otherProps\n  } = props;\n\n  const styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  let { tooltipProps } = useTooltip(props, state);\n\n  // Sync ref with overlayRef from context.\n  useImperativeHandle(ref, () => createDOMRef(finalOverlayRef));\n\n  // Extract primary placement direction for consistent styling\n  const placementDirection = placement?.split(' ')[0] || placement || 'top';\n\n  const mods = {\n    material: isMaterial,\n    light: isLight,\n    open: isShown ?? isOpen,\n  };\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-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","useRef","AriaTooltipProps","useTooltip","PlacementAxis","mergeProps","mergeRefs","useLayoutEffect","extractStyles","useModalLayerRef","TooltipContext","TooltipElement","styles","display","fill","light","color","width","radius","padding","preset","backdropFilter","whiteSpace","overflowWrap","pointerEvents","material","filter","transition","translate","transformOrigin","scale","opacity","Description","$","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","isMaterialContext","isLightContext","phase","isShown","updatePosition","tooltipProviderProps","defaultRef","layerRef","t0","t1","combinedRef","finalOverlayRef","t2","t3","t4","otherProps","undefined","tooltipProps","t5","placementDirection","split","t6","t7","open","mods","t8","t9","Symbol","for","t10","t11","qa","children","_Tooltip","displayName","_c","mergeProps"],"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  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';\nimport { useModalLayerRef } from '../Modal/modal-containment';\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    // A secondary line under the title — the description an auto tooltip\n    // shows when a row's label and description are both cut off. Lighter and\n    // dimmed like the row's own description, from the tooltip's own color, so\n    // it follows the `light` variant. Direct children only: a tooltip whose\n    // body is an `Item` keeps that item's description as it is.\n    Description: {\n      $: '>',\n      display: 'block',\n      preset: 't4n',\n      opacity: 0.75,\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, ContainerStyleProps, AriaTooltipProps {\n  tipStyles?: Styles;\n  /**\n   * @deprecated Has no effect. No icon is ever rendered.\n   */\n  showIcon?: boolean;\n  placement?: PlacementAxis;\n  isMaterial?: boolean;\n  isOpen?: boolean;\n  isLight?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  defaultOpen?: boolean;\n  /**\n   * Whether the tooltip moves to the opposite side of its trigger when there\n   * is not enough room on the requested one.\n   * @default true\n   */\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    isMaterial: isMaterialContext,\n    isLight: isLightContext,\n    phase,\n    isShown,\n    updatePosition,\n    ...tooltipProviderProps\n  } = useContext(TooltipContext);\n\n  const defaultRef = useRef<HTMLDivElement>(null);\n  // Opened inside a modal, the tooltip stays readable while the modal hides\n  // the page.\n  const layerRef = useModalLayerRef();\n  const combinedRef = mergeRefs(\n    transitionRef,\n    overlayRef ?? defaultRef,\n    layerRef,\n  );\n  const finalOverlayRef = overlayRef ?? defaultRef;\n\n  props = mergeProps(props, tooltipProviderProps);\n\n  let {\n    placement = 'top',\n    isOpen,\n    tipStyles,\n    isMaterial = isMaterialContext,\n    isLight = isLightContext,\n    ...otherProps\n  } = props;\n\n  const styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  let { tooltipProps } = useTooltip(props, state);\n\n  // Sync ref with overlayRef from context.\n  useImperativeHandle(ref, () => createDOMRef(finalOverlayRef));\n\n  // Extract primary placement direction for consistent styling\n  const placementDirection = placement?.split(' ')[0] || placement || 'top';\n\n  const mods = {\n    material: isMaterial,\n    light: isLight,\n    open: isShown ?? isOpen,\n  };\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-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

@@ -3,9 +3,8 @@ import { CubeTooltipProps } from "./Tooltip.js";
 import { CubeTooltipTriggerProps, TooltipTriggerFunction } from "./TooltipTrigger.js";
 import { Styles } from "@tenphi/tasty";
 import { ReactElement, ReactNode } from "react";
-
 //#region src/components/overlays/Tooltip/TooltipProvider.d.ts
-interface CubeTooltipProviderProps extends Omit<CubeTooltipTriggerProps, 'children'> {
+export interface CubeTooltipProviderProps extends Omit<CubeTooltipTriggerProps, 'children'> {
   children: ReactNode | TooltipTriggerFunction;
   title?: ReactNode;
   tooltipStyles?: Styles;
@@ -17,7 +16,6 @@ interface CubeTooltipProviderProps extends Omit<CubeTooltipTriggerProps, 'childr
    */
   qa?: string;
 }
-declare function TooltipProvider(props: CubeTooltipProviderProps): ReactElement;
+export declare function TooltipProvider(props: CubeTooltipProviderProps): ReactElement;
 //#endregion
-export { CubeTooltipProviderProps, TooltipProvider };
 //# sourceMappingURL=TooltipProvider.d.ts.map

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

@@ -1,11 +1,10 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
-import { _Tooltip } from "./Tooltip.js";
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
+import { Tooltip as _Tooltip } from "./Tooltip.js";
 import { TooltipTrigger } from "./TooltipTrigger.js";
 import { c } from "react/compiler-runtime";
 import { isValidElement } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useIsSSR } from "react-aria";
-
 //#region src/components/overlays/Tooltip/TooltipProvider.tsx
 function TooltipProvider(props) {
 	const $ = c(28);
@@ -92,7 +91,7 @@ function TooltipProvider(props) {
 	} else t2 = $[27];
 	return t2;
 }
-
 //#endregion
 export { TooltipProvider };
+
 //# sourceMappingURL=TooltipProvider.js.map

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","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"}
+{"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","_c","Tooltip"],"sources":["../../../../src/components/overlays/Tooltip/TooltipProvider.tsx"],"sourcesContent":["import { Styles } from '@tenphi/tasty';\nimport { isValidElement, ReactElement, ReactNode, RefObject } from 'react';\nimport { useIsSSR } from 'react-aria';\n\nimport { CubeTooltipProps, Tooltip } from './Tooltip';\nimport {\n  CubeTooltipTriggerProps,\n  TooltipTrigger,\n  TooltipTriggerFunction,\n} from './TooltipTrigger';\n\nexport interface CubeTooltipProviderProps extends Omit<\n  CubeTooltipTriggerProps,\n  'children'\n> {\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":";;;;;;;;AA2BA,SAAOkB,gBAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAAC,QAAcjB,SAAS;CAAE,IAAAQ;CAAA,IAAAU;CAAA,IAAAC;CAAA,IAAAP;CAAA,IAAAH;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAI,EAAA,OAAAD,OAAA;EACzB,CAAA,CAAAL,OAAAD,UAAAE,eAAAC,OAAAC,IAAAM,YAAA,GAAAC,cAQIL;EAAMC,EAAA,KAAAD;EAAAC,EAAA,KAAAP;EAAAO,EAAA,KAAAG;EAAAH,EAAA,KAAAI;EAAAJ,EAAA,KAAAH;EAAAG,EAAA,KAAAN;EAAAM,EAAA,KAAAL;EAAAK,EAAA,KAAAJ;CAAA,OAAA;EAAAH,WAAAO,EAAA;EAAAG,aAAAH,EAAA;EAAAI,aAAAJ,EAAA;EAAAH,KAAAG,EAAA;EAAAN,QAAAM,EAAA;EAAAL,gBAAAK,EAAA;EAAAJ,QAAAI,EAAA;CAAA;CAEV,MAAAK,aAAmB,OAAOZ,aAAa;CAQvC,IAAIS,OAAK;EAAA,IAAAI;EAAA,IAAAN,EAAA,OAAAP,YAAAO,EAAA,OAAAK,YAAA;GAGFC,KAAAD,aACGZ,SAAS,CAAC,GAAG,EAAAc,SAAW,KAAK,CACtB,IAFVd;GAEWO,EAAA,KAAAP;GAAAO,EAAA,KAAAK;GAAAL,EAAA,MAAAM;EAAA,OAAAA,KAAAN,EAAA;EAAA,IAAAS;EAAA,IAAAT,EAAA,QAAAM,IAAA;GAHdG,KAAA,oBAAA,YAAA,EAAA,UACGH,GAEW,CAAA;GACXN,EAAA,MAAAM;GAAAN,EAAA,MAAAS;EAAA,OAAAA,KAAAT,EAAA;EAAA,OAJHS;CAKe;CAClB,IAAAH;CAAA,IAAAN,EAAA,QAAAP,YAAAO,EAAA,QAAAK,YAAA;EAUIC,KAAAD,cACDxB,eAAeY,QAAQ,KACvB,OAAOA,aAAa,WAFnBA,WAAA,oBAAA,YAAA,EAKIA,SAAQ,CAAA;EACZO,EAAA,MAAAP;EAAAO,EAAA,MAAAK;EAAAL,EAAA,MAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,IAAAS;CAAA,IAAAT,EAAA,QAAAG,cAAAH,EAAA,QAAAH,MAAAG,EAAA,QAAAN,SAAAM,EAAA,QAAAL,iBAAAK,EAAA,QAAAJ,OAAA;EACAa,KAAAN,aACC,oBAAA,OAAA,CAAO,CAAA,IAEP,oBAACS,UAAD;GACUjB,QAAAA;GAAa,GAChBC,QAAA,EAAAA,MAAuB,IAAvB;GAAwB,GACxBC,KAAA,EAAAA,GAAiB,IAAjB;GAEJH,UAAAA;EALK,CAAA;EAOTM,EAAA,MAAAG;EAAAH,EAAA,MAAAH;EAAAG,EAAA,MAAAN;EAAAM,EAAA,MAAAL;EAAAK,EAAA,MAAAJ;EAAAI,EAAA,MAAAS;CAAA,OAAAA,KAAAT,EAAA;CAAA,IAAAU;CAAA,IAAAV,EAAA,QAAAG,cAAAH,EAAA,QAAAK,cAAAL,EAAA,QAAAI,cAAAJ,EAAA,QAAAM,MAAAN,EAAA,QAAAS,IAAA;EAtBHC,KAAA,qBAAC,gBAAD;GAAe,GACTN;GACQD;GACcE,0BAAAA;GAH5B,UAAA,CAKGC,IAOAG,EAZY;;EAuBET,EAAA,MAAAG;EAAAH,EAAA,MAAAK;EAAAL,EAAA,MAAAI;EAAAJ,EAAA,MAAAM;EAAAN,EAAA,MAAAS;EAAAT,EAAA,MAAAU;CAAA,OAAAA,KAAAV,EAAA;CAAA,OAvBjBU;AAuBiB"}

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

@@ -1,11 +1,9 @@
 
-import * as react from "react";
 import { HTMLAttributes, ReactElement, ReactNode, RefObject } from "react";
 import { Placement, TooltipTriggerProps } from "react-aria";
-
 //#region src/components/overlays/Tooltip/TooltipTrigger.d.ts
-type TooltipTriggerFunction = (triggerProps: HTMLAttributes<HTMLElement>, ref: RefObject<HTMLElement>) => ReactNode;
-interface CubeTooltipTriggerProps extends TooltipTriggerProps {
+export type TooltipTriggerFunction = (triggerProps: HTMLAttributes<HTMLElement>, ref: RefObject<HTMLElement>) => ReactNode;
+export interface CubeTooltipTriggerProps extends TooltipTriggerProps {
   children: [ReactElement | string | TooltipTriggerFunction, ReactElement];
   crossOffset?: number;
   offset?: number;
@@ -54,7 +52,6 @@ interface CubeTooltipTriggerProps extends TooltipTriggerProps {
  * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip
  * relative to the trigger.
  */
-declare function TooltipTrigger(props: CubeTooltipTriggerProps): react.JSX.Element;
+export declare function TooltipTrigger(props: CubeTooltipTriggerProps): import("react").JSX.Element;
 //#endregion
-export { CubeTooltipTriggerProps, TooltipTrigger, TooltipTriggerFunction };
 //# sourceMappingURL=TooltipTrigger.d.ts.map

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

@@ -1,12 +1,12 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { isDevEnv } from "../../../utils/is-dev-env.js";
 import { TooltipContext } from "./context.js";
-import { _Tooltip } from "./Tooltip.js";
+import { Tooltip as _Tooltip } from "./Tooltip.js";
 import { isFocusRestoration } from "../../../utils/react/programmaticFocus.js";
 import { Block } from "../../Block.js";
-import { _ActiveZone } from "../../content/ActiveZone/ActiveZone.js";
+import { ActiveZone as _ActiveZone } from "../../content/ActiveZone/ActiveZone.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";
 import { Portal } from "../../portal/Portal.js";
 import { c } from "react/compiler-runtime";
@@ -15,7 +15,6 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useOverlayPosition, useTooltipTrigger } from "react-aria";
 import { FocusableProvider } from "@react-aria/focus";
 import { useTooltipTriggerState } from "react-stately";
-
 //#region src/components/overlays/Tooltip/TooltipTrigger.tsx
 const TooltipPositionContext = createContext(null);
 function TooltipTransition(props) {
@@ -276,7 +275,7 @@ function TooltipTrigger(props) {
 		children: triggerContent
 	});
 }
-
 //#endregion
 export { TooltipTrigger };
+
 //# 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"],"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';\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';\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","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';\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';\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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"}

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

@@ -1,9 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import React from "react";
-
 //#region src/components/overlays/Tooltip/context.ts
 const TooltipContext = React.createContext({});
-
 //#endregion
 export { TooltipContext };
+
 //# sourceMappingURL=context.js.map

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

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

package/dist/components/overlays/Tooltip/split-trigger-props.d.ts

@@ -1,6 +1,5 @@
 
 import { HTMLAttributes } from "react";
-
 //#region src/components/overlays/Tooltip/split-trigger-props.d.ts
 /**
  * The tooltip trigger props that only work on the element that takes focus.
@@ -10,7 +9,7 @@ import { HTMLAttributes } from "react";
  * wrapper instead of the control a screen reader announces.
  */
 declare const FOCUS_TRIGGER_PROPS: readonly ["onFocus", "onBlur", "onKeyDown", "onKeyUp", "aria-describedby"];
-type TooltipFocusProps = Pick<HTMLAttributes<HTMLElement>, (typeof FOCUS_TRIGGER_PROPS)[number]>;
+export type TooltipFocusProps = Pick<HTMLAttributes<HTMLElement>, (typeof FOCUS_TRIGGER_PROPS)[number]>;
 //#endregion
-export { TooltipFocusProps };
+export {};
 //# sourceMappingURL=split-trigger-props.d.ts.map

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

@@ -1,6 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
-
 //#region src/components/overlays/Tooltip/split-trigger-props.ts
 /**
 * The tooltip trigger props that only work on the element that takes focus.
@@ -49,7 +48,7 @@ function mergeTooltipFocusProps(props, tooltipProps) {
 		"aria-describedby": [ownDescribedBy, tooltipDescribedBy].filter(Boolean).join(" ") || void 0
 	};
 }
-
 //#endregion
 export { mergeTooltipFocusProps, splitTooltipTriggerProps };
+
 //# sourceMappingURL=split-trigger-props.js.map

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

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

package/dist/components/portal/Portal.d.ts

@@ -1,7 +1,5 @@
 
 import { PortalProps } from "./types.js";
-import * as react from "react";
-
 //#region src/components/portal/Portal.d.ts
 /**
  * This component renders its children outside the current DOM hierarchy.
@@ -26,7 +24,6 @@ import * as react from "react";
  *  </div>
  * ```
  */
-declare function Portal(props: PortalProps): react.JSX.Element;
+export declare function Portal(props: PortalProps): import("react").JSX.Element;
 //#endregion
-export { Portal };
 //# sourceMappingURL=Portal.d.ts.map

package/dist/components/portal/Portal.js

@@ -1,10 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { usePortal } from "./usePortal.js";
 import { c } from "react/compiler-runtime";
 import { TastyBatchProvider } from "@tenphi/tasty";
 import { jsx } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
-
 //#region src/components/portal/Portal.tsx
 /**
 * This component renders its children outside the current DOM hierarchy.
@@ -50,7 +49,7 @@ function Portal(props) {
 	} else t1 = $[4];
 	return t1;
 }
-
 //#endregion
 export { Portal };
+
 //# sourceMappingURL=Portal.js.map

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

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

package/dist/components/portal/PortalProvider.js

@@ -1,7 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { createContext, useContext } from "react";
-
 //#region src/components/portal/PortalProvider.ts
 const PortalContext = createContext(null);
 /**
@@ -24,7 +23,7 @@ function usePortalContext() {
 * @internal Don't even try to use it
 */
 const PortalProvider = PortalContext.Provider;
-
 //#endregion
 export { PortalProvider, usePortalContext };
+
 //# sourceMappingURL=PortalProvider.js.map

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

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

package/dist/components/portal/index.d.ts

@@ -1,4 +1,5 @@
 
 import "./PortalProvider.js";
 import { PortalProps } from "./types.js";
-import { Portal } from "./Portal.js";
+import { Portal } from "./Portal.js";
+export { Portal, type PortalProps };

package/dist/components/portal/types.d.ts

@@ -1,8 +1,7 @@
 
 import { MutableRefObject, ReactNode, RefObject } from "react";
-
 //#region src/components/portal/types.d.ts
-interface PortalProps {
+export interface PortalProps {
   /**
    * Ref, where `<Portal />` should render its children
    * By default it renders under `<Root />`
@@ -23,5 +22,4 @@ interface PortalProps {
   children?: ReactNode;
 }
 //#endregion
-export { PortalProps };
 //# sourceMappingURL=types.d.ts.map

package/dist/components/portal/usePortal.js

@@ -1,9 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { usePortalContext } from "./PortalProvider.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useEffectEvent, useState } from "react";
 import invariant from "tiny-invariant";
-
 //#region src/components/portal/usePortal.ts
 /**
 * @internal Do not use it
@@ -81,7 +80,7 @@ function usePortal(props) {
 	} else t7 = $[17];
 	return t7;
 }
-
 //#endregion
 export { usePortal };
+
 //# sourceMappingURL=usePortal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"usePortal.js","names":["useEffect","useEffectEvent","useState","invariant","usePortalContext","PortalProps","usePortal","props","$","_c","children","isDisabled","t0","root","t1","onMount","undefined","t2","notifyMount","portalContext","mountRoot","setMountRoot","t3","t4","contextRoot","explicitRoot","currentRoot","current","currentContextRoot","t5","t6","t7"],"sources":["../../../src/components/portal/usePortal.ts"],"sourcesContent":["import { useEffect, useEffectEvent, useState } from 'react';\nimport invariant from 'tiny-invariant';\n\nimport { usePortalContext } from './PortalProvider';\nimport { PortalProps } from './types';\n\n/**\n * @internal Do not use it\n */\nexport function usePortal(props: PortalProps) {\n  const { children, isDisabled = false, root = null, onMount } = props;\n\n  const notifyMount = useEffectEvent(() => onMount?.());\n  const portalContext = usePortalContext();\n  const [mountRoot, setMountRoot] = useState<HTMLElement | null>(null);\n\n  useEffect(() => {\n    if (!isDisabled) {\n      const contextRoot = portalContext.root;\n      // Keep the ref in this closure so Compiler tracks identity, not a node assigned during commit.\n      const explicitRoot = root;\n      const currentRoot = explicitRoot?.current ?? null;\n      const currentContextRoot = contextRoot?.current ?? null;\n\n      invariant(\n        !(contextRoot === null && currentRoot === null),\n        'Before using Portal, you need to specify a root, where the component should be mounted or put the component under the <Root /> component',\n      );\n\n      setMountRoot(currentRoot ?? currentContextRoot);\n    }\n  }, [root, portalContext.root, isDisabled]);\n\n  useEffect(() => {\n    if (isDisabled || mountRoot) {\n      notifyMount();\n    }\n  }, [isDisabled, mountRoot]);\n\n  return {\n    isDisabled,\n    children,\n    mountRoot,\n  };\n}\n"],"mappings":";;;;;;;;;;AASA,SAAOM,UAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACL,MAAA,EAAAC,UAAAC,YAAAC,IAAAC,MAAAC,IAAAC,YAA+DR;CAA7C,MAAAI,aAAAC,OAAAI,SAAA,QAAAJ;CAAoB,MAAAC,OAAAC,OAAAE,SAAA,OAAAF;CAAW,IAAAG;AAAA,KAAAT,EAAA,OAAAO,SAAA;AAEdE,aAAMF,WAAW;AAAAP,IAAA,KAAAO;AAAAP,IAAA,KAAAS;OAAAA,MAAAT,EAAA;CAApD,MAAAU,cAAoBjB,eAAegB,GAAkB;CACrD,MAAAE,gBAAsBf,kBAAkB;CACxC,MAAA,CAAAgB,WAAAC,gBAAkCnB,SAA6B,KAAK;CAAC,IAAAoB;CAAA,IAAAC;AAAA,KAAAf,EAAA,OAAAG,cAAAH,EAAA,OAAAW,cAAAN,QAAAL,EAAA,OAAAK,MAAA;AAE3DS,aAAA;AACR,OAAI,CAACX,YAAU;IACb,MAAAa,cAAoBL,cAAaN;IAGjC,MAAAa,cADqBb,MACWc,WAAZ;IACpB,MAAAC,qBAA2BJ,aAAWG,WAAX;AAE3BxB,cACE,EAAEqB,gBAAgB,QAAQE,gBAAgB,OAC1C,2IACD;AAEDL,iBAAaK,eAAAE,mBAAkC;;;AAEhDL,OAAA;GAACV;GAAMM,cAAaN;GAAOF;GAAW;AAAAH,IAAA,KAAAG;AAAAH,IAAA,KAAAW,cAAAN;AAAAL,IAAA,KAAAK;AAAAL,IAAA,KAAAc;AAAAd,IAAA,KAAAe;QAAA;AAAAD,OAAAd,EAAA;AAAAe,OAAAf,EAAA;;AAfzCR,WAAUsB,IAePC,GAAuC;CAAA,IAAAM;AAAA,KAAArB,EAAA,OAAAG,cAAAH,EAAA,OAAAY,aAAAZ,EAAA,OAAAU,aAAA;AAEhCW,aAAA;AACR,OAAIlB,cAAAS,UACFF,cAAa;;AAEhBV,IAAA,KAAAG;AAAAH,IAAA,KAAAY;AAAAZ,IAAA,KAAAU;AAAAV,IAAA,MAAAqB;OAAAA,MAAArB,EAAA;CAAA,IAAAsB;AAAA,KAAAtB,EAAA,QAAAG,cAAAH,EAAA,QAAAY,WAAA;AAAEU,OAAA,CAACnB,YAAYS,UAAU;AAAAZ,IAAA,MAAAG;AAAAH,IAAA,MAAAY;AAAAZ,IAAA,MAAAsB;OAAAA,MAAAtB,EAAA;AAJ1BR,WAAU6B,IAIPC,GAAwB;CAAA,IAAAC;AAAA,KAAAvB,EAAA,QAAAE,YAAAF,EAAA,QAAAG,cAAAH,EAAA,QAAAY,WAAA;AAEpBW,OAAA;GAAApB;GAAAD;GAAAU;GAIN;AAAAZ,IAAA,MAAAE;AAAAF,IAAA,MAAAG;AAAAH,IAAA,MAAAY;AAAAZ,IAAA,MAAAuB;OAAAA,MAAAvB,EAAA;AAAA,QAJMuB"}
+{"version":3,"file":"usePortal.js","names":["useEffect","useEffectEvent","useState","invariant","usePortalContext","PortalProps","usePortal","props","$","_c","children","isDisabled","t0","root","t1","onMount","undefined","t2","notifyMount","portalContext","mountRoot","setMountRoot","t3","t4","contextRoot","explicitRoot","currentRoot","current","currentContextRoot","t5","t6","t7","_c","explicitRoot"],"sources":["../../../src/components/portal/usePortal.ts"],"sourcesContent":["import { useEffect, useEffectEvent, useState } from 'react';\nimport invariant from 'tiny-invariant';\n\nimport { usePortalContext } from './PortalProvider';\nimport { PortalProps } from './types';\n\n/**\n * @internal Do not use it\n */\nexport function usePortal(props: PortalProps) {\n  const { children, isDisabled = false, root = null, onMount } = props;\n\n  const notifyMount = useEffectEvent(() => onMount?.());\n  const portalContext = usePortalContext();\n  const [mountRoot, setMountRoot] = useState<HTMLElement | null>(null);\n\n  useEffect(() => {\n    if (!isDisabled) {\n      const contextRoot = portalContext.root;\n      // Keep the ref in this closure so Compiler tracks identity, not a node assigned during commit.\n      const explicitRoot = root;\n      const currentRoot = explicitRoot?.current ?? null;\n      const currentContextRoot = contextRoot?.current ?? null;\n\n      invariant(\n        !(contextRoot === null && currentRoot === null),\n        'Before using Portal, you need to specify a root, where the component should be mounted or put the component under the <Root /> component',\n      );\n\n      setMountRoot(currentRoot ?? currentContextRoot);\n    }\n  }, [root, portalContext.root, isDisabled]);\n\n  useEffect(() => {\n    if (isDisabled || mountRoot) {\n      notifyMount();\n    }\n  }, [isDisabled, mountRoot]);\n\n  return {\n    isDisabled,\n    children,\n    mountRoot,\n  };\n}\n"],"mappings":";;;;;;;;;AASA,SAAOM,UAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAA,EAAAC,UAAAC,YAAAC,IAAAC,MAAAC,IAAAC,YAA+DR;CAA7C,MAAAI,aAAAC,OAAAI,KAAAA,IAAA,QAAAJ;CAAoB,MAAAC,OAAAC,OAAAE,KAAAA,IAAA,OAAAF;CAAW,IAAAG;CAAA,IAAAT,EAAA,OAAAO,SAAA;EAEdE,WAAMF,UAAU;EAACP,EAAA,KAAAO;EAAAP,EAAA,KAAAS;CAAA,OAAAA,KAAAT,EAAA;CAApD,MAAAU,cAAoBjB,eAAegB,EAAiB;CACpD,MAAAE,gBAAsBf,iBAAiB;CACvC,MAAA,CAAAgB,WAAAC,gBAAkCnB,SAA6B,IAAI;CAAE,IAAAoB;CAAA,IAAAC;CAAA,IAAAf,EAAA,OAAAG,cAAAH,EAAA,OAAAW,cAAAN,QAAAL,EAAA,OAAAK,MAAA;EAE3DS,WAAA;GACR,IAAI,CAACX,YAAU;IACb,MAAAa,cAAoBL,cAAaN;IAGjC,MAAAa,cAAoBD,MAAYE,WAAZ;IACpB,MAAAC,qBAA2BJ,aAAWG,WAAX;IAE3BxB,UACE,EAAEqB,gBAAgB,QAAQE,gBAAgB,OAC1C,0IACF;IAEAL,aAAaK,eAAAE,kBAAiC;GAAC;EAChD;EACAL,KAAA;GAACV;GAAMM,cAAaN;GAAOF;EAAU;EAACH,EAAA,KAAAG;EAAAH,EAAA,KAAAW,cAAAN;EAAAL,EAAA,KAAAK;EAAAL,EAAA,KAAAc;EAAAd,EAAA,KAAAe;CAAA,OAAA;EAAAD,KAAAd,EAAA;EAAAe,KAAAf,EAAA;CAAA;CAfzCR,UAAUsB,IAePC,EAAsC;CAAC,IAAAM;CAAA,IAAArB,EAAA,OAAAG,cAAAH,EAAA,OAAAY,aAAAZ,EAAA,OAAAU,aAAA;EAEhCW,WAAA;GACR,IAAIlB,cAAAS,WACFF,YAAY;EACb;EACFV,EAAA,KAAAG;EAAAH,EAAA,KAAAY;EAAAZ,EAAA,KAAAU;EAAAV,EAAA,MAAAqB;CAAA,OAAAA,KAAArB,EAAA;CAAA,IAAAsB;CAAA,IAAAtB,EAAA,QAAAG,cAAAH,EAAA,QAAAY,WAAA;EAAEU,KAAA,CAACnB,YAAYS,SAAS;EAACZ,EAAA,MAAAG;EAAAH,EAAA,MAAAY;EAAAZ,EAAA,MAAAsB;CAAA,OAAAA,KAAAtB,EAAA;CAJ1BR,UAAU6B,IAIPC,EAAuB;CAAC,IAAAC;CAAA,IAAAvB,EAAA,QAAAE,YAAAF,EAAA,QAAAG,cAAAH,EAAA,QAAAY,WAAA;EAEpBW,KAAA;GAAApB;GAAAD;GAAAU;EAIP;EAACZ,EAAA,MAAAE;EAAAF,EAAA,MAAAG;EAAAH,EAAA,MAAAY;EAAAZ,EAAA,MAAAuB;CAAA,OAAAA,KAAAvB,EAAA;CAAA,OAJMuB;AAIN"}