@cube-dev/ui-kit 0.0.0-canary-bef9600 → 0.0.0-canary-e3f8a1a

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

@@ -31,7 +31,7 @@ interface CubeTooltipTriggerProps extends TooltipTriggerProps {
   isDisabled?: boolean;
   /**
    * The delay time for the tooltip to show up.
-   * @default 1500
+   * @default 250
    */
   delay?: number;
   /**

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

@@ -1,14 +1,16 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bef9600 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e3f8a1a | 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 { isFocusRestoration } from "../../../utils/react/programmaticFocus.js";
 import { Block } from "../../Block.js";
 import { _ActiveZone } from "../../content/ActiveZone/ActiveZone.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";
 import { Portal } from "../../portal/Portal.js";
 import { c } from "react/compiler-runtime";
-import { createContext, isValidElement, useContext, useRef, useState } from "react";
+import { Children, createContext, isValidElement, useContext, useEffectEvent, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useOverlayPosition, useTooltipTrigger } from "react-aria";
 import { FocusableProvider } from "@react-aria/focus";
@@ -29,39 +31,100 @@ function TooltipTransition(props) {
 	} else t0 = $[1];
 	return t0;
 }
+function overlaps(a, b) {
+	return a.bottom > b.top && a.top < b.bottom && a.right > b.left && a.left < b.right;
+}
+/**
+* Whether the trigger is still visible after `scrolled` scrolled: it overlaps
+* the viewport and, when an element scrolled, that element's box.
+*/
+function isInView(trigger, scrolled) {
+	const rect = trigger.getBoundingClientRect();
+	return overlaps(rect, {
+		top: 0,
+		left: 0,
+		bottom: window.innerHeight,
+		right: window.innerWidth
+	}) && (!(scrolled instanceof Element) || overlaps(rect, scrolled.getBoundingClientRect()));
+}
 function PositionedTooltip(t0) {
-	const $ = c(9);
+	const $ = c(21);
 	const { tooltip, contextValue } = t0;
-	const options = useContext(TooltipPositionContext);
+	const t1 = useContext(TooltipPositionContext);
+	let onClose;
+	let options;
+	if ($[0] !== t1) {
+		({onClose, ...options} = t1);
+		$[0] = t1;
+		$[1] = onClose;
+		$[2] = options;
+	} else {
+		onClose = $[1];
+		options = $[2];
+	}
 	const { overlayProps, arrowProps, placement, updatePosition } = useOverlayPosition(options);
-	const t1 = placement || options.placement || "top";
 	let t2;
-	if ($[0] !== arrowProps || $[1] !== contextValue || $[2] !== overlayProps || $[3] !== t1 || $[4] !== updatePosition) {
-		t2 = {
+	if ($[3] !== onClose || $[4] !== options.targetRef.current || $[5] !== updatePosition) {
+		t2 = (event) => {
+			const trigger = options.targetRef.current;
+			const { target } = event;
+			if (!trigger || target instanceof Node && !target.contains(trigger) || target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement) return;
+			if (isInView(trigger, target)) updatePosition();
+			else onClose();
+		};
+		$[3] = onClose;
+		$[4] = options.targetRef.current;
+		$[5] = updatePosition;
+		$[6] = t2;
+	} else t2 = $[6];
+	const onScroll = useEffectEvent(t2);
+	let t3;
+	if ($[7] !== onScroll || $[8] !== options.isOpen) {
+		t3 = () => {
+			if (!options.isOpen) return;
+			const listener = (event_0) => onScroll(event_0);
+			window.addEventListener("scroll", listener, true);
+			return () => window.removeEventListener("scroll", listener, true);
+		};
+		$[7] = onScroll;
+		$[8] = options.isOpen;
+		$[9] = t3;
+	} else t3 = $[9];
+	let t4;
+	if ($[10] !== options.isOpen) {
+		t4 = [options.isOpen];
+		$[10] = options.isOpen;
+		$[11] = t4;
+	} else t4 = $[11];
+	useLayoutEffect$1(t3, t4);
+	const t5 = placement || options.placement || "top";
+	let t6;
+	if ($[12] !== arrowProps || $[13] !== contextValue || $[14] !== overlayProps || $[15] !== t5 || $[16] !== updatePosition) {
+		t6 = {
 			...contextValue,
-			placement: t1,
+			placement: t5,
 			overlayProps,
 			arrowProps,
 			updatePosition
 		};
-		$[0] = arrowProps;
-		$[1] = contextValue;
-		$[2] = overlayProps;
-		$[3] = t1;
-		$[4] = updatePosition;
-		$[5] = t2;
-	} else t2 = $[5];
-	let t3;
-	if ($[6] !== t2 || $[7] !== tooltip) {
-		t3 = /* @__PURE__ */ jsx(TooltipContext.Provider, {
-			value: t2,
+		$[12] = arrowProps;
+		$[13] = contextValue;
+		$[14] = overlayProps;
+		$[15] = t5;
+		$[16] = updatePosition;
+		$[17] = t6;
+	} else t6 = $[17];
+	let t7;
+	if ($[18] !== t6 || $[19] !== tooltip) {
+		t7 = /* @__PURE__ */ jsx(TooltipContext.Provider, {
+			value: t6,
 			children: tooltip
 		});
-		$[6] = t2;
-		$[7] = tooltip;
-		$[8] = t3;
-	} else t3 = $[8];
-	return t3;
+		$[18] = t6;
+		$[19] = tooltip;
+		$[20] = t7;
+	} else t7 = $[20];
+	return t7;
 }
 const DEFAULT_OFFSET = 8;
 const DEFAULT_CROSS_OFFSET = 0;
@@ -72,13 +135,22 @@ function isReactElement(value) {
 	return isValidElement(value);
 }
 /**
+* Whether a `Tooltip` has nothing to show. The docs turn a tooltip off with
+* `title={null}`, and opening it anyway drew an empty bubble and described the
+* trigger by it. Only a `Tooltip` is inspected: another component may render
+* content of its own.
+*/
+function isEmptyTooltip(tooltip) {
+	return tooltip.type === _Tooltip && Children.toArray(tooltip.props.children).every((child) => child === "");
+}
+/**
 * TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing
 * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip
 * relative to the trigger.
 */
 function TooltipTrigger(props) {
-	const $ = c(29);
-	const { children, activeWrap, targetRef: externalRef, crossOffset: t0, isDisabled, isMaterial, isLight, offset: t1, trigger: triggerAction, delay: t2, isOpen, onOpenChange, defaultOpen, disableFocusableProvider } = props;
+	const $ = c(13);
+	const { children, activeWrap, targetRef: externalRef, crossOffset: t0, isDisabled, isMaterial, isLight, offset: t1, trigger: triggerAction, delay: t2, shouldCloseOnPress, isOpen, onOpenChange, defaultOpen, disableFocusableProvider } = props;
 	const crossOffset = t0 === void 0 ? DEFAULT_CROSS_OFFSET : t0;
 	const offset = t1 === void 0 ? DEFAULT_OFFSET : t1;
 	const delay = t2 === void 0 ? 250 : t2;
@@ -100,82 +172,60 @@ function TooltipTrigger(props) {
 		$[2] = t3;
 	} else t3 = $[2];
 	const state = useTooltipTriggerState(t3);
+	const isTooltipDisabled = isDisabled || isEmptyTooltip(tooltip);
+	const { triggerProps: rawTriggerProps, tooltipProps } = useTooltipTrigger({
+		isDisabled: isTooltipDisabled,
+		trigger: triggerAction,
+		delay,
+		isOpen,
+		onOpenChange,
+		defaultOpen,
+		shouldCloseOnPress
+	}, state, tooltipTriggerRef);
 	let t4;
-	if ($[3] !== defaultOpen || $[4] !== delay || $[5] !== isDisabled || $[6] !== isOpen || $[7] !== onOpenChange || $[8] !== triggerAction) {
-		t4 = {
-			isDisabled,
-			trigger: triggerAction,
-			delay,
-			isOpen,
-			onOpenChange,
-			defaultOpen
-		};
-		$[3] = defaultOpen;
-		$[4] = delay;
-		$[5] = isDisabled;
-		$[6] = isOpen;
-		$[7] = onOpenChange;
-		$[8] = triggerAction;
-		$[9] = t4;
-	} else t4 = $[9];
-	const { triggerProps: rawTriggerProps, tooltipProps } = useTooltipTrigger(t4, state, tooltipTriggerRef);
-	let t5;
-	if ($[10] !== rawTriggerProps) {
-		t5 = (event) => {
+	if ($[3] !== rawTriggerProps) {
+		t4 = (event) => {
 			if (isFocusRestoration()) return;
 			rawTriggerProps.onFocus?.(event);
 		};
-		$[10] = rawTriggerProps;
-		$[11] = t5;
-	} else t5 = $[11];
-	const onFocus = useEvent(t5);
+		$[3] = rawTriggerProps;
+		$[4] = t4;
+	} else t4 = $[4];
+	const onFocus = useEvent(t4);
 	const triggerProps = {
 		...rawTriggerProps,
-		onFocus
+		onFocus,
+		"aria-describedby": isTooltipDisabled ? void 0 : rawTriggerProps["aria-describedby"]
+	};
+	let t5;
+	if ($[5] !== state) {
+		t5 = () => state.close(true);
+		$[5] = state;
+		$[6] = t5;
+	} else t5 = $[6];
+	const positionOptions = {
+		placement: props.placement || "top",
+		targetRef: tooltipTriggerRef,
+		overlayRef,
+		offset,
+		crossOffset,
+		isOpen: state.isOpen,
+		shouldFlip: tooltip.props.shouldFlip,
+		onClose: t5
+	};
+	const tooltipContextValue = {
+		state,
+		ref: overlayRef,
+		isMaterial,
+		isLight,
+		...tooltipProps
 	};
-	const t6 = props.placement || "top";
-	let t7;
-	if ($[12] !== crossOffset || $[13] !== offset || $[14] !== state.isOpen || $[15] !== t6 || $[16] !== tooltipTriggerRef) {
-		t7 = {
-			placement: t6,
-			targetRef: tooltipTriggerRef,
-			overlayRef,
-			offset,
-			crossOffset,
-			isOpen: state.isOpen
-		};
-		$[12] = crossOffset;
-		$[13] = offset;
-		$[14] = state.isOpen;
-		$[15] = t6;
-		$[16] = tooltipTriggerRef;
-		$[17] = t7;
-	} else t7 = $[17];
-	const positionOptions = t7;
-	let t8;
-	if ($[18] !== isLight || $[19] !== isMaterial || $[20] !== state || $[21] !== tooltipProps) {
-		t8 = {
-			state,
-			ref: overlayRef,
-			minOffset: "var(--gap)",
-			minScale: "1",
-			isMaterial,
-			isLight,
-			...tooltipProps
-		};
-		$[18] = isLight;
-		$[19] = isMaterial;
-		$[20] = state;
-		$[21] = tooltipProps;
-		$[22] = t8;
-	} else t8 = $[22];
-	const tooltipContextValue = t8;
 	const tooltipContent = /* @__PURE__ */ jsx(TooltipPositionContext.Provider, {
 		value: positionOptions,
 		children: /* @__PURE__ */ jsx(TooltipTransition, {
-			isShown: state.isOpen && !isDisabled,
-			children: (t9) => {
-				const { phase, isShown, ref: transitionRef } = t9;
+			isShown: state.isOpen && !isTooltipDisabled,
+			children: (t6) => {
+				const { phase, isShown, ref: transitionRef } = t6;
 				return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(PositionedTooltip, {
 					tooltip,
 					contextValue: {
@@ -192,33 +242,33 @@ function TooltipTrigger(props) {
 	if (isTriggerFunction(trigger)) return /* @__PURE__ */ jsxs(Fragment$1, { children: [trigger(triggerProps, tooltipTriggerRef), tooltipContent] });
 	if (!activeWrap && typeof trigger === "string") {
 		console.warn("CubeUIKit: Tooltips are only supported on elements that are both focusable and hoverable. To solve this issue you can: 1) Use active element as a trigger (`Button`, `Link`, etc); 2) Use function-as-first-child pattern to manually apply trigger props; 3) Use `ActiveZone` component to manually wrap the content.");
-		let t10;
-		if ($[23] !== trigger) {
-			t10 = /* @__PURE__ */ jsx(Block, { children: trigger });
-			$[23] = trigger;
-			$[24] = t10;
-		} else t10 = $[24];
-		return t10;
+		let t7;
+		if ($[7] !== trigger) {
+			t7 = /* @__PURE__ */ jsx(Block, { children: trigger });
+			$[7] = trigger;
+			$[8] = t7;
+		} else t7 = $[8];
+		return t7;
 	}
-	let t10;
-	if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
-		t10 = function onClick(e) {
+	let t7;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = function onClick(e) {
 			e?.currentTarget?.parentNode.click();
 		};
-		$[25] = t10;
-	} else t10 = $[25];
-	const onClick = t10;
-	let t11;
-	if ($[26] !== activeWrap || $[27] !== trigger) {
-		t11 = activeWrap ? /* @__PURE__ */ jsx(_ActiveZone, {
+		$[9] = t7;
+	} else t7 = $[9];
+	const onClick = t7;
+	let t8;
+	if ($[10] !== activeWrap || $[11] !== trigger) {
+		t8 = activeWrap ? /* @__PURE__ */ jsx(_ActiveZone, {
 			onClick,
 			children: trigger
 		}) : trigger;
-		$[26] = activeWrap;
-		$[27] = trigger;
-		$[28] = t11;
-	} else t11 = $[28];
-	const triggerContent = /* @__PURE__ */ jsxs(Fragment$1, { children: [t11, tooltipContent] });
+		$[10] = activeWrap;
+		$[11] = trigger;
+		$[12] = t8;
+	} else t8 = $[12];
+	const triggerContent = /* @__PURE__ */ jsxs(Fragment$1, { children: [t8, tooltipContent] });
 	if (disableFocusableProvider) return triggerContent;
 	return /* @__PURE__ */ jsx(FocusableProvider, {
 		...triggerProps,

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

@@ -1 +1 @@
-{"version":3,"file":"TooltipTrigger.js","names":["FocusableProvider","ContextType","createContext","FocusEvent","HTMLAttributes","isValidElement","ReactElement","ReactNode","RefObject","useContext","useRef","useState","Placement","TooltipTriggerProps","useOverlayPosition","useTooltipTrigger","useTooltipTriggerState","useEvent","isDevEnv","isFocusRestoration","Block","ActiveZone","DisplayTransition","DisplayTransitionProps","Portal","TooltipContext","TooltipPositionOptions","Pick","Parameters","TooltipPositionContext","TooltipTransition","props","$","_c","hasShown","setHasShown","isShown","t0","PositionedTooltip","tooltip","contextValue","options","overlayProps","arrowProps","placement","updatePosition","t1","t2","t3","DEFAULT_OFFSET","DEFAULT_CROSS_OFFSET","isTriggerFunction","value","TooltipTriggerFunction","isReactElement","triggerProps","HTMLElement","ref","CubeTooltipTriggerProps","children","crossOffset","offset","isMaterial","isLight","activeWrap","targetRef","isOpen","onOpenChange","defaultOpen","isDisabled","delay","closeDelay","trigger","disableFocusableProvider","TooltipTrigger","externalRef","triggerAction","undefined","rawChildrenArray","Array","isArray","Error","console","warn","internalRef","tooltipTriggerRef","overlayRef","state","t4","rawTriggerProps","tooltipProps","t5","event","onFocus","t6","t7","positionOptions","t8","minOffset","minScale","tooltipContextValue","tooltipContent","t9","phase","transitionRef","t10","Symbol","for","onClick","e","currentTarget","parentNode","click","t11","triggerContent"],"sources":["../../../../src/components/overlays/Tooltip/TooltipTrigger.tsx"],"sourcesContent":["import { FocusableProvider } from '@react-aria/focus';\nimport {\n  ContextType,\n  createContext,\n  FocusEvent,\n  HTMLAttributes,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useContext,\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 { 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';\n\ntype TooltipPositionOptions = Pick<\n  Parameters<typeof useOverlayPosition>[0],\n  'placement' | 'targetRef' | 'overlayRef' | 'offset' | 'crossOffset' | 'isOpen'\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\nfunction PositionedTooltip({\n  tooltip,\n  contextValue,\n}: {\n  tooltip: ReactElement;\n  contextValue: ContextType<typeof TooltipContext>;\n}) {\n  const options = useContext(TooltipPositionContext);\n  const { overlayProps, arrowProps, placement, updatePosition } =\n    useOverlayPosition(options);\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(value: unknown): value is ReactElement {\n  return isValidElement(value);\n}\n\nexport type TooltipTriggerFunction = (\n  triggerProps: HTMLAttributes<HTMLElement>,\n  ref: RefObject<HTMLElement>,\n) => ReactNode;\n\nexport interface CubeTooltipTriggerProps extends TooltipTriggerProps {\n  children: [ReactElement | string | TooltipTriggerFunction, ReactElement];\n  crossOffset?: number;\n  offset?: number;\n  placement?: Placement;\n  isMaterial?: boolean;\n  isLight?: boolean;\n  /**\n   * @deprecated Use function-as-first-child pattern instead.\n   * Whether the trigger should have an ActiveZone wrap to make sure it's focusable and hoverable.\n   * Otherwise, tooltip won't work.\n   */\n  activeWrap?: boolean;\n  /**\n   * External ref to use instead of internal ref (optional).\n   */\n  targetRef?: RefObject<HTMLElement>;\n  isOpen?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  defaultOpen?: boolean;\n  /**\n   * Whether the tooltip should be disabled, independent of the trigger.\n   */\n  isDisabled?: boolean;\n  /**\n   * The delay time for the tooltip to show up.\n   * @default 1500\n   */\n  delay?: number;\n  /**\n   * The delay time for the tooltip to close.\n   * @default 500\n   */\n  closeDelay?: number;\n  /**\n   * By default, opens for both focus and hover. Can be made to open only for focus.\n   */\n  trigger?: 'focus';\n  /**\n   * When true, FocusableProvider won't be applied to the trigger.\n   * Useful when trigger already handles focus or uses render props pattern.\n   */\n  disableFocusableProvider?: boolean;\n}\n\n/**\n * TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing\n * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip\n * relative to the trigger.\n */\nexport function TooltipTrigger(props: CubeTooltipTriggerProps) {\n  let {\n    children,\n    activeWrap,\n    targetRef: externalRef,\n    crossOffset = DEFAULT_CROSS_OFFSET,\n    isDisabled,\n    isMaterial,\n    isLight,\n    offset = DEFAULT_OFFSET,\n    trigger: triggerAction,\n    delay = 250,\n    isOpen,\n    onOpenChange,\n    defaultOpen,\n    disableFocusableProvider,\n  } = props;\n\n  // Extract both children without using React.Children.toArray so we don't lose\n  // function-as-child (render-prop) which React.Children filters out.\n  const rawChildrenArray = Array.isArray(children)\n    ? (children as unknown[])\n    : ([children] as unknown[]);\n\n  const [trigger, tooltip] = rawChildrenArray;\n\n  // Type guard the tooltip\n  if (!isReactElement(tooltip)) {\n    throw new Error(\n      'CubeUIKit: TooltipTrigger expects the second child to be a valid React element (Tooltip component).',\n    );\n  }\n\n  // Type guard the trigger\n  if (\n    !isTriggerFunction(trigger) &&\n    !isReactElement(trigger) &&\n    typeof trigger !== 'string'\n  ) {\n    throw new Error(\n      'CubeUIKit: TooltipTrigger expects the first child to be a function, React element, or string.',\n    );\n  }\n\n  // Show deprecation warning for activeWrap\n  if (activeWrap && isDevEnv()) {\n    console.warn(\n      'CubeUIKit: The `activeWrap` prop is deprecated. Use function-as-first-child pattern instead.',\n    );\n  }\n\n  let internalRef = useRef<HTMLElement>(null!);\n  let tooltipTriggerRef = externalRef ?? internalRef;\n  let overlayRef = useRef<HTMLDivElement>(null);\n\n  let state = useTooltipTriggerState({ delay, ...props });\n\n  let { triggerProps: rawTriggerProps, tooltipProps } = useTooltipTrigger(\n    {\n      // Without it a disabled tooltip still opened — invisibly, since nothing\n      // renders it — and while open React Aria's document-level listener eats\n      // every `Escape`, so a Dialog under the pointer would not close.\n      isDisabled,\n      trigger: triggerAction,\n      delay,\n      isOpen,\n      onOpenChange,\n      defaultOpen,\n    },\n    state,\n    tooltipTriggerRef,\n  );\n\n  // A tooltip answers a user arriving at the trigger. Focus handed back by a\n  // component — a popup returning it to the trigger it came from — is not that\n  // arrival, but the DOM event is identical and the modality is still\n  // \"keyboard\", so React Aria would show the tooltip anyway. It then absorbs\n  // the user's next `Escape` from its own document-level listener, which is\n  // how a Dialog ended up needing two presses to close (CUB-4839).\n  //\n  // Dropping the focus handler rather than closing after the fact: React Aria\n  // decides to show inside it, so this never starts and nothing flashes.\n  //\n  // Covers both restore paths — ours and a `FocusScope`'s — see\n  // `programmaticFocus`.\n  const onFocus = useEvent((event: FocusEvent<HTMLElement>) => {\n    if (isFocusRestoration()) return;\n\n    rawTriggerProps.onFocus?.(event);\n  });\n\n  const triggerProps = { ...rawTriggerProps, onFocus };\n\n  const positionOptions = {\n    placement: props.placement || 'top',\n    targetRef: tooltipTriggerRef,\n    overlayRef,\n    offset,\n    crossOffset,\n    isOpen: state.isOpen,\n  };\n\n  const tooltipContextValue = {\n    state,\n    ref: overlayRef,\n    minOffset: 'var(--gap)',\n    minScale: '1',\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 && !isDisabled}>\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"],"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,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bef9600 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e3f8a1a | Cube Dev Team */
 import React from "react";
 
 //#region src/components/overlays/Tooltip/context.ts

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":["React","HTMLAttributes","RefCallback","RefObject","Placement","TooltipTriggerState","PlacementAxis","Props","Phase","TooltipContextProps","state","ref","HTMLDivElement","transitionRef","placement","arrowProps","HTMLElement","overlayProps","minScale","minOffset","isMaterial","isLight","phase","isShown","updatePosition","TooltipContext","createContext"],"sources":["../../../../src/components/overlays/Tooltip/context.ts"],"sourcesContent":["import React, { HTMLAttributes, RefCallback, RefObject } from 'react';\nimport { 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  minScale?: string | number;\n  minOffset?: string | number;\n  isMaterial?: boolean;\n  isLight?: boolean;\n  phase?: Phase;\n  isShown?: boolean;\n  updatePosition?: () => void;\n}\n\nexport const TooltipContext = React.createContext<TooltipContextProps>({});\n"],"mappings":";;;;AA0BA,MAAayB,iBAAiBzB,MAAM0B,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,EAAE,CAAC"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bef9600 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e3f8a1a | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 
 //#region src/components/overlays/Tooltip/split-trigger-props.ts
@@ -34,10 +34,11 @@ function splitTooltipTriggerProps(triggerProps = {}) {
 	};
 }
 /**
-* Adds a tooltip's focus-side trigger props to a focusable element's own:
-* handlers are chained, and the tooltip joins any description the element
-* already has rather than replacing it. `tabIndex` is never touched — a radio
-* group's roving tab index owns it.
+* Adds a tooltip's trigger props — all of them, or the focus-side part from
+* `splitTooltipTriggerProps` — to an element's own: handlers are chained, and
+* the tooltip joins any description the element already has rather than
+* replacing it, the caller's id first. `mergeProps` alone lets the tooltip's id
+* win. `tabIndex` is never touched — a radio group's roving tab index owns it.
 */
 function mergeTooltipFocusProps(props, tooltipProps) {
 	if (!tooltipProps) return props;

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 focus-side trigger props to a focusable element's own:\n * handlers are chained, and the tooltip joins any description the element\n * already has rather than replacing it. `tabIndex` is never touched — a radio\n * group's roving tab index owns it.\n */\nexport function mergeTooltipFocusProps<P extends object>(\n  props: P,\n  tooltipProps?: TooltipFocusProps,\n): P {\n  if (!tooltipProps) return props;\n\n  const { 'aria-describedby': tooltipDescribedBy, ...handlers } = tooltipProps;\n  const ownDescribedBy = (props as { 'aria-describedby'?: string })[\n    'aria-describedby'\n  ];\n\n  return {\n    ...mergeProps(props, handlers),\n    'aria-describedby':\n      [ownDescribedBy, tooltipDescribedBy].filter(Boolean).join(' ') ||\n      undefined,\n  } as P;\n}\n"],"mappings":";;;;;;;;;;;AAWA,MAAME,sBAAsB;CAC1B;CACA;CACA;CACA;CACA;CACD;;;;;;AAYD,SAAgBK,yBACdC,eAA4C,EAAE,EAC9C;CACA,MAAMC,eAA4C,EAAE,GAAGD,cAAc;CACrE,MAAME,aAAgC,EAAE;AAExC,MAAK,MAAMC,OAAOT,oBAChB,KAAIS,OAAOF,cAAc;AACvB,EAACC,WAAuCC,OAAOF,aAAaE;AAC5D,SAAOF,aAAaE;;AAIxB,QAAO;EAAEF;EAAcC;EAAY;;;;;;;;AASrC,SAAgBG,uBACdC,OACAE,cACG;AACH,KAAI,CAACA,aAAc,QAAOF;CAE1B,MAAM,EAAE,oBAAoBG,oBAAoB,GAAGC,aAAaF;CAChE,MAAMG,iBAAkBL,MACtB;AAGF,QAAO;EACL,GAAGd,WAAWc,OAAOI,SAAS;EAC9B,oBACE,CAACC,gBAAgBF,mBAAmB,CAACG,OAAOC,QAAQ,CAACC,KAAK,IAAI,IAC9DC;EACH"}
+{"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"}

package/dist/components/portal/Portal.js

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

package/dist/components/portal/PortalProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bef9600 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e3f8a1a | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { createContext, useContext } from "react";
 

package/dist/components/portal/usePortal.js

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

package/dist/components/shared/DraggableCollection.js

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

package/dist/components/shared/InvalidIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bef9600 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e3f8a1a | Cube Dev Team */
 import { WarningIcon } from "../../icons/WarningIcon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/shared/ValidIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bef9600 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e3f8a1a | Cube Dev Team */
 import { CheckIcon } from "../../icons/CheckIcon.js";
 import { jsx } from "react/jsx-runtime";
 

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

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

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

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

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

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

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

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

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

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

package/dist/data/item-themes.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bef9600 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e3f8a1a | Cube Dev Team */
 //#region src/data/item-themes.ts
 const VALIDATION_STYLES = { border: {
 	invalid: "#danger-accent-text",

package/dist/data/themes.js

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