@cube-dev/ui-kit 0.190.7 → 0.190.8

package/dist/components/navigation/Tabs/TabButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
@@ -140,7 +140,7 @@ const STRIP_INTERACTION_EVENTS = [
 * - Focus and hover states
 */
 function TabButton(t0) {
-	const $ = c(200);
+	const $ = c(204);
 	const { item, tabData, isLastTab, hasPanel: t1 } = t0;
 	const hasPanel = t1 === void 0 ? true : t1;
 	const { t } = useI18n();
@@ -194,53 +194,61 @@ function TabButton(t0) {
 		$[13] = t6;
 	} else t6 = $[13];
 	const effectiveDragProps = t6;
-	const isDragging = isDraggable && dragResult.isDragging;
-	const [isMenuOpen, setIsMenuOpen] = useState(false);
 	let t7;
-	if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
-		t7 = {};
-		$[14] = t7;
-	} else t7 = $[14];
-	const { hoverProps, isHovered } = useHover(t7);
-	const [isFocused, setIsFocused] = useState(false);
+	if ($[14] !== dragState || $[15] !== isDraggable || $[16] !== item.key) {
+		t7 = isDraggable && dragState.isDragging(item.key);
+		$[14] = dragState;
+		$[15] = isDraggable;
+		$[16] = item.key;
+		$[17] = t7;
+	} else t7 = $[17];
+	const isDragging = t7;
+	const [isMenuOpen, setIsMenuOpen] = useState(false);
 	let t8;
-	if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = { onFocusChange: setIsFocused };
-		$[15] = t8;
-	} else t8 = $[15];
-	const { focusProps } = useFocus(t8);
+	if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = {};
+		$[18] = t8;
+	} else t8 = $[18];
+	const { hoverProps, isHovered } = useHover(t8);
+	const [isFocused, setIsFocused] = useState(false);
+	let t9;
+	if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
+		t9 = { onFocusChange: setIsFocused };
+		$[19] = t9;
+	} else t9 = $[19];
+	const { focusProps } = useFocus(t9);
 	const { isFocusVisible } = useFocusVisible();
 	const [suppressFocusVisible, setSuppressFocusVisible] = useState(false);
 	const effectiveFocusVisible = isFocusVisible && !suppressFocusVisible;
 	const isActive = state.selectedKey === item.key;
-	let t9;
-	if ($[16] !== item.key || $[17] !== state.disabledKeys) {
-		t9 = state.disabledKeys.has(item.key);
-		$[16] = item.key;
-		$[17] = state.disabledKeys;
-		$[18] = t9;
-	} else t9 = $[18];
-	const isDisabled = t9;
+	let t10;
+	if ($[20] !== item.key || $[21] !== state.disabledKeys) {
+		t10 = state.disabledKeys.has(item.key);
+		$[20] = item.key;
+		$[21] = state.disabledKeys;
+		$[22] = t10;
+	} else t10 = $[22];
+	const isDisabled = t10;
 	const isDeletable = !!onDelete;
 	const isEditing = editingKey === item.key;
 	const isBoardDragActive = useBoardDragActive();
 	const [isDropPending, setIsDropPending] = useState(false);
 	const springLoadTimerRef = useRef(null);
-	let t10;
-	if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
-		t10 = () => {
+	let t11;
+	if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
+		t11 = () => {
 			if (springLoadTimerRef.current != null) {
 				clearTimeout(springLoadTimerRef.current);
 				springLoadTimerRef.current = null;
 			}
 			setIsDropPending(false);
 		};
-		$[19] = t10;
-	} else t10 = $[19];
-	const clearSpringLoad = useEvent(t10);
-	let t11;
-	if ($[20] !== isActive || $[21] !== isBoardDragActive || $[22] !== isDisabled || $[23] !== item.key || $[24] !== state) {
-		t11 = () => {
+		$[23] = t11;
+	} else t11 = $[23];
+	const clearSpringLoad = useEvent(t11);
+	let t12;
+	if ($[24] !== isActive || $[25] !== isBoardDragActive || $[26] !== isDisabled || $[27] !== item.key || $[28] !== state) {
+		t12 = () => {
 			if (!isBoardDragActive || isActive || isDisabled) return;
 			if (springLoadTimerRef.current != null) return;
 			setIsDropPending(true);
@@ -250,140 +258,140 @@ function TabButton(t0) {
 				state.setSelectedKey(item.key);
 			}, SPRING_LOAD_DELAY);
 		};
-		$[20] = isActive;
-		$[21] = isBoardDragActive;
-		$[22] = isDisabled;
-		$[23] = item.key;
-		$[24] = state;
-		$[25] = t11;
-	} else t11 = $[25];
-	const handleSpringLoadEnter = useEvent(t11);
-	let t12;
+		$[24] = isActive;
+		$[25] = isBoardDragActive;
+		$[26] = isDisabled;
+		$[27] = item.key;
+		$[28] = state;
+		$[29] = t12;
+	} else t12 = $[29];
+	const handleSpringLoadEnter = useEvent(t12);
 	let t13;
