@cube-dev/ui-kit 0.200.1 → 0.202.0

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.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";
@@ -6,7 +6,7 @@ import { useAutoTooltip } from "../use-auto-tooltip.js";
 import { c } from "react/compiler-runtime";
 import { BASE_STYLES, COLOR_STYLES, TEXT_STYLES, filterBaseProps, mergeStyles, tasty } from "@tenphi/tasty";
 import { forwardRef, useEffectEvent, useLayoutEffect } from "react";
-import { jsx } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/content/TextItem/TextItem.tsx
 const STYLE_LIST = [
 	...BASE_STYLES,
@@ -21,25 +21,56 @@ const TEXT_ITEM_STYLES = {
 	overflow: "hidden",
 	textOverflow: "ellipsis"
 };
+const NATIVE_LINK_STYLES = {
+	position: {
+		"": void 0,
+		"native-link": "relative"
+	},
+	zIndex: {
+		"": void 0,
+		"native-link": 1
+	}
+};
 const TextItemElement = tasty({
 	as: "span",
 	styles: TEXT_DEFAULT_STYLES,
 	variants: {
 		plain: TEXT_ITEM_STYLES,
-		table: mergeStyles(TEXT_ITEM_STYLES, { preset: "t3" })
+		table: mergeStyles(TEXT_ITEM_STYLES, { preset: "t3" }),
+		nativePlain: mergeStyles(TEXT_ITEM_STYLES, NATIVE_LINK_STYLES),
+		nativeTable: mergeStyles(TEXT_ITEM_STYLES, NATIVE_LINK_STYLES, { preset: "t3" })
+	}
+});
+const NativeTextLink = tasty({
+	as: "a",
+	styles: {
+		position: "absolute",
+		inset: 0,
+		zIndex: 0,
+		outline: 0
 	}
 });
 const TEXT_ITEM_STYLE_KEYS = Object.keys(TEXT_ITEM_STYLES);
+/** Style merging copies state maps, so identity cannot recognize the defaults. */
+function matchesNativeState(value, expected) {
+	if (value == null || typeof value !== "object" || Array.isArray(value)) return false;
+	const states = value;
+	return Object.keys(states).length === 2 && Object.hasOwn(states, "") && Object.hasOwn(states, "native-link") && states[""] === void 0 && states["native-link"] === expected;
+}
 function getStaticVariant(styles) {
 	const count = Object.keys(styles).length;
 	if (!TEXT_ITEM_STYLE_KEYS.every((key) => styles[key] === TEXT_ITEM_STYLES[key])) return;
 	if (count === TEXT_ITEM_STYLE_KEYS.length) return "plain";
 	if (count === TEXT_ITEM_STYLE_KEYS.length + 1 && styles.preset === "t3") return "table";
+	if (!matchesNativeState(styles.position, "relative") || !matchesNativeState(styles.zIndex, 1)) return;
+	if (count === TEXT_ITEM_STYLE_KEYS.length + 2) return "nativePlain";
+	if (count === TEXT_ITEM_STYLE_KEYS.length + 3 && styles.preset === "t3") return "nativeTable";
 }
 /** Own the DOM ref outside the tooltip's render prop so Compiler can retain it. */
 function TextItemContent(t0) {
-	const $ = c(34);
+	const $ = c(43);
 	let handleRef;
+	let nativeLinkProps;
 	let onAppearanceCommit;
 	let t1;
 	let t2;
@@ -48,49 +79,52 @@ function TextItemContent(t0) {
 	let t5;
 	let t6;
 	if ($[0] !== t0) {
-		const { ref, labelRef, tooltipRef, onAppearanceCommit: t7, ...props } = t0;
+		const { ref, labelRef, tooltipRef, onAppearanceCommit: t7, nativeLinkProps: t8, ...props } = t0;
 		onAppearanceCommit = t7;
-		let t8;
-		if ($[9] !== labelRef || $[10] !== ref || $[11] !== tooltipRef) {
-			t8 = (element) => {
+		nativeLinkProps = t8;
+		let t9;
+		if ($[10] !== labelRef || $[11] !== ref || $[12] !== tooltipRef) {
+			t9 = (element) => {
 				if (typeof ref === "function") ref(element);
 				else if (ref) ref.current = element;
 				if (tooltipRef) tooltipRef.current = element;
 				labelRef(element);
 			};
-			$[9] = labelRef;
-			$[10] = ref;
-			$[11] = tooltipRef;
-			$[12] = t8;
-		} else t8 = $[12];
-		handleRef = t8;
+			$[10] = labelRef;
+			$[11] = ref;
+			$[12] = tooltipRef;
+			$[13] = t9;
+		} else t9 = $[13];
+		handleRef = t9;
 		t6 = useTextProps;
 		t1 = "TextItem";
 		t2 = props;
 		t3 = props.as ?? void 0;
 		t4 = props.element || void 0;
-		t5 = mergeStyles(TEXT_ITEM_STYLES, props.styles);
+		t5 = mergeStyles(TEXT_ITEM_STYLES, nativeLinkProps ? NATIVE_LINK_STYLES : void 0, props.styles);
 		$[0] = t0;
 		$[1] = handleRef;
-		$[2] = onAppearanceCommit;
-		$[3] = t1;
-		$[4] = t2;
-		$[5] = t3;
-		$[6] = t4;
-		$[7] = t5;
-		$[8] = t6;
+		$[2] = nativeLinkProps;
+		$[3] = onAppearanceCommit;
+		$[4] = t1;
+		$[5] = t2;
+		$[6] = t3;
+		$[7] = t4;
+		$[8] = t5;
+		$[9] = t6;
 	} else {
 		handleRef = $[1];
-		onAppearanceCommit = $[2];
-		t1 = $[3];
-		t2 = $[4];
-		t3 = $[5];
-		t4 = $[6];
-		t5 = $[7];
-		t6 = $[8];
+		nativeLinkProps = $[2];
+		onAppearanceCommit = $[3];
+		t1 = $[4];
+		t2 = $[5];
+		t3 = $[6];
+		t4 = $[7];
+		t5 = $[8];
+		t6 = $[9];
 	}
 	let t7;
-	if ($[13] !== t1 || $[14] !== t2 || $[15] !== t3 || $[16] !== t4 || $[17] !== t5) {
+	if ($[14] !== t1 || $[15] !== t2 || $[16] !== t3 || $[17] !== t4 || $[18] !== t5) {
 		t7 = {
 			qa: t1,
 			...t2,
@@ -98,66 +132,94 @@ function TextItemContent(t0) {
 			element: t4,
 			styles: t5
 		};
-		$[13] = t1;
-		$[14] = t2;
-		$[15] = t3;
-		$[16] = t4;
-		$[17] = t5;
-		$[18] = t7;
-	} else t7 = $[18];
+		$[14] = t1;
+		$[15] = t2;
+		$[16] = t3;
+		$[17] = t4;
+		$[18] = t5;
+		$[19] = t7;
+	} else t7 = $[19];
 	const textProps = t6(t7);
 	let t8;
-	if ($[19] !== textProps.styles) {
+	if ($[20] !== textProps.styles) {
 		t8 = getStaticVariant(textProps.styles);
-		$[19] = textProps.styles;
-		$[20] = t8;
-	} else t8 = $[20];
+		$[20] = textProps.styles;
+		$[21] = t8;
+	} else t8 = $[21];
 	const variant = t8;
 	const shouldMeasure = !!onAppearanceCommit;
 	let t9;
-	if ($[21] !== onAppearanceCommit) {
+	if ($[22] !== onAppearanceCommit) {
 		t9 = () => onAppearanceCommit?.();
-		$[21] = onAppearanceCommit;
-		$[22] = t9;
-	} else t9 = $[22];
+		$[22] = onAppearanceCommit;
+		$[23] = t9;
+	} else t9 = $[23];
 	const refreshOverflow = useEffectEvent(t9);
 	let t10;
-	if ($[23] !== refreshOverflow || $[24] !== shouldMeasure) {
+	if ($[24] !== refreshOverflow || $[25] !== shouldMeasure) {
 		t10 = () => {
 			if (shouldMeasure) refreshOverflow();
 		};
-		$[23] = refreshOverflow;
-		$[24] = shouldMeasure;
-		$[25] = t10;
-	} else t10 = $[25];
+		$[24] = refreshOverflow;
+		$[25] = shouldMeasure;
+		$[26] = t10;
+	} else t10 = $[26];
 	let t11;
-	if ($[26] !== shouldMeasure || $[27] !== textProps) {
+	if ($[27] !== shouldMeasure || $[28] !== textProps) {
 		t11 = [textProps, shouldMeasure];
-		$[26] = shouldMeasure;
-		$[27] = textProps;
-		$[28] = t11;
-	} else t11 = $[28];
+		$[27] = shouldMeasure;
+		$[28] = textProps;
+		$[29] = t11;
+	} else t11 = $[29];
 	useLayoutEffect(t10, t11);
-	const t12 = variant ? void 0 : textProps.styles;
+	const t12 = !!nativeLinkProps;
 	let t13;
-	if ($[29] !== handleRef || $[30] !== t12 || $[31] !== textProps || $[32] !== variant) {
-		t13 = /* @__PURE__ */ jsx(TextItemElement, {
+	if ($[30] !== t12 || $[31] !== textProps.mods) {
+		t13 = {
+			...textProps.mods,
+			"native-link": t12
+		};
+		$[30] = t12;
+		$[31] = textProps.mods;
+		$[32] = t13;
+	} else t13 = $[32];
+	const t14 = variant ? void 0 : textProps.styles;
+	let t15;
+	if ($[33] !== nativeLinkProps || $[34] !== textProps.children) {
+		t15 = nativeLinkProps ? /* @__PURE__ */ jsxs(Fragment$1, { children: [textProps.children, /* @__PURE__ */ jsx(NativeTextLink, {
+			...nativeLinkProps,
+			"data-element": "NativeLink",
+			"aria-hidden": true,
+			tabIndex: -1,
+			children: void 0
+		})] }) : textProps.children;
+		$[33] = nativeLinkProps;
+		$[34] = textProps.children;
+		$[35] = t15;
+	} else t15 = $[35];
+	let t16;
+	if ($[36] !== handleRef || $[37] !== t13 || $[38] !== t14 || $[39] !== t15 || $[40] !== textProps || $[41] !== variant) {
+		t16 = /* @__PURE__ */ jsx(TextItemElement, {
 			...textProps,
+			mods: t13,
 			variant,
-			styles: t12,
-			ref: handleRef
+			styles: t14,
+			ref: handleRef,
+			children: t15
 		});
-		$[29] = handleRef;
-		$[30] = t12;
-		$[31] = textProps;
-		$[32] = variant;
-		$[33] = t13;
-	} else t13 = $[33];
-	return t13;
+		$[36] = handleRef;
+		$[37] = t13;
+		$[38] = t14;
+		$[39] = t15;
+		$[40] = textProps;
+		$[41] = variant;
+		$[42] = t16;
+	} else t16 = $[42];
+	return t16;
 }
 const TextItem = forwardRef(function TextItem(props, ref) {
 	const $ = c(8);
-	const { children, highlight, highlightCaseSensitive: t0, highlightStyles, tooltip: t1, tooltipPlacement: t2, ...restProps } = props;
+	const { children, highlight, highlightCaseSensitive: t0, highlightStyles, tooltip: t1, tooltipPlacement: t2, nativeLinkProps, ...restProps } = props;
 	const highlightCaseSensitive = t0 === void 0 ? false : t0;
 	const tooltip = t1 === void 0 ? true : t1;
 	const tooltipPlacement = t2 === void 0 ? "top" : t2;
@@ -189,6 +251,7 @@ const TextItem = forwardRef(function TextItem(props, ref) {
 		ref,
 		labelRef,
 		tooltipRef,
+		nativeLinkProps,
 		onAppearanceCommit: isAutoTooltipEnabled ? scheduleOverflowCheck : void 0,
 		styles,
 		children: processedChildren
@@ -196,7 +259,9 @@ const TextItem = forwardRef(function TextItem(props, ref) {
 	return renderWithTooltip(renderElement, tooltipPlacement);
 });
 TextItem.displayName = "TextItem";
+/** @private Retains text hover ownership above a stretched native row link. */
+const TextItemWithNativeLink = TextItem;
 //#endregion
-export { TextItem };
+export { TextItem, TextItemWithNativeLink };
 
 //# sourceMappingURL=TextItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextItem.js","names":["BASE_STYLES","COLOR_STYLES","filterBaseProps","mergeStyles","Styles","tasty","TEXT_STYLES","forwardRef","HTMLAttributes","Ref","RefObject","useEffectEvent","useLayoutEffect","PositionProps","extractStyles","highlightText","CubeTextProps","TEXT_DEFAULT_STYLES","TEXT_PROP_MAP","useTextProps","AutoTooltipValue","useAutoTooltip","STYLE_LIST","const","CubeTextItemProps","Omit","highlight","highlightCaseSensitive","highlightStyles","tooltip","tooltipPlacement","TEXT_ITEM_STYLES","display","verticalAlign","width","whiteSpace","overflow","textOverflow","TextItemElement","as","styles","variants","plain","table","preset","TEXT_ITEM_STYLE_KEYS","Object","keys","Array","getStaticVariant","count","length","every","key","TextItemContent","t0","$","_c","handleRef","onAppearanceCommit","t1","t2","t3","t4","t5","t6","ref","labelRef","tooltipRef","t7","props","t8","element","current","undefined","qa","textProps","variant","shouldMeasure","t9","refreshOverflow","t10","t11","t12","t13","TextItem","HTMLElement","children","restProps","renderWithTooltip","isAutoTooltipEnabled","scheduleOverflowCheck","processedChildren","renderElement","tooltipTriggerProps","eventProps","displayName","_c"],"sources":["../../../../src/components/content/TextItem/TextItem.tsx"],"sourcesContent":["import {\n  BASE_STYLES,\n  COLOR_STYLES,\n  filterBaseProps,\n  mergeStyles,\n  Styles,\n  tasty,\n  TEXT_STYLES,\n} from '@tenphi/tasty';\nimport {\n  forwardRef,\n  HTMLAttributes,\n  Ref,\n  RefObject,\n  useEffectEvent,\n  useLayoutEffect,\n} from 'react';\nimport { PositionProps } from 'react-aria';\n\nimport { extractStyles } from '../../../utils/styles';\nimport { highlightText } from '../highlightText';\nimport {\n  CubeTextProps,\n  TEXT_DEFAULT_STYLES,\n  TEXT_PROP_MAP,\n  useTextProps,\n} from '../Text';\nimport { AutoTooltipValue, useAutoTooltip } from '../use-auto-tooltip';\n\nconst STYLE_LIST = [...BASE_STYLES, ...TEXT_STYLES, ...COLOR_STYLES] as const;\n\n/**\n * TextItem truncates to one line with an ellipsis, so Text's `ellipsis` and\n * `nowrap` have nothing to switch.\n */\nexport interface CubeTextItemProps extends Omit<\n  CubeTextProps,\n  'ellipsis' | 'nowrap'\n> {\n  /**\n   * String to highlight within children.\n   * Only works when children is a plain string.\n   */\n  highlight?: string;\n  /**\n   * Whether highlight matching is case-sensitive.\n   * @default false\n   */\n  highlightCaseSensitive?: boolean;\n  /**\n   * Custom styles for highlighted text.\n   */\n  highlightStyles?: Styles;\n  /**\n   * Tooltip content and configuration:\n   * - string: simple tooltip text\n   * - true: auto tooltip on overflow (shows children as tooltip when truncated)\n   * - object: advanced configuration with optional auto property\n   * @default true\n   */\n  tooltip?: AutoTooltipValue;\n  /**\n   * Default tooltip placement.\n   * @default \"top\"\n   */\n  tooltipPlacement?: PositionProps['placement'];\n}\n\nconst TEXT_ITEM_STYLES = {\n  display: 'inline-block',\n  verticalAlign: 'bottom',\n  width: 'max 100%',\n  whiteSpace: 'nowrap',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n} satisfies Styles;\n\nconst TextItemElement = tasty({\n  as: 'span',\n  styles: TEXT_DEFAULT_STYLES,\n  variants: {\n    plain: TEXT_ITEM_STYLES,\n    table: mergeStyles(TEXT_ITEM_STYLES, { preset: 't3' }),\n  },\n});\n\nconst TEXT_ITEM_STYLE_KEYS = Object.keys(TEXT_ITEM_STYLES) as Array<\n  keyof typeof TEXT_ITEM_STYLES\n>;\n\nfunction getStaticVariant(styles: Styles) {\n  const count = Object.keys(styles).length;\n\n  if (\n    !TEXT_ITEM_STYLE_KEYS.every((key) => styles[key] === TEXT_ITEM_STYLES[key])\n  ) {\n    return;\n  }\n\n  if (count === TEXT_ITEM_STYLE_KEYS.length) return 'plain';\n  if (count === TEXT_ITEM_STYLE_KEYS.length + 1 && styles.preset === 't3')\n    return 'table';\n}\n\n/** Own the DOM ref outside the tooltip's render prop so Compiler can retain it. */\nfunction TextItemContent({\n  ref,\n  labelRef,\n  tooltipRef,\n  onAppearanceCommit,\n  ...props\n}: CubeTextProps & {\n  ref?: Ref<HTMLElement>;\n  labelRef: (element: HTMLElement | null) => void;\n  tooltipRef?: RefObject<HTMLElement | null>;\n  onAppearanceCommit?: () => void;\n}) {\n  const handleRef = (element: HTMLElement | null) => {\n    if (typeof ref === 'function') ref(element);\n    else if (ref) ref.current = element;\n\n    if (tooltipRef) tooltipRef.current = element;\n\n    labelRef(element);\n  };\n\n  // Match tasty(Text)'s prop/style merge before Text applies its slot. A reset\n  // here removes the TextItem default and restores Text's native default.\n  const textProps = useTextProps({\n    qa: 'TextItem',\n    ...props,\n    as: props.as ?? undefined,\n    element: props.element || undefined,\n    styles: mergeStyles(TEXT_ITEM_STYLES, props.styles),\n  });\n  const variant = getStaticVariant(textProps.styles);\n\n  const shouldMeasure = !!onAppearanceCommit;\n  const refreshOverflow = useEffectEvent(() => onAppearanceCommit?.());\n\n  // A fixed box can change its text width without a ResizeObserver delivery.\n  // Queue after its props/slot commit, as the former ref reattachment did.\n  useLayoutEffect(() => {\n    if (shouldMeasure) refreshOverflow();\n  }, [textProps, shouldMeasure]);\n\n  // Reuse Tasty's static-style cache for common labels, with one native owner\n  // across style/slot changes so a focused label never remounts for styling.\n  return (\n    <TextItemElement\n      {...textProps}\n      variant={variant}\n      styles={variant ? undefined : textProps.styles}\n      ref={handleRef}\n    />\n  );\n}\n\nexport const TextItem = forwardRef<HTMLElement, CubeTextItemProps>(\n  function TextItem(props, ref) {\n    const {\n      children,\n      highlight,\n      highlightCaseSensitive = false,\n      highlightStyles,\n      tooltip = true,\n      tooltipPlacement = 'top',\n      ...restProps\n    } = props;\n\n    // Extract style props (preset, color, etc.) to pass via styles prop\n    const styles = extractStyles(restProps, STYLE_LIST, {}, TEXT_PROP_MAP);\n\n    const {\n      labelRef,\n      renderWithTooltip,\n      isAutoTooltipEnabled,\n      scheduleOverflowCheck,\n    } = useAutoTooltip({ tooltip, children });\n\n    // Process children with highlight if applicable\n    const processedChildren =\n      typeof children === 'string' && highlight\n        ? highlightText(\n            children,\n            highlight,\n            highlightCaseSensitive,\n            highlightStyles,\n          )\n        : children;\n\n    const renderElement = (\n      tooltipTriggerProps?: HTMLAttributes<HTMLElement>,\n      tooltipRef?: RefObject<HTMLElement>,\n    ) => {\n      return (\n        <TextItemContent\n          {...filterBaseProps(restProps, { eventProps: true })}\n          {...tooltipTriggerProps}\n          ref={ref}\n          labelRef={labelRef}\n          tooltipRef={tooltipRef}\n          onAppearanceCommit={\n            isAutoTooltipEnabled ? scheduleOverflowCheck : undefined\n          }\n          styles={styles}\n        >\n          {processedChildren}\n        </TextItemContent>\n      );\n    };\n\n    return renderWithTooltip(renderElement, tooltipPlacement);\n  },\n);\n\nTextItem.displayName = 'TextItem';\n"],"mappings":"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"}
+{"version":3,"file":"TextItem.js","names":["BASE_STYLES","COLOR_STYLES","filterBaseProps","mergeStyles","Styles","tasty","TEXT_STYLES","AnchorHTMLAttributes","forwardRef","ForwardRefExoticComponent","HTMLAttributes","Ref","RefAttributes","RefObject","useEffectEvent","useLayoutEffect","PositionProps","extractStyles","highlightText","CubeTextProps","TEXT_DEFAULT_STYLES","TEXT_PROP_MAP","useTextProps","AutoTooltipValue","useAutoTooltip","STYLE_LIST","const","CubeTextItemProps","Omit","highlight","highlightCaseSensitive","highlightStyles","tooltip","tooltipPlacement","TEXT_ITEM_STYLES","display","verticalAlign","width","whiteSpace","overflow","textOverflow","NATIVE_LINK_STYLES","position","undefined","zIndex","TextItemElement","as","styles","variants","plain","table","preset","nativePlain","nativeTable","NativeTextLink","inset","outline","TextItemWithNativeLinkProps","nativeLinkProps","HTMLAnchorElement","TEXT_ITEM_STYLE_KEYS","Object","keys","Array","matchesNativeState","value","expected","isArray","states","Record","length","hasOwn","getStaticVariant","count","every","key","TextItemContent","t0","$","_c","handleRef","onAppearanceCommit","t1","t2","t3","t4","t5","t6","ref","labelRef","tooltipRef","t7","t8","props","t9","element","current","qa","textProps","variant","shouldMeasure","refreshOverflow","t10","t11","t12","t13","mods","t14","t15","children","t16","TextItem","HTMLElement","restProps","renderWithTooltip","isAutoTooltipEnabled","scheduleOverflowCheck","processedChildren","renderElement","tooltipTriggerProps","eventProps","displayName","TextItemWithNativeLink","_c"],"sources":["../../../../src/components/content/TextItem/TextItem.tsx"],"sourcesContent":["import {\n  BASE_STYLES,\n  COLOR_STYLES,\n  filterBaseProps,\n  mergeStyles,\n  Styles,\n  tasty,\n  TEXT_STYLES,\n} from '@tenphi/tasty';\nimport {\n  AnchorHTMLAttributes,\n  forwardRef,\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  Ref,\n  RefAttributes,\n  RefObject,\n  useEffectEvent,\n  useLayoutEffect,\n} from 'react';\nimport { PositionProps } from 'react-aria';\n\nimport { extractStyles } from '../../../utils/styles';\nimport { highlightText } from '../highlightText';\nimport {\n  CubeTextProps,\n  TEXT_DEFAULT_STYLES,\n  TEXT_PROP_MAP,\n  useTextProps,\n} from '../Text';\nimport { AutoTooltipValue, useAutoTooltip } from '../use-auto-tooltip';\n\nconst STYLE_LIST = [...BASE_STYLES, ...TEXT_STYLES, ...COLOR_STYLES] as const;\n\n/**\n * TextItem truncates to one line with an ellipsis, so Text's `ellipsis` and\n * `nowrap` have nothing to switch.\n */\nexport interface CubeTextItemProps extends Omit<\n  CubeTextProps,\n  'ellipsis' | 'nowrap'\n> {\n  /**\n   * String to highlight within children.\n   * Only works when children is a plain string.\n   */\n  highlight?: string;\n  /**\n   * Whether highlight matching is case-sensitive.\n   * @default false\n   */\n  highlightCaseSensitive?: boolean;\n  /**\n   * Custom styles for highlighted text.\n   */\n  highlightStyles?: Styles;\n  /**\n   * Tooltip content and configuration:\n   * - string: simple tooltip text\n   * - true: auto tooltip on overflow (shows children as tooltip when truncated)\n   * - object: advanced configuration with optional auto property\n   * @default true\n   */\n  tooltip?: AutoTooltipValue;\n  /**\n   * Default tooltip placement.\n   * @default \"top\"\n   */\n  tooltipPlacement?: PositionProps['placement'];\n}\n\nconst TEXT_ITEM_STYLES = {\n  display: 'inline-block',\n  verticalAlign: 'bottom',\n  width: 'max 100%',\n  whiteSpace: 'nowrap',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n} satisfies Styles;\n\nconst NATIVE_LINK_STYLES: Styles = {\n  // The child native target takes presses while this span keeps hover\n  // ownership for its truncation tooltip.\n  position: { '': undefined, 'native-link': 'relative' },\n  zIndex: { '': undefined, 'native-link': 1 },\n};\n\nconst TextItemElement = tasty({\n  as: 'span',\n  styles: TEXT_DEFAULT_STYLES,\n  variants: {\n    plain: TEXT_ITEM_STYLES,\n    table: mergeStyles(TEXT_ITEM_STYLES, { preset: 't3' }),\n    nativePlain: mergeStyles(TEXT_ITEM_STYLES, NATIVE_LINK_STYLES),\n    nativeTable: mergeStyles(TEXT_ITEM_STYLES, NATIVE_LINK_STYLES, {\n      preset: 't3',\n    }),\n  },\n});\n\nconst NativeTextLink = tasty({\n  as: 'a',\n  styles: {\n    position: 'absolute',\n    inset: 0,\n    zIndex: 0,\n    outline: 0,\n  },\n});\n\ninterface TextItemWithNativeLinkProps extends CubeTextItemProps {\n  nativeLinkProps?: AnchorHTMLAttributes<HTMLAnchorElement>;\n}\n\nconst TEXT_ITEM_STYLE_KEYS = Object.keys(TEXT_ITEM_STYLES) as Array<\n  keyof typeof TEXT_ITEM_STYLES\n>;\n\n/** Style merging copies state maps, so identity cannot recognize the defaults. */\nfunction matchesNativeState(value: unknown, expected: string | number) {\n  if (value == null || typeof value !== 'object' || Array.isArray(value))\n    return false;\n\n  const states = value as Record<string, unknown>;\n  return (\n    Object.keys(states).length === 2 &&\n    Object.hasOwn(states, '') &&\n    Object.hasOwn(states, 'native-link') &&\n    states[''] === undefined &&\n    states['native-link'] === expected\n  );\n}\n\nfunction getStaticVariant(styles: Styles) {\n  const count = Object.keys(styles).length;\n\n  if (\n    !TEXT_ITEM_STYLE_KEYS.every((key) => styles[key] === TEXT_ITEM_STYLES[key])\n  ) {\n    return;\n  }\n\n  if (count === TEXT_ITEM_STYLE_KEYS.length) return 'plain';\n  if (count === TEXT_ITEM_STYLE_KEYS.length + 1 && styles.preset === 't3')\n    return 'table';\n\n  if (\n    !matchesNativeState(styles.position, 'relative') ||\n    !matchesNativeState(styles.zIndex, 1)\n  ) {\n    return;\n  }\n\n  if (count === TEXT_ITEM_STYLE_KEYS.length + 2) return 'nativePlain';\n  if (count === TEXT_ITEM_STYLE_KEYS.length + 3 && styles.preset === 't3')\n    return 'nativeTable';\n}\n\n/** Own the DOM ref outside the tooltip's render prop so Compiler can retain it. */\nfunction TextItemContent({\n  ref,\n  labelRef,\n  tooltipRef,\n  onAppearanceCommit,\n  nativeLinkProps,\n  ...props\n}: CubeTextProps & {\n  ref?: Ref<HTMLElement>;\n  labelRef: (element: HTMLElement | null) => void;\n  tooltipRef?: RefObject<HTMLElement | null>;\n  onAppearanceCommit?: () => void;\n  nativeLinkProps?: AnchorHTMLAttributes<HTMLAnchorElement>;\n}) {\n  const handleRef = (element: HTMLElement | null) => {\n    if (typeof ref === 'function') ref(element);\n    else if (ref) ref.current = element;\n\n    if (tooltipRef) tooltipRef.current = element;\n\n    labelRef(element);\n  };\n\n  // Match tasty(Text)'s prop/style merge before Text applies its slot. A reset\n  // here removes the TextItem default and restores Text's native default.\n  const textProps = useTextProps({\n    qa: 'TextItem',\n    ...props,\n    as: props.as ?? undefined,\n    element: props.element || undefined,\n    styles: mergeStyles(\n      TEXT_ITEM_STYLES,\n      nativeLinkProps ? NATIVE_LINK_STYLES : undefined,\n      props.styles,\n    ),\n  });\n  const variant = getStaticVariant(textProps.styles);\n\n  const shouldMeasure = !!onAppearanceCommit;\n  const refreshOverflow = useEffectEvent(() => onAppearanceCommit?.());\n\n  // A fixed box can change its text width without a ResizeObserver delivery.\n  // Queue after its props/slot commit, as the former ref reattachment did.\n  useLayoutEffect(() => {\n    if (shouldMeasure) refreshOverflow();\n  }, [textProps, shouldMeasure]);\n\n  // Reuse Tasty's static-style cache for common labels, with one native owner\n  // across style/slot changes so a focused label never remounts for styling.\n  return (\n    <TextItemElement\n      {...textProps}\n      mods={{ ...textProps.mods, 'native-link': !!nativeLinkProps }}\n      variant={variant}\n      styles={variant ? undefined : textProps.styles}\n      ref={handleRef}\n    >\n      {nativeLinkProps ? (\n        <>\n          {textProps.children}\n          <NativeTextLink\n            {...nativeLinkProps}\n            data-element=\"NativeLink\"\n            aria-hidden={true}\n            tabIndex={-1}\n            children={undefined}\n          />\n        </>\n      ) : (\n        textProps.children\n      )}\n    </TextItemElement>\n  );\n}\n\nexport const TextItem = forwardRef<HTMLElement, CubeTextItemProps>(\n  function TextItem(props, ref) {\n    const {\n      children,\n      highlight,\n      highlightCaseSensitive = false,\n      highlightStyles,\n      tooltip = true,\n      tooltipPlacement = 'top',\n      nativeLinkProps,\n      ...restProps\n    } = props as TextItemWithNativeLinkProps;\n\n    // Extract style props (preset, color, etc.) to pass via styles prop\n    const styles = extractStyles(restProps, STYLE_LIST, {}, TEXT_PROP_MAP);\n\n    const {\n      labelRef,\n      renderWithTooltip,\n      isAutoTooltipEnabled,\n      scheduleOverflowCheck,\n    } = useAutoTooltip({ tooltip, children });\n\n    // Process children with highlight if applicable\n    const processedChildren =\n      typeof children === 'string' && highlight\n        ? highlightText(\n            children,\n            highlight,\n            highlightCaseSensitive,\n            highlightStyles,\n          )\n        : children;\n\n    const renderElement = (\n      tooltipTriggerProps?: HTMLAttributes<HTMLElement>,\n      tooltipRef?: RefObject<HTMLElement>,\n    ) => {\n      return (\n        <TextItemContent\n          {...filterBaseProps(restProps, { eventProps: true })}\n          {...tooltipTriggerProps}\n          ref={ref}\n          labelRef={labelRef}\n          tooltipRef={tooltipRef}\n          nativeLinkProps={nativeLinkProps}\n          onAppearanceCommit={\n            isAutoTooltipEnabled ? scheduleOverflowCheck : undefined\n          }\n          styles={styles}\n        >\n          {processedChildren}\n        </TextItemContent>\n      );\n    };\n\n    return renderWithTooltip(renderElement, tooltipPlacement);\n  },\n);\n\nTextItem.displayName = 'TextItem';\n\n/** @private Retains text hover ownership above a stretched native row link. */\nexport const TextItemWithNativeLink = TextItem as ForwardRefExoticComponent<\n  TextItemWithNativeLinkProps & RefAttributes<HTMLElement>\n>;\n"],"mappings":";;;;;;;;;;AAgCA,MAAMyB,aAAa;CAAC,GAAGzB;CAAa,GAAGM;CAAa,GAAGL;AAAY;AAuCnE,MAAMiC,mBAAmB;CACvBC,SAAS;CACTC,eAAe;CACfC,OAAO;CACPC,YAAY;CACZC,UAAU;CACVC,cAAc;AAChB;AAEA,MAAMC,qBAA6B;CAGjCC,UAAU;EAAE,IAAIC,KAAAA;EAAW,eAAe;CAAW;CACrDC,QAAQ;EAAE,IAAID,KAAAA;EAAW,eAAe;CAAE;AAC5C;AAEA,MAAME,kBAAkBxC,MAAM;CAC5ByC,IAAI;CACJC,QAAQ3B;CACR4B,UAAU;EACRC,OAAOf;EACPgB,OAAO/C,YAAY+B,kBAAkB,EAAEiB,QAAQ,KAAK,CAAC;EACrDC,aAAajD,YAAY+B,kBAAkBO,kBAAkB;EAC7DY,aAAalD,YAAY+B,kBAAkBO,oBAAoB,EAC7DU,QAAQ,KACV,CAAC;CACH;AACF,CAAC;AAED,MAAMG,iBAAiBjD,MAAM;CAC3ByC,IAAI;CACJC,QAAQ;EACNL,UAAU;EACVa,OAAO;EACPX,QAAQ;EACRY,SAAS;CACX;AACF,CAAC;AAMD,MAAMI,uBAAuBC,OAAOC,KAAK5B,gBAAgB;;AAKzD,SAAS8B,mBAAmBC,OAAgBC,UAA2B;CACrE,IAAID,SAAS,QAAQ,OAAOA,UAAU,YAAYF,MAAMI,QAAQF,KAAK,GACnE,OAAO;CAET,MAAMG,SAASH;CACf,OACEJ,OAAOC,KAAKM,MAAM,CAAC,CAACE,WAAW,KAC/BT,OAAOU,OAAOH,QAAQ,EAAE,KACxBP,OAAOU,OAAOH,QAAQ,aAAa,KACnCA,OAAO,QAAQzB,KAAAA,KACfyB,OAAO,mBAAmBF;AAE9B;AAEA,SAASM,iBAAiBzB,QAAgB;CACxC,MAAM0B,QAAQZ,OAAOC,KAAKf,MAAM,CAAC,CAACuB;CAElC,IACE,CAACV,qBAAqBc,OAAOC,QAAQ5B,OAAO4B,SAASzC,iBAAiByC,IAAI,GAE1E;CAGF,IAAIF,UAAUb,qBAAqBU,QAAQ,OAAO;CAClD,IAAIG,UAAUb,qBAAqBU,SAAS,KAAKvB,OAAOI,WAAW,MACjE,OAAO;CAET,IACE,CAACa,mBAAmBjB,OAAOL,UAAU,UAAU,KAC/C,CAACsB,mBAAmBjB,OAAOH,QAAQ,CAAC,GAEpC;CAGF,IAAI6B,UAAUb,qBAAqBU,SAAS,GAAG,OAAO;CACtD,IAAIG,UAAUb,qBAAqBU,SAAS,KAAKvB,OAAOI,WAAW,MACjE,OAAO;AACX;;AAGA,SAAAyB,gBAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAtB;CAAA,IAAAuB;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAT,EAAA,OAAAD,IAAA;EAAyB,MAAA,EAAAW,KAAAC,UAAAC,YAAAT,oBAAAU,IAAAjC,iBAAAkC,IAAA,GAAAC,UAAAhB;EAAAI,qBAAAU;EAAAjC,kBAAAkC;EAaxB,IAAAE;EAAA,IAAAhB,EAAA,QAAAW,YAAAX,EAAA,QAAAU,OAAAV,EAAA,QAAAY,YAAA;GACmBI,MAAAC,YAAA;IAChB,IAAI,OAAOP,QAAQ,YAAYA,IAAIO,OAAO;SACrC,IAAIP,KAAKA,IAAGQ,UAAWD;IAE5B,IAAIL,YAAYA,WAAUM,UAAWD;IAErCN,SAASM,OAAO;GAAC;GAClBjB,EAAA,MAAAW;GAAAX,EAAA,MAAAU;GAAAV,EAAA,MAAAY;GAAAZ,EAAA,MAAAgB;EAAA,OAAAA,KAAAhB,EAAA;EAPDE,YAAkBc;EAWAxE,KAAAA;EACZ4D,KAAA;EACDW,KAAAA;EACCT,KAAAS,MAAK/C,MAALH,KAAAA;EACK0C,KAAAQ,MAAKE,WAALpD,KAAAA;EACD2C,KAAAnF,YACN+B,kBACAwB,kBAAAjB,qBAAAE,KAAAA,GACAkD,MAAK9C,MACP;EAAC+B,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAApB;EAAAoB,EAAA,KAAAG;EAAAH,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;EAAAL,EAAA,KAAAM;EAAAN,EAAA,KAAAO;EAAAP,EAAA,KAAAQ;EAAAR,EAAA,KAAAS;CAAA,OAAA;EAAAP,YAAAF,EAAA;EAAApB,kBAAAoB,EAAA;EAAAG,qBAAAH,EAAA;EAAAI,KAAAJ,EAAA;EAAAK,KAAAL,EAAA;EAAAM,KAAAN,EAAA;EAAAO,KAAAP,EAAA;EAAAQ,KAAAR,EAAA;EAAAS,KAAAT,EAAA;CAAA;CAAA,IAAAa;CAAA,IAAAb,EAAA,QAAAI,MAAAJ,EAAA,QAAAK,MAAAL,EAAA,QAAAM,MAAAN,EAAA,QAAAO,MAAAP,EAAA,QAAAQ,IAAA;EAT4BK,KAAA;GAAAM,IACzBf;GAAU,GACXW;GAAK/C,IACJsC;GAAqBW,SAChBV;GAA0BtC,QAC3BuC;EAKV;EAACR,EAAA,MAAAI;EAAAJ,EAAA,MAAAK;EAAAL,EAAA,MAAAM;EAAAN,EAAA,MAAAO;EAAAP,EAAA,MAAAQ;EAAAR,EAAA,MAAAa;CAAA,OAAAA,KAAAb,EAAA;CAVD,MAAAoB,YAAkB5E,GAAaqE,EAU9B;CAAE,IAAAC;CAAA,IAAAd,EAAA,QAAAoB,UAAAnD,QAAA;EACa6C,KAAApB,iBAAiB0B,UAASnD,MAAO;EAAC+B,EAAA,MAAAoB,UAAAnD;EAAA+B,EAAA,MAAAc;CAAA,OAAAA,KAAAd,EAAA;CAAlD,MAAAqB,UAAgBP;CAEhB,MAAAQ,gBAAsB,CAAC,CAACnB;CAAmB,IAAAa;CAAA,IAAAhB,EAAA,QAAAG,oBAAA;EACJa,WAAMb,qBAAqB;EAACH,EAAA,MAAAG;EAAAH,EAAA,MAAAgB;CAAA,OAAAA,KAAAhB,EAAA;CAAnE,MAAAuB,kBAAwBvF,eAAegF,EAA4B;CAAE,IAAAQ;CAAA,IAAAxB,EAAA,QAAAuB,mBAAAvB,EAAA,QAAAsB,eAAA;EAIrDE,YAAA;GACd,IAAIF,eAAeC,gBAAgB;EAAE;EACtCvB,EAAA,MAAAuB;EAAAvB,EAAA,MAAAsB;EAAAtB,EAAA,MAAAwB;CAAA,OAAAA,MAAAxB,EAAA;CAAA,IAAAyB;CAAA,IAAAzB,EAAA,QAAAsB,iBAAAtB,EAAA,QAAAoB,WAAA;EAAEK,MAAA,CAACL,WAAWE,aAAa;EAACtB,EAAA,MAAAsB;EAAAtB,EAAA,MAAAoB;EAAApB,EAAA,MAAAyB;CAAA,OAAAA,MAAAzB,EAAA;CAF7B/D,gBAAgBuF,KAEbC,GAA0B;CAOiB,MAAAC,MAAA,CAAC,CAAC9C;CAAe,IAAA+C;CAAA,IAAA3B,EAAA,QAAA0B,OAAA1B,EAAA,QAAAoB,UAAAQ,MAAA;EAArDD,MAAA;GAAA,GAAKP,UAASQ;GAAK,eAAiBF;EAAkB;EAAC1B,EAAA,MAAA0B;EAAA1B,EAAA,MAAAoB,UAAAQ;EAAA5B,EAAA,MAAA2B;CAAA,OAAAA,MAAA3B,EAAA;CAErD,MAAA6B,MAAAR,UAAAxD,KAAAA,IAAsBuD,UAASnD;CAAO,IAAA6D;CAAA,IAAA9B,EAAA,QAAApB,mBAAAoB,EAAA,QAAAoB,UAAAW,UAAA;EAG7CD,MAAAlD,kBAAA,qBAAA,YAAA,EAAA,UAAA,CAEIwC,UAASW,UACV,oBAAC,gBAAD;GAAe,GACTnD;GACS,gBAAA;GACA,eAAA;GACH,UAAA;GACAf,UAAAA,KAAAA;EAAS,CAAA,CACnB,EAAA,CAAA,IAGJuD,UAASW;EACV/B,EAAA,MAAApB;EAAAoB,EAAA,MAAAoB,UAAAW;EAAA/B,EAAA,MAAA8B;CAAA,OAAAA,MAAA9B,EAAA;CAAA,IAAAgC;CAAA,IAAAhC,EAAA,QAAAE,aAAAF,EAAA,QAAA2B,OAAA3B,EAAA,QAAA6B,OAAA7B,EAAA,QAAA8B,OAAA9B,EAAA,QAAAoB,aAAApB,EAAA,QAAAqB,SAAA;EApBHW,MAAA,oBAAC,iBAAD;GAAgB,GACVZ;GACE,MAAAO;GACGN;GACD,QAAAQ;GACH3B,KAAAA;GAEJ4B,UAAAA;EAPa,CAAA;EAqBE9B,EAAA,MAAAE;EAAAF,EAAA,MAAA2B;EAAA3B,EAAA,MAAA6B;EAAA7B,EAAA,MAAA8B;EAAA9B,EAAA,MAAAoB;EAAApB,EAAA,MAAAqB;EAAArB,EAAA,MAAAgC;CAAA,OAAAA,MAAAhC,EAAA;CAAA,OArBlBgC;AAqBkB;AAItB,MAAaC,WAAWvG,WACtB,SAAAuG,SAAAlB,OAAAL,KAAA;CAAA,MAAAV,IAAAC,EAAA,CAAA;CACE,MAAA,EAAA8B,UAAAhF,WAAAC,wBAAA+C,IAAA9C,iBAAAC,SAAAkD,IAAAjD,kBAAAkD,IAAAzB,iBAAA,GAAAuD,cASIpB;CANF,MAAA/D,yBAAA+C,OAAAlC,KAAAA,IAAA,QAAAkC;CAEA,MAAA7C,UAAAkD,OAAAvC,KAAAA,IAAA,OAAAuC;CACA,MAAAjD,mBAAAkD,OAAAxC,KAAAA,IAAA,QAAAwC;CAMF,MAAApC,SAAe9B,cAAcgG,WAAWxF,YAAY,CAAC,GAAGJ,aAAa;CAAE,IAAA+D;CAAA,IAAAN,EAAA,OAAA+B,YAAA/B,EAAA,OAAA9C,SAAA;EAOpDoD,KAAA;GAAApD;GAAA6E;EAAoB;EAAC/B,EAAA,KAAA+B;EAAA/B,EAAA,KAAA9C;EAAA8C,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CALxC,MAAA,EAAAW,UAAAyB,mBAAAC,sBAAAC,0BAKI5F,eAAe4D,EAAqB;CAAE,IAAAC;CAAA,IAAAP,EAAA,OAAA+B,YAAA/B,EAAA,OAAAjD,aAAAiD,EAAA,OAAAhD,0BAAAgD,EAAA,OAAA/C,iBAAA;EAIxCsD,KAAA,OAAOwB,aAAa,YAApBhF,YACIX,cACE2F,UACAhF,WACAC,wBACAC,eAEK,IAPX8E;EAOY/B,EAAA,KAAA+B;EAAA/B,EAAA,KAAAjD;EAAAiD,EAAA,KAAAhD;EAAAgD,EAAA,KAAA/C;EAAA+C,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CARd,MAAAuC,oBACEhC;CASF,MAAAiC,iBAAsBC,qBAAA7B,eAKlB,oBAAC,iBAAD;EAAgB,GACVxF,gBAAgB+G,WAAW,EAAAO,YAAc,KAAK,CAAC;EAAC,GAChDD;EACC/B;EACKC;EACEC;EACKhC;EAEf,oBAAAyD,uBAAAC,wBAAAzE,KAAAA;EAEMI;EAEPsE,UAAAA;CAZa,CAAA;CAelB,OAEKH,kBAAkBI,eAAerF,gBAAgB;AAAC,CAE7D;AAEA8E,SAASU,cAAc;;AAGvB,MAAaC,yBAAyBX"}

package/dist/components/content/Title.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.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,11 +1,11 @@
-/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.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";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { SIZES, SIZE_NAME_TO_KEY } from "../../../tokens/sizes.js";
 import { TreeElement, TreeScrollContainer, TreeSizer } from "./styled.js";
-import { buildTreeIndex } from "./tree-index.js";
+import { buildTreeIndex, getTreeNodeText } from "./tree-index.js";
 import { TreeNode } from "./TreeNode.js";
 import { useCheckboxTree } from "./use-checkbox-tree.js";
 import { useLoadData } from "./use-load-data.js";
@@ -24,9 +24,8 @@ import { useVirtualizer } from "@tanstack/react-virtual";
 * (`textValue` for keyboard nav, `childItems` for nested traversal).
 */
 function renderItem(node) {
-	const textValue = typeof node.title === "string" ? node.title : String(node.key);
 	return /* @__PURE__ */ jsx(Item, {
-		textValue,
+		textValue: getTreeNodeText(node),
 		childItems: node.children,
 		children: node.title
 	}, node.key);
@@ -76,7 +75,7 @@ function resolveSelectionMode(selectionMode, isSelectable) {
 	return "single";
 }
 function TreeBase(props, ref) {
-	const { treeData, isCheckable = false, isSelectable, selectionMode: selectionModeProp, size = "medium", shape = "default", containerPadding = 4, isDisabled = false, defaultExpandedKeys, expandedKeys, autoExpandParent = false, defaultCheckedKeys, checkedKeys, defaultSelectedKeys, selectedKeys, height, loadData, onExpand, onCheck, onSelect, itemProps, rowStyles, ariaLabel, qa, menu: treeMenu, contextMenu: treeContextMenu, onAction: treeOnAction, menuTriggerProps, menuProps, ...otherProps } = props;
+	const { treeData, isCheckable = false, isSelectable, selectionMode: selectionModeProp, size = "medium", shape = "default", containerPadding = 4, isDisabled = false, defaultExpandedKeys, expandedKeys, autoExpandParent = false, defaultCheckedKeys, checkedKeys, defaultSelectedKeys, selectedKeys, height, loadData, onExpand, onCheck, onSelect, itemProps, rowStyles, ariaLabel, qa, menu: treeMenu, contextMenu: treeContextMenu, onAction: treeOnAction, menuTriggerProps, menuProps, id, _activeKey: activeKey, _onRowAction: onRowAction, ...otherProps } = props;
 	const baseStyles = extractStyles(otherProps, OUTER_STYLES);
 	const treeRef = useRef(null);
 	const scrollRef = useRef(null);
@@ -179,7 +178,9 @@ function TreeBase(props, ref) {
 		disabledBehavior: "all",
 		items: treeData,
 		children: renderItem,
-		"aria-label": treeLabel
+		"aria-label": treeLabel,
+		id,
+		onAction: onRowAction ? (key_0) => onRowAction(String(key_0)) : void 0
 	}), [
 		selectionMode,
 		selectedKeys,
@@ -191,15 +192,17 @@ function TreeBase(props, ref) {
 		handleExpandedChange,
 		disabledKeys,
 		treeData,
-		treeLabel
+		treeLabel,
+		id,
+		onRowAction
 	]);
 	const baseState = useTreeState(ariaProps);
 	const state = useMemo(() => {
 		const collection = baseState.collection;
 		if (typeof collection.getChildren === "function") return baseState;
 		const patched = Object.create(collection);
-		patched.getChildren = (key_0) => {
-			const node_2 = collection.getItem(key_0);
+		patched.getChildren = (key_1) => {
+			const node_2 = collection.getItem(key_1);
 			return node_2 ? Array.from(node_2.childNodes) : [];
 		};
 		return {
@@ -210,8 +213,8 @@ function TreeBase(props, ref) {
 	const { gridProps } = useTree(ariaProps, state, treeRef);
 	const visibleNodes = useMemo(() => {
 		const out = [];
-		for (const key_1 of state.collection.getKeys()) {
-			const node_3 = state.collection.getItem(key_1);
+		for (const key_2 of state.collection.getKeys()) {
+			const node_3 = state.collection.getItem(key_2);
 			if (node_3 && node_3.type === "item") out.push(node_3);
 		}
 		return out;
@@ -269,6 +272,26 @@ function TreeBase(props, ref) {
 		lastFocusedScrollRef.current = focusedKey;
 	}, [state.selectionManager.focusedKey, rowVirtualizer]);
 	/**
+	* Same for the row an outside control points at (`_activeKey`): that
+	* control keeps DOM focus, so `focusedKey` never moves.
+	*/
+	const lastActiveScrollRef = useRef(null);
+	useLayoutEffect(() => {
+		if (activeKey == null) {
+			lastActiveScrollRef.current = null;
+			return;
+		}
+		if (lastActiveScrollRef.current === activeKey) return;
+		const index_1 = visibleNodes.findIndex((n_1) => String(n_1.key) === activeKey);
+		if (index_1 < 0) return;
+		rowVirtualizer.scrollToIndex(index_1, { align: "auto" });
+		lastActiveScrollRef.current = activeKey;
+	}, [
+		activeKey,
+		visibleNodes,
+		rowVirtualizer
+	]);
+	/**
 	* Scroll into view when controlled `selectedKeys` changes externally.
 	*
 	* Selection-manager `focusedKey` only updates on explicit user
@@ -285,9 +308,9 @@ function TreeBase(props, ref) {
 		const target = selectedKeys[0];
 		if (target == null) return;
 		if (lastSelectedScrollRef.current === target) return;
-		const index_1 = visibleNodes.findIndex((n_1) => String(n_1.key) === target);
-		if (index_1 < 0) return;
-		rowVirtualizer.scrollToIndex(index_1, { align: "auto" });
+		const index_2 = visibleNodes.findIndex((n_2) => String(n_2.key) === target);
+		if (index_2 < 0) return;
+		rowVirtualizer.scrollToIndex(index_2, { align: "auto" });
 		lastSelectedScrollRef.current = target;
 	}, [
 		selectedKeys,
@@ -301,6 +324,7 @@ function TreeBase(props, ref) {
 	const mergedScrollRef = useMemo(() => mergeRefs(ref, scrollRef), [ref, scrollRef]);
 	return /* @__PURE__ */ jsx(TreeElement, {
 		...gridProps,
+		tabIndex: activeKey === void 0 ? gridProps.tabIndex : -1,
 		ref: treeRef,
 		qa: qa ?? "Tree",
 		mods,
@@ -326,6 +350,7 @@ function TreeBase(props, ref) {
 						isChecked: checkbox.checkedSet.has(keyStr),
 						isIndeterminate: checkbox.halfCheckedSet.has(keyStr),
 						isLoading: loadDataController.loadingKeys.has(keyStr),
+						isActive: activeKey === void 0 ? void 0 : activeKey === keyStr,
 						size,
 						itemProps,
 						rowStyles,