@cube-dev/ui-kit 0.208.0 → 0.209.0

package/dist/components/content/Result/Result.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { Title as _Title } from "../Title.js";

package/dist/components/content/Skeleton/Skeleton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Space } from "../../layout/Space.js";
 import { Grid } from "../../layout/Grid.js";

package/dist/components/content/Tag/Tag.js

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

package/dist/components/content/Text.js

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

package/dist/components/content/TextItem/TextItem.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { TEXT_DEFAULT_STYLES, TEXT_PROP_MAP, useTextProps } from "../Text.js";
 import { highlightText } from "../highlightText.js";

package/dist/components/content/Title.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { TEXT_PROP_MAP } from "./Text.js";

package/dist/components/content/Tree/Tree.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/content/Tree/TreeNode.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/content/Tree/checked-keys.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 //#region src/components/content/Tree/checked-keys.ts
 /**
 * Pure checkbox cascade for a tree: which keys are fully checked and which

package/dist/components/content/Tree/rowId.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 //#region src/components/content/Tree/rowId.ts
 /**
 * The DOM id of the row with `key` in the tree whose id is `treeId`, for the

package/dist/components/content/Tree/styled.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 import { Item as _Item } from "../Item/Item.js";
 import { Action } from "../../actions/Action/Action.js";
 import { mergeStyles, tasty } from "@tenphi/tasty";

package/dist/components/content/Tree/tree-index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 //#region src/components/content/Tree/tree-index.ts
 /**
 * A node's plain-text label: its `textValue`, else its `title` when that

package/dist/components/content/Tree/use-checkbox-tree.js

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

package/dist/components/content/Tree/use-load-data.js

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

package/dist/components/content/highlightText.js

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

package/dist/components/content/use-auto-tooltip.js

@@ -1,14 +1,116 @@
-/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
-import { TooltipProvider } from "../overlays/Tooltip/TooltipProvider.js";
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
+import { useLayoutEffect as useLayoutEffect$1 } from "../../utils/react/useLayoutEffect.js";
+import { useTooltipTriggerBinding } from "../overlays/Tooltip/TooltipTrigger.js";
+import { createProviderTooltip } from "../overlays/Tooltip/TooltipProvider.js";
 import { c } from "react/compiler-runtime";
-import { useEffect, useRef, useState } from "react";
+import { useEffect, useEffectEvent, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useIsSSR } from "react-aria";
 import { flushSync } from "react-dom";
 //#region src/components/content/use-auto-tooltip.tsx
 function assignRef(ref, element) {
 	if (typeof ref === "function") ref(element);
 	else if (ref) ref.current = element;
 }
+/**
+* The handlers React Aria's `useTooltipTrigger` puts on the trigger. The
+* element renders before the tooltip beside it has computed its own, so it
+* gets a forwarder for each while a tooltip is mounted. Hover comes from
+* `useHover`, which uses pointer events where the browser has them and mouse
+* and touch events elsewhere; only those names are forwarded, so a forwarder
+* never replaces a handler of the element's own that React Aria leaves alone.
+*/
+const FOCUS_TRIGGER_HANDLERS = [
+	"onFocus",
+	"onBlur",
+	"onKeyDown",
+	"onKeyUp",
+	"onPointerDown"
+];
+const POINTER_HOVER_HANDLERS = ["onPointerEnter", "onPointerLeave"];
+const MOUSE_HOVER_HANDLERS = [
+	"onMouseEnter",
+	"onMouseLeave",
+	"onTouchStart"
+];
+function getTriggerHandlerNames() {
+	return [...FOCUS_TRIGGER_HANDLERS, ...typeof PointerEvent === "undefined" ? MOUSE_HOVER_HANDLERS : POINTER_HOVER_HANDLERS];
+}
+/**
+* The tooltip of an element rendered by `renderWithTooltip`, mounted beside the
+* element only while a tooltip exists. It owns the tooltip's state and hands
+* the element its trigger handlers through `handlersRef`, so an element that
+* never has a tooltip runs none of it, and the element keeps its node when the
+* tooltip comes and goes.
+*/
+function AutoTooltipLayer(t0) {
+	const $ = c(19);
+	const { options, tooltip, placement, handlersRef, onDescribedByChange } = t0;
+	const isSSR = useIsSSR();
+	const { triggerProps, renderTooltip } = useTooltipTriggerBinding(options, tooltip);
+	const describedBy = triggerProps["aria-describedby"];
+	let t1;
+	if ($[0] !== handlersRef || $[1] !== triggerProps) {
+		t1 = () => {
+			handlersRef.current = triggerProps;
+		};
+		$[0] = handlersRef;
+		$[1] = triggerProps;
+		$[2] = t1;
+	} else t1 = $[2];
+	useLayoutEffect$1(t1);
+	let t2;
+	if ($[3] !== onDescribedByChange) {
+		t2 = (id) => {
+			onDescribedByChange(id);
+		};
+		$[3] = onDescribedByChange;
+		$[4] = t2;
+	} else t2 = $[4];
+	const publishDescribedBy = useEffectEvent(t2);
+	let t3;
+	if ($[5] !== describedBy || $[6] !== publishDescribedBy) {
+		t3 = () => {
+			publishDescribedBy(describedBy);
+		};
+		$[5] = describedBy;
+		$[6] = publishDescribedBy;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] !== describedBy) {
+		t4 = [describedBy];
+		$[8] = describedBy;
+		$[9] = t4;
+	} else t4 = $[9];
+	useLayoutEffect$1(t3, t4);
+	let t5;
+	if ($[10] !== handlersRef || $[11] !== publishDescribedBy) {
+		t5 = () => () => {
+			handlersRef.current = null;
+			publishDescribedBy(void 0);
+		};
+		$[10] = handlersRef;
+		$[11] = publishDescribedBy;
+		$[12] = t5;
+	} else t5 = $[12];
+	let t6;
+	if ($[13] !== handlersRef) {
+		t6 = [handlersRef];
+		$[13] = handlersRef;
+		$[14] = t6;
+	} else t6 = $[14];
+	useLayoutEffect$1(t5, t6);
+	let t7;
+	if ($[15] !== isSSR || $[16] !== placement || $[17] !== renderTooltip) {
+		t7 = isSSR ? null : renderTooltip(placement);
+		$[15] = isSSR;
+		$[16] = placement;
+		$[17] = renderTooltip;
+		$[18] = t7;
+	} else t7 = $[18];
+	return t7;
+}
 /** Overflow checks queued for the end of the current task, from every label. */
 const pendingOverflowChecks = /* @__PURE__ */ new Set();
 const overflowChecksByNode = /* @__PURE__ */ new WeakMap();