-	if ($[26] !== clearSpringLoad || $[27] !== isBoardDragActive) {
-		t12 = () => {
+	let t14;
+	if ($[30] !== clearSpringLoad || $[31] !== isBoardDragActive) {
+		t13 = () => {
 			if (!isBoardDragActive) clearSpringLoad();
 			return clearSpringLoad;
 		};
-		t13 = [isBoardDragActive, clearSpringLoad];
-		$[26] = clearSpringLoad;
-		$[27] = isBoardDragActive;
-		$[28] = t12;
-		$[29] = t13;
+		t14 = [isBoardDragActive, clearSpringLoad];
+		$[30] = clearSpringLoad;
+		$[31] = isBoardDragActive;
+		$[32] = t13;
+		$[33] = t14;
 	} else {
-		t12 = $[28];
-		t13 = $[29];
+		t13 = $[32];
+		t14 = $[33];
 	}
-	useEffect(t12, t13);
+	useEffect(t13, t14);
 	const effectiveIsEditable = (tabData.isEditable ?? parentIsEditable ?? false) && tabData.title != null;
 	const effectiveMenu = tabData.menu === null ? null : tabData.menu ?? parentMenu;
-	let t14;
-	if ($[30] !== parentMenuTriggerProps || $[31] !== tabData.menuTriggerProps) {
-		t14 = {
+	let t15;
+	if ($[34] !== parentMenuTriggerProps || $[35] !== tabData.menuTriggerProps) {
+		t15 = {
 			...parentMenuTriggerProps,
 			...tabData.menuTriggerProps
 		};
-		$[30] = parentMenuTriggerProps;
-		$[31] = tabData.menuTriggerProps;
-		$[32] = t14;
-	} else t14 = $[32];
-	const effectiveMenuTriggerProps = t14;
-	let t15;
-	if ($[33] !== parentMenuProps || $[34] !== tabData.menuProps) {
-		t15 = {
+		$[34] = parentMenuTriggerProps;
+		$[35] = tabData.menuTriggerProps;
+		$[36] = t15;
+	} else t15 = $[36];
+	const effectiveMenuTriggerProps = t15;
+	let t16;
+	if ($[37] !== parentMenuProps || $[38] !== tabData.menuProps) {
+		t16 = {
 			...parentMenuProps,
 			...tabData.menuProps
 		};
-		$[33] = parentMenuProps;
-		$[34] = tabData.menuProps;
-		$[35] = t15;
-	} else t15 = $[35];
-	const effectiveMenuProps = t15;
+		$[37] = parentMenuProps;
+		$[38] = tabData.menuProps;
+		$[39] = t16;
+	} else t16 = $[39];
+	const effectiveMenuProps = t16;
 	const effectiveContextMenu = tabData.contextMenu ?? parentContextMenu ?? false;
 	const effectiveType = type ?? "default";
 	const contextMenuEnabled = effectiveContextMenu === true || effectiveContextMenu === "context-only";
 	const contextMenuOnly = effectiveContextMenu === "context-only";
-	let t16;
-	if ($[36] !== contextMenuOnly || $[37] !== effectiveMenu || $[38] !== isDeletable) {
-		t16 = isDeletable && (isMenuEmpty(effectiveMenu) || contextMenuOnly);
-		$[36] = contextMenuOnly;
-		$[37] = effectiveMenu;
-		$[38] = isDeletable;
-		$[39] = t16;
-	} else t16 = $[39];
-	const showDeleteButton = t16;
 	let t17;
-	if ($[40] !== effectiveIsEditable || $[41] !== effectiveMenu || $[42] !== isDeletable) {
-		t17 = effectiveMenu && !isMenuEmpty(effectiveMenu) ? processMenuItems(effectiveMenu, effectiveIsEditable, isDeletable) : null;
-		$[40] = effectiveIsEditable;
+	if ($[40] !== contextMenuOnly || $[41] !== effectiveMenu || $[42] !== isDeletable) {
+		t17 = isDeletable && (isMenuEmpty(effectiveMenu) || contextMenuOnly);
+		$[40] = contextMenuOnly;
 		$[41] = effectiveMenu;
 		$[42] = isDeletable;
 		$[43] = t17;
 	} else t17 = $[43];
-	const processedMenu = t17;
-	const itemKeyStr = String(item.key);
+	const showDeleteButton = t17;
 	let t18;
-	if ($[44] !== itemKeyStr || $[45] !== onDelete) {
-		t18 = () => {
+	if ($[44] !== effectiveIsEditable || $[45] !== effectiveMenu || $[46] !== isDeletable) {
+		t18 = effectiveMenu && !isMenuEmpty(effectiveMenu) ? processMenuItems(effectiveMenu, effectiveIsEditable, isDeletable) : null;
+		$[44] = effectiveIsEditable;
+		$[45] = effectiveMenu;
+		$[46] = isDeletable;
+		$[47] = t18;
+	} else t18 = $[47];
+	const processedMenu = t18;
+	const itemKeyStr = String(item.key);
+	let t19;
+	if ($[48] !== itemKeyStr || $[49] !== onDelete) {
+		t19 = () => {
 			onDelete?.(itemKeyStr);
 		};
-		$[44] = itemKeyStr;
-		$[45] = onDelete;
-		$[46] = t18;
-	} else t18 = $[46];
-	const handleDelete = useEvent(t18);
+		$[48] = itemKeyStr;
+		$[49] = onDelete;
+		$[50] = t19;
+	} else t19 = $[50];
+	const handleDelete = useEvent(t19);
 	const titleString = typeof tabData.title === "string" ? tabData.title : itemKeyStr;
-	let t19;
-	if ($[47] !== effectiveIsEditable || $[48] !== isDisabled || $[49] !== itemKeyStr || $[50] !== startEditing || $[51] !== titleString) {
-		t19 = () => {
+	let t20;
+	if ($[51] !== effectiveIsEditable || $[52] !== isDisabled || $[53] !== itemKeyStr || $[54] !== startEditing || $[55] !== titleString) {
+		t20 = () => {
 			if (!effectiveIsEditable || isDisabled) return;
 			startEditing(itemKeyStr, titleString);
 		};
-		$[47] = effectiveIsEditable;
-		$[48] = isDisabled;
-		$[49] = itemKeyStr;
-		$[50] = startEditing;
-		$[51] = titleString;
-		$[52] = t19;
-	} else t19 = $[52];
-	const handleStartEditing = useEvent(t19);
-	let t20;
-	if ($[53] !== itemKeyStr || $[54] !== submitEditing || $[55] !== tabData.onTitleChange) {
-		t20 = (newTitle) => {
-			submitEditing(itemKeyStr, newTitle, tabData.onTitleChange);
-			setSuppressFocusVisible(true);
-			ref.current?.focus();
-		};
+		$[51] = effectiveIsEditable;
+		$[52] = isDisabled;
 		$[53] = itemKeyStr;
-		$[54] = submitEditing;
-		$[55] = tabData.onTitleChange;
+		$[54] = startEditing;
+		$[55] = titleString;
 		$[56] = t20;
 	} else t20 = $[56];
-	const handleSubmitEditing = useEvent(t20);
+	const handleStartEditing = useEvent(t20);
 	let t21;
-	if ($[57] !== cancelEditing) {
-		t21 = () => {
-			cancelEditing();
+	if ($[57] !== itemKeyStr || $[58] !== submitEditing || $[59] !== tabData.onTitleChange) {
+		t21 = (newTitle) => {
+			submitEditing(itemKeyStr, newTitle, tabData.onTitleChange);
 			setSuppressFocusVisible(true);
 			ref.current?.focus();
 		};
-		$[57] = cancelEditing;
-		$[58] = t21;
-	} else t21 = $[58];
-	const handleCancelEditing = useEvent(t21);
+		$[57] = itemKeyStr;
+		$[58] = submitEditing;
+		$[59] = tabData.onTitleChange;
+		$[60] = t21;
+	} else t21 = $[60];
+	const handleSubmitEditing = useEvent(t21);
 	let t22;
-	if ($[59] !== handleStartEditing || $[60] !== isEditing) {
-		t22 = (editing) => {
-			if (editing && !isEditing) handleStartEditing();
+	if ($[61] !== cancelEditing) {
+		t22 = () => {
+			cancelEditing();
+			setSuppressFocusVisible(true);
+			ref.current?.focus();
 		};
-		$[59] = handleStartEditing;
-		$[60] = isEditing;
-		$[61] = t22;
-	} else t22 = $[61];
-	const handleEditingChange = useEvent(t22);
+		$[61] = cancelEditing;
+		$[62] = t22;
+	} else t22 = $[62];
+	const handleCancelEditing = useEvent(t22);
 	let t23;
-	if ($[62] !== effectiveIsEditable || $[63] !== isDeletable || $[64] !== itemKeyStr || $[65] !== onDelete || $[66] !== parentOnAction || $[67] !== tabData) {
-		t23 = (action) => {
+	if ($[63] !== handleStartEditing || $[64] !== isEditing) {
+		t23 = (editing) => {
+			if (editing && !isEditing) handleStartEditing();
+		};
+		$[63] = handleStartEditing;
+		$[64] = isEditing;
+		$[65] = t23;
+	} else t23 = $[65];
+	const handleEditingChange = useEvent(t23);
+	let t24;
+	if ($[66] !== effectiveIsEditable || $[67] !== isDeletable || $[68] !== itemKeyStr || $[69] !== onDelete || $[70] !== parentOnAction || $[71] !== tabData) {
+		t24 = (action) => {
 			const actionStr = String(action);
 			const normalizedAction = actionStr.startsWith(".$") ? actionStr.slice(2) : actionStr;
 			if (normalizedAction === "rename" && effectiveIsEditable) inlineInputRef.current?.startEditing();
@@ -391,51 +399,51 @@ function TabButton(t0) {
 			tabData.onAction?.(normalizedAction);
 			parentOnAction?.(normalizedAction, itemKeyStr);
 		};
-		$[62] = effectiveIsEditable;
-		$[63] = isDeletable;
-		$[64] = itemKeyStr;
-		$[65] = onDelete;
-		$[66] = parentOnAction;
-		$[67] = tabData;
-		$[68] = t23;
-	} else t23 = $[68];
-	const handleMenuAction = useEvent(t23);
-	let t24;
-	if ($[69] !== effectiveMenuProps || $[70] !== handleMenuAction || $[71] !== processedMenu) {
-		t24 = processedMenu ? /* @__PURE__ */ jsx(__Menu, {
+		$[66] = effectiveIsEditable;
+		$[67] = isDeletable;
+		$[68] = itemKeyStr;
+		$[69] = onDelete;
+		$[70] = parentOnAction;
+		$[71] = tabData;
+		$[72] = t24;
+	} else t24 = $[72];
+	const handleMenuAction = useEvent(t24);
+	let t25;
+	if ($[73] !== effectiveMenuProps || $[74] !== handleMenuAction || $[75] !== processedMenu) {
+		t25 = processedMenu ? /* @__PURE__ */ jsx(__Menu, {
 			...effectiveMenuProps,
 			onAction: handleMenuAction,
 			children: processedMenu
 		}) : null;
-		$[69] = effectiveMenuProps;
-		$[70] = handleMenuAction;
-		$[71] = processedMenu;
-		$[72] = t24;
-	} else t24 = $[72];
-	const menuElement = t24;
+		$[73] = effectiveMenuProps;
+		$[74] = handleMenuAction;
+		$[75] = processedMenu;
+		$[76] = t25;
+	} else t25 = $[76];
+	const menuElement = t25;
 	const menuPopoverPlacement = POPOVER_PLACEMENT_BY_TABS_PLACEMENT[placement];
-	let t25;
-	if ($[73] !== menuPopoverPlacement) {
-		t25 = { placement: menuPopoverPlacement };
-		$[73] = menuPopoverPlacement;
-		$[74] = t25;
-	} else t25 = $[74];
 	let t26;
-	if ($[75] !== effectiveMenuProps || $[76] !== handleMenuAction || $[77] !== processedMenu) {
-		t26 = {
+	if ($[77] !== menuPopoverPlacement) {
+		t26 = { placement: menuPopoverPlacement };
+		$[77] = menuPopoverPlacement;
+		$[78] = t26;
+	} else t26 = $[78];
+	let t27;
+	if ($[79] !== effectiveMenuProps || $[80] !== handleMenuAction || $[81] !== processedMenu) {
+		t27 = {
 			...effectiveMenuProps,
 			onAction: handleMenuAction,
 			children: processedMenu
 		};
-		$[75] = effectiveMenuProps;
-		$[76] = handleMenuAction;
-		$[77] = processedMenu;
-		$[78] = t26;
-	} else t26 = $[78];
-	const contextMenu = useContextMenu(__Menu, t25, t26);
-	let t27;
-	if ($[79] !== contextMenu || $[80] !== contextMenuOnly || $[81] !== effectiveIsEditable || $[82] !== isDeletable || $[83] !== isDisabled || $[84] !== isEditing || $[85] !== itemKeyStr || $[86] !== onDelete || $[87] !== processedMenu || $[88] !== suppressFocusVisible) {
-		t27 = (e) => {
+		$[79] = effectiveMenuProps;
+		$[80] = handleMenuAction;
+		$[81] = processedMenu;
+		$[82] = t27;
+	} else t27 = $[82];
+	const contextMenu = useContextMenu(__Menu, t26, t27);
+	let t28;
+	if ($[83] !== contextMenu || $[84] !== contextMenuOnly || $[85] !== effectiveIsEditable || $[86] !== isDeletable || $[87] !== isDisabled || $[88] !== isEditing || $[89] !== itemKeyStr || $[90] !== onDelete || $[91] !== processedMenu || $[92] !== suppressFocusVisible) {
+		t28 = (e) => {
 			if (suppressFocusVisible) setSuppressFocusVisible(false);
 			if (e.key === "F2" && effectiveIsEditable && !isDisabled) {
 				e.preventDefault();
@@ -453,22 +461,22 @@ function TabButton(t0) {
 				onDelete?.(itemKeyStr);
 			}
 		};
-		$[79] = contextMenu;
-		$[80] = contextMenuOnly;
-		$[81] = effectiveIsEditable;
-		$[82] = isDeletable;
-		$[83] = isDisabled;
-		$[84] = isEditing;
-		$[85] = itemKeyStr;
-		$[86] = onDelete;
-		$[87] = processedMenu;
-		$[88] = suppressFocusVisible;
-		$[89] = t27;
-	} else t27 = $[89];
-	const handleKeyDown = useEvent(t27);
-	let t28;
-	if ($[90] !== effectiveFocusVisible || $[91] !== effectiveType || $[92] !== isActive || $[93] !== isDeletable || $[94] !== isDisabled || $[95] !== isDraggable || $[96] !== isDragging || $[97] !== isDropPending || $[98] !== isEditing || $[99] !== isFocused || $[100] !== isHovered || $[101] !== placement) {
-		t28 = {
+		$[83] = contextMenu;
+		$[84] = contextMenuOnly;
+		$[85] = effectiveIsEditable;
+		$[86] = isDeletable;
+		$[87] = isDisabled;
+		$[88] = isEditing;
+		$[89] = itemKeyStr;
+		$[90] = onDelete;
+		$[91] = processedMenu;
+		$[92] = suppressFocusVisible;
+		$[93] = t28;
+	} else t28 = $[93];
+	const handleKeyDown = useEvent(t28);
+	let t29;
+	if ($[94] !== effectiveFocusVisible || $[95] !== effectiveType || $[96] !== isActive || $[97] !== isDeletable || $[98] !== isDisabled || $[99] !== isDraggable || $[100] !== isDragging || $[101] !== isDropPending || $[102] !== isEditing || $[103] !== isFocused || $[104] !== isHovered || $[105] !== placement) {
+		t29 = {
 			type: effectiveType,
 			placement,
 			active: isActive,
@@ -482,34 +490,34 @@ function TabButton(t0) {
 			dragging: isDragging,
 			"drop-pending": isDropPending
 		};
-		$[90] = effectiveFocusVisible;
-		$[91] = effectiveType;
-		$[92] = isActive;
-		$[93] = isDeletable;
-		$[94] = isDisabled;
-		$[95] = isDraggable;
-		$[96] = isDragging;
-		$[97] = isDropPending;
-		$[98] = isEditing;
-		$[99] = isFocused;
-		$[100] = isHovered;
-		$[101] = placement;
-		$[102] = t28;
-	} else t28 = $[102];
-	const mods = t28;
-	let t29;
-	if ($[103] !== placement) {
-		t29 = () => {
+		$[94] = effectiveFocusVisible;
+		$[95] = effectiveType;
+		$[96] = isActive;
+		$[97] = isDeletable;
+		$[98] = isDisabled;
+		$[99] = isDraggable;
+		$[100] = isDragging;
+		$[101] = isDropPending;
+		$[102] = isEditing;
+		$[103] = isFocused;
+		$[104] = isHovered;
+		$[105] = placement;
+		$[106] = t29;
+	} else t29 = $[106];
+	const mods = t29;
+	let t30;
+	if ($[107] !== placement) {
+		t30 = () => {
 			if (ref.current) scrollTabIntoStrip(ref.current, placement);
 		};
-		$[103] = placement;
-		$[104] = t29;
-	} else t29 = $[104];
-	const keepActiveTabInStrip = useEvent(t29);
-	let t30;
+		$[107] = placement;
+		$[108] = t30;
+	} else t30 = $[108];
+	const keepActiveTabInStrip = useEvent(t30);
 	let t31;
-	if ($[105] !== isActive || $[106] !== keepActiveTabInStrip) {
-		t30 = () => {
+	let t32;
+	if ($[109] !== isActive || $[110] !== keepActiveTabInStrip) {
+		t31 = () => {
 			const tab = ref.current;
 			if (!tab || !isActive) return;
 			tab.scrollIntoView?.({
@@ -530,19 +538,19 @@ function TabButton(t0) {
 			});
 			return stopFollowing;
 		};
-		t31 = [isActive, keepActiveTabInStrip];
-		$[105] = isActive;
-		$[106] = keepActiveTabInStrip;
-		$[107] = t30;
-		$[108] = t31;
+		t32 = [isActive, keepActiveTabInStrip];
+		$[109] = isActive;
+		$[110] = keepActiveTabInStrip;
+		$[111] = t31;
+		$[112] = t32;
 	} else {
-		t30 = $[107];
-		t31 = $[108];
+		t31 = $[111];
+		t32 = $[112];
 	}
-	useEffect(t30, t31);
-	let t32;
-	if ($[109] !== contextMenuOnly || $[110] !== effectiveMenuTriggerProps || $[111] !== isMenuOpen || $[112] !== menuElement || $[113] !== menuPopoverPlacement) {
-		t32 = menuElement && !contextMenuOnly ? /* @__PURE__ */ jsxs(_MenuTrigger, {
+	useEffect(t31, t32);
+	let t33;
+	if ($[113] !== contextMenuOnly || $[114] !== effectiveMenuTriggerProps || $[115] !== isMenuOpen || $[116] !== menuElement || $[117] !== menuPopoverPlacement) {
+		t33 = menuElement && !contextMenuOnly ? /* @__PURE__ */ jsxs(_MenuTrigger, {
 			isOpen: isMenuOpen,
 			placement: menuPopoverPlacement,
 			onOpenChange: setIsMenuOpen,
@@ -552,41 +560,41 @@ function TabButton(t0) {
 				...effectiveMenuTriggerProps
 			}), menuElement]
 		}) : null;
-		$[109] = contextMenuOnly;
-		$[110] = effectiveMenuTriggerProps;
-		$[111] = isMenuOpen;
-		$[112] = menuElement;
-		$[113] = menuPopoverPlacement;
-		$[114] = t32;
-	} else t32 = $[114];
-	const menuAction = t32;
-	let t33;
-	if ($[115] !== handleDelete || $[116] !== showDeleteButton || $[117] !== t) {
-		t33 = showDeleteButton ? /* @__PURE__ */ jsx(ItemAction, {
+		$[113] = contextMenuOnly;
+		$[114] = effectiveMenuTriggerProps;
+		$[115] = isMenuOpen;
+		$[116] = menuElement;
+		$[117] = menuPopoverPlacement;
+		$[118] = t33;
+	} else t33 = $[118];
+	const menuAction = t33;
+	let t34;
+	if ($[119] !== handleDelete || $[120] !== showDeleteButton || $[121] !== t) {
+		t34 = showDeleteButton ? /* @__PURE__ */ jsx(ItemAction, {
 			tabIndex: -1,
 			icon: /* @__PURE__ */ jsx(CloseIcon, {}),
 			tooltip: t("tabs.close", "Close"),
 			onPress: handleDelete
 		}) : null;
-		$[115] = handleDelete;
-		$[116] = showDeleteButton;
-		$[117] = t;
-		$[118] = t33;
-	} else t33 = $[118];
-	const deleteAction = t33;
-	let t34;
-	if ($[119] !== deleteAction || $[120] !== menuAction || $[121] !== tabData.actions) {
-		t34 = tabData.actions || menuAction || deleteAction ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		$[119] = handleDelete;
+		$[120] = showDeleteButton;
+		$[121] = t;
+		$[122] = t34;
+	} else t34 = $[122];
+	const deleteAction = t34;
+	let t35;
+	if ($[123] !== deleteAction || $[124] !== menuAction || $[125] !== tabData.actions) {
+		t35 = tabData.actions || menuAction || deleteAction ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
 			tabData.actions,
 			menuAction,
 			deleteAction
 		] }) : void 0;
-		$[119] = deleteAction;
-		$[120] = menuAction;
-		$[121] = tabData.actions;
-		$[122] = t34;
-	} else t34 = $[122];
-	const actions = t34;
+		$[123] = deleteAction;
+		$[124] = menuAction;
+		$[125] = tabData.actions;
+		$[126] = t35;
+	} else t35 = $[126];
+	const actions = t35;
 	const effectiveSize = tabData.size ?? size ?? "medium";
 	const itemSize = effectiveType === "radio" ? RADIO_SIZE_MAP[effectiveSize === "large" ? "large" : "medium"] : effectiveSize;
 	const itemShape = effectiveType === "file" ? "sharp" : void 0;
@@ -596,46 +604,46 @@ function TabButton(t0) {
 	let qaVal;
 	let styles;
 	let tabTooltip;
-	if ($[123] !== tabData) {
-		const { title: _title, content: _content, key: _key, isDisabled: _isDisabled, prerender: _prerender, keepMounted: _keepMounted, size: _size, actions: _actions, autoHideActions: _autoHideActions, isEditable: _isEditable, onTitleChange: _onTitleChange, menu: _menu, menuTriggerProps: _menuTriggerProps, menuProps: _menuProps, contextMenu: _contextMenu, onAction: _onAction, tooltip: t35, qa: t36, qaVal: t37, styles: t38, ...t39 } = tabData;
-		tabTooltip = t35;
-		qa = t36;
-		qaVal = t37;
-		styles = t38;
-		itemStyleProps = t39;
-		$[123] = tabData;
-		$[124] = itemStyleProps;
-		$[125] = qa;
-		$[126] = qaVal;
-		$[127] = styles;
-		$[128] = tabTooltip;
+	if ($[127] !== tabData) {
+		const { title: _title, content: _content, key: _key, isDisabled: _isDisabled, prerender: _prerender, keepMounted: _keepMounted, size: _size, actions: _actions, autoHideActions: _autoHideActions, isEditable: _isEditable, onTitleChange: _onTitleChange, menu: _menu, menuTriggerProps: _menuTriggerProps, menuProps: _menuProps, contextMenu: _contextMenu, onAction: _onAction, tooltip: t36, qa: t37, qaVal: t38, styles: t39, ...t40 } = tabData;
+		tabTooltip = t36;
+		qa = t37;
+		qaVal = t38;
+		styles = t39;
+		itemStyleProps = t40;
+		$[127] = tabData;
+		$[128] = itemStyleProps;
+		$[129] = qa;
+		$[130] = qaVal;
+		$[131] = styles;
+		$[132] = tabTooltip;
 	} else {
-		itemStyleProps = $[124];
-		qa = $[125];
-		qaVal = $[126];
-		styles = $[127];
-		tabTooltip = $[128];
+		itemStyleProps = $[128];
+		qa = $[129];
+		qaVal = $[130];
+		styles = $[131];
+		tabTooltip = $[132];
 	}
-	let t35;
-	if ($[129] !== tabData.title) {
-		t35 = typeof tabData.title === "string" ? void 0 : () => tabData.title;
-		$[129] = tabData.title;
-		$[130] = t35;
-	} else t35 = $[130];
-	const renderTitleDisplay = t35;
 	let t36;
-	if ($[131] !== effectiveIsEditable || $[132] !== isEditing || $[133] !== renderTitleDisplay || $[134] !== tabTooltip) {
-		t36 = !effectiveIsEditable ? tabTooltip : !renderTitleDisplay ? false : isEditing ? disableTooltip(tabTooltip) : tabTooltip;
-		$[131] = effectiveIsEditable;
-		$[132] = isEditing;
-		$[133] = renderTitleDisplay;
-		$[134] = tabTooltip;
-		$[135] = t36;
-	} else t36 = $[135];
-	const tabElementTooltip = t36;
+	if ($[133] !== tabData.title) {
+		t36 = typeof tabData.title === "string" ? void 0 : () => tabData.title;
+		$[133] = tabData.title;
+		$[134] = t36;
+	} else t36 = $[134];
+	const renderTitleDisplay = t36;
 	let t37;
-	if ($[136] !== editTabTitleLabel || $[137] !== effectiveIsEditable || $[138] !== handleCancelEditing || $[139] !== handleEditingChange || $[140] !== handleSubmitEditing || $[141] !== isDisabled || $[142] !== isEditing || $[143] !== renderTitleDisplay || $[144] !== tabData.title || $[145] !== tabTooltip || $[146] !== titleString) {
-		t37 = effectiveIsEditable ? /* @__PURE__ */ jsx(InlineInput, {
+	if ($[135] !== effectiveIsEditable || $[136] !== isEditing || $[137] !== renderTitleDisplay || $[138] !== tabTooltip) {
+		t37 = !effectiveIsEditable ? tabTooltip : !renderTitleDisplay ? false : isEditing ? disableTooltip(tabTooltip) : tabTooltip;
+		$[135] = effectiveIsEditable;
+		$[136] = isEditing;
+		$[137] = renderTitleDisplay;
+		$[138] = tabTooltip;
+		$[139] = t37;
+	} else t37 = $[139];
+	const tabElementTooltip = t37;
+	let t38;
+	if ($[140] !== editTabTitleLabel || $[141] !== effectiveIsEditable || $[142] !== handleCancelEditing || $[143] !== handleEditingChange || $[144] !== handleSubmitEditing || $[145] !== isDisabled || $[146] !== isEditing || $[147] !== renderTitleDisplay || $[148] !== tabData.title || $[149] !== tabTooltip || $[150] !== titleString) {
+		t38 = effectiveIsEditable ? /* @__PURE__ */ jsx(InlineInput, {
 			ref: inlineInputRef,
 			value: titleString,
 			isEditing,
@@ -649,42 +657,42 @@ function TabButton(t0) {
 			onSubmit: handleSubmitEditing,
 			onCancel: handleCancelEditing
 		}) : tabData.title;
-		$[136] = editTabTitleLabel;
-		$[137] = effectiveIsEditable;
-		$[138] = handleCancelEditing;
-		$[139] = handleEditingChange;
-		$[140] = handleSubmitEditing;
-		$[141] = isDisabled;
-		$[142] = isEditing;
-		$[143] = renderTitleDisplay;
-		$[144] = tabData.title;
-		$[145] = tabTooltip;
-		$[146] = titleString;
-		$[147] = t37;
-	} else t37 = $[147];
-	const titleContent = t37;
+		$[140] = editTabTitleLabel;
+		$[141] = effectiveIsEditable;
+		$[142] = handleCancelEditing;
+		$[143] = handleEditingChange;
+		$[144] = handleSubmitEditing;
+		$[145] = isDisabled;
+		$[146] = isEditing;
+		$[147] = renderTitleDisplay;
+		$[148] = tabData.title;
+		$[149] = tabTooltip;
+		$[150] = titleString;
+		$[151] = t38;
+	} else t38 = $[151];
+	const titleContent = t38;
 	const effectiveContainerRef = contextMenuEnabled && processedMenu ? contextMenu.targetRef : containerRef;
-	let t38;
-	if ($[148] !== processedMenu) {
-		t38 = processedMenu ? { "aria-haspopup": "menu" } : {};
-		$[148] = processedMenu;
-		$[149] = t38;
-	} else t38 = $[149];
-	const ariaProps = t38;
 	let t39;
-	if ($[150] !== effectiveAutoHideActions || $[151] !== mods) {
-		t39 = {
+	if ($[152] !== processedMenu) {
+		t39 = processedMenu ? { "aria-haspopup": "menu" } : {};
+		$[152] = processedMenu;
+		$[153] = t39;
+	} else t39 = $[153];
+	const ariaProps = t39;
+	let t40;
+	if ($[154] !== effectiveAutoHideActions || $[155] !== mods) {
+		t40 = {
 			...mods,
 			"auto-hide-actions": effectiveAutoHideActions
 		};
-		$[150] = effectiveAutoHideActions;
-		$[151] = mods;
-		$[152] = t39;
-	} else t39 = $[152];
-	const containerMods = t39;
-	let t40;
-	if ($[153] !== dropState || $[154] !== isDraggable || $[155] !== item.key) {
-		t40 = isDraggable && dropState && /* @__PURE__ */ jsx(TabDropIndicator, {
+		$[154] = effectiveAutoHideActions;
+		$[155] = mods;
+		$[156] = t40;
+	} else t40 = $[156];
+	const containerMods = t40;
+	let t41;
+	if ($[157] !== dropState || $[158] !== isDraggable || $[159] !== item.key) {
+		t41 = isDraggable && dropState && /* @__PURE__ */ jsx(TabDropIndicator, {
 			target: {
 				type: "item",
 				key: item.key,
@@ -693,16 +701,16 @@ function TabButton(t0) {
 			dropState,
 			position: "before"
 		});
-		$[153] = dropState;
-		$[154] = isDraggable;
-		$[155] = item.key;
-		$[156] = t40;
-	} else t40 = $[156];
-	const t41 = effectiveAutoHideActions && !isActive;
-	let t42;
-	if ($[157] !== actions || $[158] !== ariaProps || $[159] !== clearSpringLoad || $[160] !== effectiveAutoHideActions || $[161] !== focusProps || $[162] !== handleKeyDown || $[163] !== handleSpringLoadEnter || $[164] !== hoverProps || $[165] !== isActive || $[166] !== isDisabled || $[167] !== item.key || $[168] !== itemShape || $[169] !== itemSize || $[170] !== itemStyleProps || $[171] !== mods || $[172] !== qa || $[173] !== qaVal || $[174] !== styles || $[175] !== tabElementTooltip || $[176] !== tabProps || $[177] !== titleContent) {
-		t42 = (t43) => {
-			const { showActions, skipActionsWidthTransition } = t43;
+		$[157] = dropState;
+		$[158] = isDraggable;
+		$[159] = item.key;
+		$[160] = t41;
+	} else t41 = $[160];
+	const t42 = effectiveAutoHideActions && !isActive;
+	let t43;
+	if ($[161] !== actions || $[162] !== ariaProps || $[163] !== clearSpringLoad || $[164] !== effectiveAutoHideActions || $[165] !== focusProps || $[166] !== handleKeyDown || $[167] !== handleSpringLoadEnter || $[168] !== hoverProps || $[169] !== isActive || $[170] !== isDisabled || $[171] !== item.key || $[172] !== itemShape || $[173] !== itemSize || $[174] !== itemStyleProps || $[175] !== mods || $[176] !== qa || $[177] !== qaVal || $[178] !== styles || $[179] !== tabElementTooltip || $[180] !== tabProps || $[181] !== titleContent) {
+		t43 = (t44) => {
+			const { showActions, skipActionsWidthTransition } = t44;
 			return /* @__PURE__ */ jsx(TabElement, {
 				insideWrapper: true,
 				preserveActionsSpace: true,
@@ -732,34 +740,34 @@ function TabButton(t0) {
 				children: titleContent
 			});
 		};
-		$[157] = actions;
-		$[158] = ariaProps;
-		$[159] = clearSpringLoad;
-		$[160] = effectiveAutoHideActions;
-		$[161] = focusProps;
-		$[162] = handleKeyDown;
-		$[163] = handleSpringLoadEnter;
-		$[164] = hoverProps;
-		$[165] = isActive;
-		$[166] = isDisabled;
-		$[167] = item.key;
-		$[168] = itemShape;
-		$[169] = itemSize;
-		$[170] = itemStyleProps;
-		$[171] = mods;
-		$[172] = qa;
-		$[173] = qaVal;
-		$[174] = styles;
-		$[175] = tabElementTooltip;
-		$[176] = tabProps;
-		$[177] = titleContent;
-		$[178] = t42;
-	} else t42 = $[178];
-	let t43;
-	if ($[179] !== actions || $[180] !== isDisabled || $[181] !== itemSize || $[182] !== mods || $[183] !== t41 || $[184] !== t42) {
-		t43 = /* @__PURE__ */ jsx(ItemActionsWrapper, {
+		$[161] = actions;
+		$[162] = ariaProps;
+		$[163] = clearSpringLoad;
+		$[164] = effectiveAutoHideActions;
+		$[165] = focusProps;
+		$[166] = handleKeyDown;
+		$[167] = handleSpringLoadEnter;
+		$[168] = hoverProps;
+		$[169] = isActive;
+		$[170] = isDisabled;
+		$[171] = item.key;
+		$[172] = itemShape;
+		$[173] = itemSize;
+		$[174] = itemStyleProps;
+		$[175] = mods;
+		$[176] = qa;
+		$[177] = qaVal;
+		$[178] = styles;
+		$[179] = tabElementTooltip;
+		$[180] = tabProps;
+		$[181] = titleContent;
+		$[182] = t43;
+	} else t43 = $[182];
+	let t44;
+	if ($[183] !== actions || $[184] !== isDisabled || $[185] !== itemSize || $[186] !== mods || $[187] !== t42 || $[188] !== t43) {
+		t44 = /* @__PURE__ */ jsx(ItemActionsWrapper, {
 			preserveActionsSpace: true,
-			autoHideActions: t41,
+			autoHideActions: t42,
 			type: "clear",
 			theme: "default",
 			size: itemSize,
@@ -767,20 +775,20 @@ function TabButton(t0) {
 			mods,
 			actions,
 			actionsProps: ACTIONS_EVENT_HANDLERS,
-			children: t42
+			children: t43
 		});
-		$[179] = actions;
-		$[180] = isDisabled;
-		$[181] = itemSize;
-		$[182] = mods;
-		$[183] = t41;
-		$[184] = t42;
-		$[185] = t43;
-	} else t43 = $[185];
-	const t44 = contextMenuEnabled && processedMenu && contextMenu.rendered;
-	let t45;
-	if ($[186] !== dropState || $[187] !== isDraggable || $[188] !== isLastTab || $[189] !== item.key) {
-		t45 = isDraggable && dropState && isLastTab && /* @__PURE__ */ jsx(TabDropIndicator, {
+		$[183] = actions;
+		$[184] = isDisabled;
+		$[185] = itemSize;
+		$[186] = mods;
+		$[187] = t42;
+		$[188] = t43;
+		$[189] = t44;
+	} else t44 = $[189];
+	const t45 = contextMenuEnabled && processedMenu && contextMenu.rendered;
+	let t46;
+	if ($[190] !== dropState || $[191] !== isDraggable || $[192] !== isLastTab || $[193] !== item.key) {
+		t46 = isDraggable && dropState && isLastTab && /* @__PURE__ */ jsx(TabDropIndicator, {
 			target: {
 				type: "item",
 				key: item.key,
@@ -789,37 +797,37 @@ function TabButton(t0) {
 			dropState,
 			position: "after"
 		});
-		$[186] = dropState;
-		$[187] = isDraggable;
-		$[188] = isLastTab;
-		$[189] = item.key;
-		$[190] = t45;
-	} else t45 = $[190];
-	let t46;
-	if ($[191] !== containerMods || $[192] !== effectiveContainerRef || $[193] !== effectiveDragProps || $[194] !== itemSize || $[195] !== t40 || $[196] !== t43 || $[197] !== t44 || $[198] !== t45) {
-		t46 = /* @__PURE__ */ jsxs(TabContainer, {
+		$[190] = dropState;
+		$[191] = isDraggable;
+		$[192] = isLastTab;
+		$[193] = item.key;
+		$[194] = t46;
+	} else t46 = $[194];
+	let t47;
+	if ($[195] !== containerMods || $[196] !== effectiveContainerRef || $[197] !== effectiveDragProps || $[198] !== itemSize || $[199] !== t41 || $[200] !== t44 || $[201] !== t45 || $[202] !== t46) {
+		t47 = /* @__PURE__ */ jsxs(TabContainer, {
 			ref: effectiveContainerRef,
 			"data-size": itemSize,
 			mods: containerMods,
 			...effectiveDragProps,
 			children: [
-				t40,
-				t43,
+				t41,
 				t44,
-				t45
+				t45,
+				t46
 			]
 		});
-		$[191] = containerMods;
-		$[192] = effectiveContainerRef;
-		$[193] = effectiveDragProps;
-		$[194] = itemSize;
-		$[195] = t40;
-		$[196] = t43;
-		$[197] = t44;
-		$[198] = t45;
-		$[199] = t46;
-	} else t46 = $[199];
-	return t46;
+		$[195] = containerMods;
+		$[196] = effectiveContainerRef;
+		$[197] = effectiveDragProps;
+		$[198] = itemSize;
+		$[199] = t41;
+		$[200] = t44;
+		$[201] = t45;
+		$[202] = t46;
+		$[203] = t47;
+	} else t47 = $[203];
+	return t47;
 }
 
 //#endregion