@@ -21,11 +123,10 @@ function refreshAutoTooltipsWithin(element) {
 * one synchronous render.
 *
 * All reads happen before React touches the DOM again, so they share one
-* layout. `flushSync` applies the verdicts, and the `TooltipProvider` remounts
-* they cause, before paint and before any other task, so code that looks the
-* label up after this task gets the node the verdict leaves in place, not one
-* about to be replaced. Outside a React commit this is an ordinary sync
-* render, not a nested update.
+* layout. `flushSync` applies the verdicts before paint and before any other
+* task, so code that asks whether the tooltip is active after this task gets
+* the answer the measurement gave. Outside a React commit this is an ordinary
+* sync render, not a nested update.
 */
 function runOverflowChecks() {
 	const checks = Array.from(pendingOverflowChecks);
@@ -98,26 +199,19 @@ function getAutoTitle(children, description, truncation) {
 * The `TooltipProvider` props a tooltip resolves to, or `null` when no tooltip
 * is rendered at all.
 */
-function resolveTooltip({ tooltip, children, description, labelProps, isDynamicLabel, truncation }) {
+function resolveTooltip({ tooltip, children, description, labelProps, truncation }) {
 	if (!tooltip) return null;
 	if (typeof tooltip === "string") return { title: tooltip };
 	const isOverflowed = truncation !== "none";
 	const autoTitle = getAutoTitle(children, description, truncation);
-	const hasAutoContent = !!(autoTitle || labelProps) && (isOverflowed || isDynamicLabel);
-	if (tooltip === true) {
-		if (!hasAutoContent) return null;
-		return {
-			title: autoTitle,
-			isDisabled: !isOverflowed && isDynamicLabel
-		};
-	}
+	const hasAutoContent = !!(autoTitle || labelProps) && isOverflowed;
+	if (tooltip === true) return hasAutoContent ? { title: autoTitle } : null;
 	const { auto, ...tooltipProps } = tooltip;
 	if (tooltipProps.title && auto !== true) return tooltipProps;
 	if (!hasAutoContent) return null;
 	return {
 		...tooltipProps,
-		title: tooltipProps.title ?? autoTitle,
-		isDisabled: tooltipProps.isDisabled ?? (!isOverflowed && isDynamicLabel)
+		title: tooltipProps.title ?? autoTitle
 	};
 }
 /** Whether a measured node's text is cut off. */
@@ -148,68 +242,67 @@ function observeMeasuredNodes(measured, onResize) {
 	if (description) measured.observer.observe(description);
 }
 function useAutoTooltip(t0) {
-	const $ = c(55);
-	const { tooltip, children, description, labelProps, isDynamicLabel: t1, labelRef: labelRefOption, descriptionRef: descriptionRefOption } = t0;
-	const isDynamicLabel = t1 === void 0 ? false : t1;
-	let t2;
+	const $ = c(56);
+	const { tooltip, children, description, labelProps, labelRef: labelRefOption, descriptionRef: descriptionRefOption } = t0;
+	let t1;
 	if ($[0] !== tooltip) {
-		t2 = allowsAutoTooltip(tooltip);
+		t1 = allowsAutoTooltip(tooltip);
 		$[0] = tooltip;
-		$[1] = t2;
-	} else t2 = $[1];
-	const allowsAuto = t2;
+		$[1] = t1;
+	} else t1 = $[1];
+	const allowsAuto = t1;
 	const ownTitle = getOwnAutoTitle(tooltip);
 	const isLabelMeasured = allowsAuto && isMeasured(children, ownTitle);
 	const isDescriptionMeasured = allowsAuto && isMeasured(description, ownTitle);
 	const isAutoTooltipEnabled = isLabelMeasured || isDescriptionMeasured;
 	const externalLabelRef = labelProps?.ref;
 	const [truncation, setTruncation] = useState("none");
-	let t3;
+	let t2;
 	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = {
+		t2 = {
 			label: null,
 			description: null,
 			observer: null
 		};
-		$[2] = t3;
-	} else t3 = $[2];
-	const measuredRef = useRef(t3);
+		$[2] = t2;
+	} else t2 = $[2];
+	const measuredRef = useRef(t2);
 	const verdictRef = useRef("none");
-	let t4;
+	let t3;
 	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = (value) => {
+		t3 = (value) => {
 			if (verdictRef.current === value) return;
 			verdictRef.current = value;
 			setTruncation(value);
 		};
-		$[3] = t4;
-	} else t4 = $[3];
-	const setVerdict = t4;
-	let t5;
+		$[3] = t3;
+	} else t3 = $[3];
+	const setVerdict = t3;
+	let t4;
 	if ($[4] !== setVerdict) {
-		t5 = () => {
+		t4 = () => {
 			const { label, description: description_0 } = measuredRef.current;
 			if (!label && !description_0) return;
 			setVerdict(measureTruncation(label, description_0));
 		};
 		$[4] = setVerdict;
-		$[5] = t5;
-	} else t5 = $[5];
-	const checkOverflow = t5;
-	let t6;
+		$[5] = t4;
+	} else t4 = $[5];
+	const checkOverflow = t4;
+	let t5;
 	if ($[6] !== checkOverflow) {
-		t6 = () => {
+		t5 = () => {
 			queueOverflowCheck(checkOverflow);
 		};
 		$[6] = checkOverflow;
-		$[7] = t6;
-	} else t6 = $[7];
-	const scheduleOverflowCheck = t6;
+		$[7] = t5;
+	} else t5 = $[7];
+	const scheduleOverflowCheck = t5;
 	const measuredLabel = isLabelMeasured ? getMeasureKey(children, ownTitle) : void 0;
 	const measuredDescription = isDescriptionMeasured ? getMeasureKey(description, ownTitle) : void 0;
-	let t7;
+	let t6;
 	if ($[8] !== isAutoTooltipEnabled || $[9] !== scheduleOverflowCheck || $[10] !== setVerdict) {
-		t7 = () => {
+		t6 = () => {
 			if (isAutoTooltipEnabled) {
 				scheduleOverflowCheck();
 				return;
@@ -219,11 +312,11 @@ function useAutoTooltip(t0) {
 		$[8] = isAutoTooltipEnabled;
 		$[9] = scheduleOverflowCheck;
 		$[10] = setVerdict;
-		$[11] = t7;
-	} else t7 = $[11];
-	let t8;
+		$[11] = t6;
+	} else t6 = $[11];
+	let t7;
 	if ($[12] !== isAutoTooltipEnabled || $[13] !== isDescriptionMeasured || $[14] !== isLabelMeasured || $[15] !== measuredDescription || $[16] !== measuredLabel || $[17] !== scheduleOverflowCheck || $[18] !== setVerdict) {
-		t8 = [
+		t7 = [
 			isAutoTooltipEnabled,
 			isLabelMeasured,
 			isDescriptionMeasured,
@@ -239,12 +332,12 @@ function useAutoTooltip(t0) {
 		$[16] = measuredLabel;
 		$[17] = scheduleOverflowCheck;
 		$[18] = setVerdict;
-		$[19] = t8;
-	} else t8 = $[19];
-	useEffect(t7, t8);
-	let t9;
+		$[19] = t7;
+	} else t7 = $[19];
+	useEffect(t6, t7);
+	let t8;
 	if ($[20] !== checkOverflow || $[21] !== scheduleOverflowCheck) {
-		t9 = (part, element) => {
+		t8 = (part, element) => {
 			const measured = measuredRef.current;
 			const previous = measured[part];
 			measured[part] = element;
@@ -264,12 +357,12 @@ function useAutoTooltip(t0) {
 		};
 		$[20] = checkOverflow;
 		$[21] = scheduleOverflowCheck;
-		$[22] = t9;
-	} else t9 = $[22];
-	const attachMeasuredNode = t9;
-	let t10;
+		$[22] = t8;
+	} else t8 = $[22];
+	const attachMeasuredNode = t8;
+	let t9;
 	if ($[23] !== attachMeasuredNode || $[24] !== externalLabelRef || $[25] !== isLabelMeasured || $[26] !== labelRefOption) {
-		t10 = (element_0) => {
+		t9 = (element_0) => {
 			assignRef(externalLabelRef, element_0);
 			assignRef(labelRefOption, element_0);
 			attachMeasuredNode("label", isLabelMeasured ? element_0 : null);
@@ -278,72 +371,101 @@ function useAutoTooltip(t0) {
 		$[24] = externalLabelRef;
 		$[25] = isLabelMeasured;
 		$[26] = labelRefOption;
-		$[27] = t10;
-	} else t10 = $[27];
-	const handleLabelElementRef = t10;
-	let t11;
+		$[27] = t9;
+	} else t9 = $[27];
+	const handleLabelElementRef = t9;
+	let t10;
 	if ($[28] !== attachMeasuredNode || $[29] !== descriptionRefOption || $[30] !== isDescriptionMeasured) {
-		t11 = (element_1) => {
+		t10 = (element_1) => {
 			assignRef(descriptionRefOption, element_1);
 			attachMeasuredNode("description", isDescriptionMeasured ? element_1 : null);
 		};
 		$[28] = attachMeasuredNode;
 		$[29] = descriptionRefOption;
 		$[30] = isDescriptionMeasured;
-		$[31] = t11;
-	} else t11 = $[31];
-	const handleDescriptionElementRef = t11;
-	let t12;
+		$[31] = t10;
+	} else t10 = $[31];
+	const handleDescriptionElementRef = t10;
+	let t11;
 	if ($[32] !== labelProps) {
-		t12 = labelProps || {};
+		t11 = labelProps || {};
 		$[32] = labelProps;
-		$[33] = t12;
-	} else t12 = $[33];
+		$[33] = t11;
+	} else t11 = $[33];
 	let finalLabelProps;
-	if ($[34] !== t12) {
-		const { ref: _labelPropsRef, ...t13 } = t12;
-		finalLabelProps = t13;
-		$[34] = t12;
+	if ($[34] !== t11) {
+		const { ref: _labelPropsRef, ...t12 } = t11;
+		finalLabelProps = t12;
+		$[34] = t11;
 		$[35] = finalLabelProps;
 	} else finalLabelProps = $[35];
-	let t13;
-	if ($[36] !== children || $[37] !== description || $[38] !== isDynamicLabel || $[39] !== labelProps || $[40] !== tooltip || $[41] !== truncation) {
-		t13 = resolveTooltip({
+	let t12;
+	if ($[36] !== children || $[37] !== description || $[38] !== labelProps || $[39] !== tooltip || $[40] !== truncation) {
+		t12 = resolveTooltip({
 			tooltip,
 			children,
 			description,
 			labelProps,
-			isDynamicLabel,
 			truncation
 		});
 		$[36] = children;
 		$[37] = description;
-		$[38] = isDynamicLabel;
-		$[39] = labelProps;
-		$[40] = tooltip;
-		$[41] = truncation;
+		$[38] = labelProps;
+		$[39] = tooltip;
+		$[40] = truncation;
+		$[41] = t12;
+	} else t12 = $[41];
+	const resolvedTooltip = t12;
+	const isTooltipActive = !!resolvedTooltip && resolvedTooltip.isDisabled !== true;
+	const triggerRef = useRef(null);
+	const handlersRef = useRef(null);
+	const describedByRef = useRef(void 0);
+	const [describedBy, setDescribedBy] = useState();
+	let t13;
+	if ($[42] === Symbol.for("react.memo_cache_sentinel")) {
+		t13 = (id) => {
+			if (describedByRef.current === id) return;
+			describedByRef.current = id;
+			setDescribedBy(id);
+		};
 		$[42] = t13;
 	} else t13 = $[42];
-	const resolvedTooltip = t13;
-	const isTooltipActive = !!resolvedTooltip && resolvedTooltip.isDisabled !== true;
+	const updateDescribedBy = t13;
 	let t14;
-	if ($[43] !== resolvedTooltip) {
+	if ($[43] !== describedBy || $[44] !== resolvedTooltip) {
 		t14 = (renderElement, defaultTooltipPlacement) => {
-			if (!resolvedTooltip) return renderElement();
-			return /* @__PURE__ */ jsx(TooltipProvider, {
-				placement: defaultTooltipPlacement,
-				...resolvedTooltip,
-				children: (triggerProps, ref) => renderElement(triggerProps, ref)
-			});
+			if (!resolvedTooltip) return /* @__PURE__ */ jsxs(Fragment$1, { children: [renderElement(), null] });
+			const { title, tooltipStyles, width, qa, placement, isDisabled, targetRef, ...triggerOptions } = resolvedTooltip;
+			const anchorRef = targetRef ?? triggerRef;
+			const forwardedProps = { "aria-describedby": describedBy };
+			for (const name of getTriggerHandlerNames()) forwardedProps[name] = (event) => handlersRef.current?.[name]?.(event);
+			return /* @__PURE__ */ jsxs(Fragment$1, { children: [renderElement(forwardedProps, anchorRef), /* @__PURE__ */ jsx(AutoTooltipLayer, {
+				options: {
+					...triggerOptions,
+					isDisabled,
+					targetRef: anchorRef
+				},
+				tooltip: createProviderTooltip({
+					title,
+					tooltipStyles,
+					width,
+					qa,
+					isDisabled
+				}),
+				placement: placement ?? defaultTooltipPlacement,
+				handlersRef,
+				onDescribedByChange: updateDescribedBy
+			})] });
 		};
-		$[43] = resolvedTooltip;
-		$[44] = t14;
-	} else t14 = $[44];
+		$[43] = describedBy;
+		$[44] = resolvedTooltip;
+		$[45] = t14;
+	} else t14 = $[45];
 	const renderWithTooltip = t14;
 	const t15 = truncation !== "none";
 	const t16 = !!tooltip;
 	let t17;
-	if ($[45] !== finalLabelProps || $[46] !== handleDescriptionElementRef || $[47] !== handleLabelElementRef || $[48] !== isAutoTooltipEnabled || $[49] !== isTooltipActive || $[50] !== renderWithTooltip || $[51] !== scheduleOverflowCheck || $[52] !== t15 || $[53] !== t16) {
+	if ($[46] !== finalLabelProps || $[47] !== handleDescriptionElementRef || $[48] !== handleLabelElementRef || $[49] !== isAutoTooltipEnabled || $[50] !== isTooltipActive || $[51] !== renderWithTooltip || $[52] !== scheduleOverflowCheck || $[53] !== t15 || $[54] !== t16) {
 		t17 = {
 			labelRef: handleLabelElementRef,
 			descriptionRef: handleDescriptionElementRef,
@@ -355,17 +477,17 @@ function useAutoTooltip(t0) {
 			renderWithTooltip,
 			scheduleOverflowCheck
 		};
-		$[45] = finalLabelProps;
-		$[46] = handleDescriptionElementRef;
-		$[47] = handleLabelElementRef;
-		$[48] = isAutoTooltipEnabled;
-		$[49] = isTooltipActive;
-		$[50] = renderWithTooltip;
-		$[51] = scheduleOverflowCheck;
-		$[52] = t15;
-		$[53] = t16;
-		$[54] = t17;
-	} else t17 = $[54];
+		$[46] = finalLabelProps;
+		$[47] = handleDescriptionElementRef;
+		$[48] = handleLabelElementRef;
+		$[49] = isAutoTooltipEnabled;
+		$[50] = isTooltipActive;
+		$[51] = renderWithTooltip;
+		$[52] = scheduleOverflowCheck;
+		$[53] = t15;
+		$[54] = t16;
+		$[55] = t17;
+	} else t17 = $[55];
 	return t17;
 }
 //#endregion