@cube-dev/ui-kit 0.182.0 → 0.184.0

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | 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";
@@ -17,7 +17,8 @@ import { POPOVER_PLACEMENT_BY_TABS_PLACEMENT } from "./popover-placement.js";
 import { useTabsContext } from "./TabsContext.js";
 import { TabDropIndicator } from "./TabDropIndicator.js";
 import { RADIO_SIZE_MAP } from "./types.js";
-import { Children, cloneElement, isValidElement, useEffect, useMemo, useRef, useState } from "react";
+import { c } from "react-compiler-runtime";
+import { Children, cloneElement, isValidElement, useEffect, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useDraggableItem, useFocus, useFocusVisible, useHover, useTab } from "react-aria";
 
@@ -86,6 +87,18 @@ function isMenuEmpty(menu) {
 	if (menu === null || menu === void 0) return true;
 	return Children.toArray(menu).length === 0;
 }
+/** The same tooltip, kept mounted but unable to open. */
+function disableTooltip(tooltip) {
+	if (typeof tooltip === "string") return {
+		title: tooltip,
+		isDisabled: true
+	};
+	if (tooltip && typeof tooltip === "object") return {
+		...tooltip,
+		isDisabled: true
+	};
+	return tooltip;
+}
 /**
 * Individual tab button component.
 *
@@ -97,275 +110,652 @@ function isMenuEmpty(menu) {
 * - Drag-and-drop reordering
 * - Focus and hover states
 */
-function TabButton({ item, tabData, isLastTab }) {
+function TabButton(t0) {
+	const $ = c(195);
+	const { item, tabData, isLastTab } = t0;
 	const { t } = useI18n();
-	const editTabTitleLabel = t("tabs.editTabTitle", "Edit tab title");
+	let t1;
+	if ($[0] !== t) {
+		t1 = t("tabs.editTabTitle", "Edit tab title");
+		$[0] = t;
+		$[1] = t1;
+	} else t1 = $[1];
+	const editTabTitleLabel = t1;
 	const { state, type, size, placement, autoHideActions: parentAutoHideActions, isEditable: parentIsEditable, menu: parentMenu, menuTriggerProps: parentMenuTriggerProps, menuProps: parentMenuProps, contextMenu: parentContextMenu, onAction: parentOnAction, onDelete, dragState, dropState, editingKey, startEditing, submitEditing, cancelEditing } = useTabsContext();
 	const ref = useRef(null);
 	const containerRef = useRef(null);
 	const inlineInputRef = useRef(null);
-	const { tabProps } = useTab({ key: item.key }, state, ref);
+	let t2;
+	if ($[2] !== item.key) {
+		t2 = { key: item.key };
+		$[2] = item.key;
+		$[3] = t2;
+	} else t2 = $[3];
+	const { tabProps } = useTab(t2, state, ref);
 	const isDraggable = !!dragState && !!dropState;
-	const mockDragState = useMemo(() => createMockDragState(state.collection, state.selectionManager), [state.collection, state.selectionManager]);
-	const dragResult = useDraggableItem({ key: item.key }, dragState ?? mockDragState);
-	const effectiveDragProps = isDraggable ? dragResult.dragProps : {};
+	let t3;
+	if ($[4] !== state.collection || $[5] !== state.selectionManager) {
+		t3 = createMockDragState(state.collection, state.selectionManager);
+		$[4] = state.collection;
+		$[5] = state.selectionManager;
+		$[6] = t3;
+	} else t3 = $[6];
+	const mockDragState = t3;
+	let t4;
+	if ($[7] !== item.key) {
+		t4 = { key: item.key };
+		$[7] = item.key;
+		$[8] = t4;
+	} else t4 = $[8];
+	const dragResult = useDraggableItem(t4, dragState ?? mockDragState);
+	let t5;
+	if ($[9] !== dragResult || $[10] !== isDraggable) {
+		t5 = isDraggable ? dragResult.dragProps : {};
+		$[9] = dragResult;
+		$[10] = isDraggable;
+		$[11] = t5;
+	} else t5 = $[11];
+	const effectiveDragProps = t5;
 	const isDragging = isDraggable && dragResult.isDragging;
 	const [isMenuOpen, setIsMenuOpen] = useState(false);
-	const { hoverProps, isHovered } = useHover({});
+	let t6;
+	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = {};
+		$[12] = t6;
+	} else t6 = $[12];
+	const { hoverProps, isHovered } = useHover(t6);
 	const [isFocused, setIsFocused] = useState(false);
-	const { focusProps } = useFocus({ onFocusChange: setIsFocused });
+	let t7;
+	if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = { onFocusChange: setIsFocused };
+		$[13] = t7;
+	} else t7 = $[13];
+	const { focusProps } = useFocus(t7);
 	const { isFocusVisible } = useFocusVisible();
 	const [suppressFocusVisible, setSuppressFocusVisible] = useState(false);
 	const effectiveFocusVisible = isFocusVisible && !suppressFocusVisible;
 	const isActive = state.selectedKey === item.key;
-	const isDisabled = state.disabledKeys.has(item.key);
+	let t8;
+	if ($[14] !== item.key || $[15] !== state.disabledKeys) {
+		t8 = state.disabledKeys.has(item.key);
+		$[14] = item.key;
+		$[15] = state.disabledKeys;
+		$[16] = t8;
+	} else t8 = $[16];
+	const isDisabled = t8;
 	const isDeletable = !!onDelete;
 	const isEditing = editingKey === item.key;
 	const isBoardDragActive = useBoardDragActive();
 	const [isDropPending, setIsDropPending] = useState(false);
 	const springLoadTimerRef = useRef(null);
-	const clearSpringLoad = useEvent(() => {
-		if (springLoadTimerRef.current != null) {
-			clearTimeout(springLoadTimerRef.current);
-			springLoadTimerRef.current = null;
-		}
-		setIsDropPending(false);
-	});
-	const handleSpringLoadEnter = useEvent(() => {
-		if (!isBoardDragActive || isActive || isDisabled) return;
-		if (springLoadTimerRef.current != null) return;
-		setIsDropPending(true);
-		springLoadTimerRef.current = window.setTimeout(() => {
-			springLoadTimerRef.current = null;
+	let t9;
+	if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+		t9 = () => {
+			if (springLoadTimerRef.current != null) {
+				clearTimeout(springLoadTimerRef.current);
+				springLoadTimerRef.current = null;
+			}
 			setIsDropPending(false);
-			state.setSelectedKey(item.key);
-		}, SPRING_LOAD_DELAY);
-	});
-	useEffect(() => {
-		if (!isBoardDragActive) clearSpringLoad();
-		return clearSpringLoad;
-	}, [isBoardDragActive, clearSpringLoad]);
+		};
+		$[17] = t9;
+	} else t9 = $[17];
+	const clearSpringLoad = useEvent(t9);
+	let t10;
+	if ($[18] !== isActive || $[19] !== isBoardDragActive || $[20] !== isDisabled || $[21] !== item.key || $[22] !== state) {
+		t10 = () => {
+			if (!isBoardDragActive || isActive || isDisabled) return;
+			if (springLoadTimerRef.current != null) return;
+			setIsDropPending(true);
+			springLoadTimerRef.current = window.setTimeout(() => {
+				springLoadTimerRef.current = null;
+				setIsDropPending(false);
+				state.setSelectedKey(item.key);
+			}, SPRING_LOAD_DELAY);
+		};
+		$[18] = isActive;
+		$[19] = isBoardDragActive;
+		$[20] = isDisabled;
+		$[21] = item.key;
+		$[22] = state;
+		$[23] = t10;
+	} else t10 = $[23];
+	const handleSpringLoadEnter = useEvent(t10);
+	let t11;
+	let t12;
+	if ($[24] !== clearSpringLoad || $[25] !== isBoardDragActive) {
+		t11 = () => {
+			if (!isBoardDragActive) clearSpringLoad();
+			return clearSpringLoad;
+		};
+		t12 = [isBoardDragActive, clearSpringLoad];
+		$[24] = clearSpringLoad;
+		$[25] = isBoardDragActive;
+		$[26] = t11;
+		$[27] = t12;
+	} else {
+		t11 = $[26];
+		t12 = $[27];
+	}
+	useEffect(t11, t12);
 	const effectiveIsEditable = (tabData.isEditable ?? parentIsEditable ?? false) && tabData.title != null;
 	const effectiveMenu = tabData.menu === null ? null : tabData.menu ?? parentMenu;
-	const effectiveMenuTriggerProps = {
-		...parentMenuTriggerProps,
-		...tabData.menuTriggerProps
-	};
-	const effectiveMenuProps = {
-		...parentMenuProps,
-		...tabData.menuProps
-	};
+	let t13;
+	if ($[28] !== parentMenuTriggerProps || $[29] !== tabData.menuTriggerProps) {
+		t13 = {
+			...parentMenuTriggerProps,
+			...tabData.menuTriggerProps
+		};
+		$[28] = parentMenuTriggerProps;
+		$[29] = tabData.menuTriggerProps;
+		$[30] = t13;
+	} else t13 = $[30];
+	const effectiveMenuTriggerProps = t13;
+	let t14;
+	if ($[31] !== parentMenuProps || $[32] !== tabData.menuProps) {
+		t14 = {
+			...parentMenuProps,
+			...tabData.menuProps
+		};
+		$[31] = parentMenuProps;
+		$[32] = tabData.menuProps;
+		$[33] = t14;
+	} else t14 = $[33];
+	const effectiveMenuProps = t14;
 	const effectiveContextMenu = tabData.contextMenu ?? parentContextMenu ?? false;
 	const effectiveType = type ?? "default";
 	const contextMenuEnabled = effectiveContextMenu === true || effectiveContextMenu === "context-only";
 	const contextMenuOnly = effectiveContextMenu === "context-only";
-	const showDeleteButton = isDeletable && (isMenuEmpty(effectiveMenu) || contextMenuOnly);
-	const processedMenu = effectiveMenu && !isMenuEmpty(effectiveMenu) ? processMenuItems(effectiveMenu, effectiveIsEditable, isDeletable) : null;
+	let t15;
+	if ($[34] !== contextMenuOnly || $[35] !== effectiveMenu || $[36] !== isDeletable) {
+		t15 = isDeletable && (isMenuEmpty(effectiveMenu) || contextMenuOnly);
+		$[34] = contextMenuOnly;
+		$[35] = effectiveMenu;
+		$[36] = isDeletable;
+		$[37] = t15;
+	} else t15 = $[37];
+	const showDeleteButton = t15;
+	let t16;
+	if ($[38] !== effectiveIsEditable || $[39] !== effectiveMenu || $[40] !== isDeletable) {
+		t16 = effectiveMenu && !isMenuEmpty(effectiveMenu) ? processMenuItems(effectiveMenu, effectiveIsEditable, isDeletable) : null;
+		$[38] = effectiveIsEditable;
+		$[39] = effectiveMenu;
+		$[40] = isDeletable;
+		$[41] = t16;
+	} else t16 = $[41];
+	const processedMenu = t16;
 	const itemKeyStr = String(item.key);
-	const handleDelete = useEvent(() => {
-		onDelete?.(itemKeyStr);
-	});
+	let t17;
+	if ($[42] !== itemKeyStr || $[43] !== onDelete) {
+		t17 = () => {
+			onDelete?.(itemKeyStr);
+		};
+		$[42] = itemKeyStr;
+		$[43] = onDelete;
+		$[44] = t17;
+	} else t17 = $[44];
+	const handleDelete = useEvent(t17);
 	const titleString = typeof tabData.title === "string" ? tabData.title : itemKeyStr;
-	const handleStartEditing = useEvent(() => {
-		if (!effectiveIsEditable || isDisabled) return;
-		startEditing(itemKeyStr, titleString);
-	});
-	const handleSubmitEditing = useEvent((newTitle) => {
-		submitEditing(itemKeyStr, newTitle, tabData.onTitleChange);
-		setSuppressFocusVisible(true);
-		ref.current?.focus();
-	});
-	const handleCancelEditing = useEvent(() => {
-		cancelEditing();
-		setSuppressFocusVisible(true);
-		ref.current?.focus();
-	});
-	const handleEditingChange = useEvent((editing) => {
-		if (editing && !isEditing) handleStartEditing();
-	});
-	const handleMenuAction = useEvent((action) => {
-		const actionStr = String(action);
-		const normalizedAction = actionStr.startsWith(".$") ? actionStr.slice(2) : actionStr;
-		if (normalizedAction === "rename" && effectiveIsEditable) inlineInputRef.current?.startEditing();
-		if (normalizedAction === "delete" && isDeletable) onDelete?.(itemKeyStr);
-		tabData.onAction?.(normalizedAction);
-		parentOnAction?.(normalizedAction, itemKeyStr);
-	});
-	const menuElement = processedMenu ? /* @__PURE__ */ jsx(__Menu, {
-		...effectiveMenuProps,
-		onAction: handleMenuAction,
-		children: processedMenu
-	}) : null;
+	let t18;
+	if ($[45] !== effectiveIsEditable || $[46] !== isDisabled || $[47] !== itemKeyStr || $[48] !== startEditing || $[49] !== titleString) {
+		t18 = () => {
+			if (!effectiveIsEditable || isDisabled) return;
+			startEditing(itemKeyStr, titleString);
+		};
+		$[45] = effectiveIsEditable;
+		$[46] = isDisabled;
+		$[47] = itemKeyStr;
+		$[48] = startEditing;
+		$[49] = titleString;
+		$[50] = t18;
+	} else t18 = $[50];
+	const handleStartEditing = useEvent(t18);
+	let t19;
+	if ($[51] !== itemKeyStr || $[52] !== submitEditing || $[53] !== tabData.onTitleChange) {
+		t19 = (newTitle) => {
+			submitEditing(itemKeyStr, newTitle, tabData.onTitleChange);
+			setSuppressFocusVisible(true);
+			ref.current?.focus();
+		};
+		$[51] = itemKeyStr;
+		$[52] = submitEditing;
+		$[53] = tabData.onTitleChange;
+		$[54] = t19;
+	} else t19 = $[54];
+	const handleSubmitEditing = useEvent(t19);
+	let t20;
+	if ($[55] !== cancelEditing) {
+		t20 = () => {
+			cancelEditing();
+			setSuppressFocusVisible(true);
+			ref.current?.focus();
+		};
+		$[55] = cancelEditing;
+		$[56] = t20;
+	} else t20 = $[56];
+	const handleCancelEditing = useEvent(t20);
+	let t21;
+	if ($[57] !== handleStartEditing || $[58] !== isEditing) {
+		t21 = (editing) => {
+			if (editing && !isEditing) handleStartEditing();
+		};
+		$[57] = handleStartEditing;
+		$[58] = isEditing;
+		$[59] = t21;
+	} else t21 = $[59];
+	const handleEditingChange = useEvent(t21);
+	let t22;
+	if ($[60] !== effectiveIsEditable || $[61] !== isDeletable || $[62] !== itemKeyStr || $[63] !== onDelete || $[64] !== parentOnAction || $[65] !== tabData) {
+		t22 = (action) => {
+			const actionStr = String(action);
+			const normalizedAction = actionStr.startsWith(".$") ? actionStr.slice(2) : actionStr;
+			if (normalizedAction === "rename" && effectiveIsEditable) inlineInputRef.current?.startEditing();
+			if (normalizedAction === "delete" && isDeletable) onDelete?.(itemKeyStr);
+			tabData.onAction?.(normalizedAction);
+			parentOnAction?.(normalizedAction, itemKeyStr);
+		};
+		$[60] = effectiveIsEditable;
+		$[61] = isDeletable;
+		$[62] = itemKeyStr;
+		$[63] = onDelete;
+		$[64] = parentOnAction;
+		$[65] = tabData;
+		$[66] = t22;
+	} else t22 = $[66];
+	const handleMenuAction = useEvent(t22);
+	let t23;
+	if ($[67] !== effectiveMenuProps || $[68] !== handleMenuAction || $[69] !== processedMenu) {
+		t23 = processedMenu ? /* @__PURE__ */ jsx(__Menu, {
+			...effectiveMenuProps,
+			onAction: handleMenuAction,
+			children: processedMenu
+		}) : null;
+		$[67] = effectiveMenuProps;
+		$[68] = handleMenuAction;
+		$[69] = processedMenu;
+		$[70] = t23;
+	} else t23 = $[70];
+	const menuElement = t23;
 	const menuPopoverPlacement = POPOVER_PLACEMENT_BY_TABS_PLACEMENT[placement];
-	const contextMenu = useContextMenu(__Menu, { placement: menuPopoverPlacement }, {
-		...effectiveMenuProps,
-		onAction: handleMenuAction,
-		children: processedMenu
-	});
-	const handleKeyDown = useEvent((e) => {
-		if (suppressFocusVisible) setSuppressFocusVisible(false);
-		if (e.key === "F2" && effectiveIsEditable && !isDisabled) {
-			e.preventDefault();
-			e.stopPropagation();
-			inlineInputRef.current?.startEditing();
-		}
-		if (e.key === "F10" && e.shiftKey && processedMenu) {
-			e.preventDefault();
-			e.stopPropagation();
-			if (contextMenuOnly) contextMenu.open();
-			else setIsMenuOpen(true);
-		}
-		if ((e.key === "Delete" || e.key === "Backspace") && isDeletable && !isEditing) {
-			e.preventDefault();
-			onDelete?.(itemKeyStr);
-		}
-	});
-	const mods = useMemo(() => ({
-		type: effectiveType,
-		placement,
-		active: isActive,
-		deletable: isDeletable,
-		disabled: isDisabled,
-		editing: isEditing,
-		hovered: isHovered,
-		focused: isFocused,
-		"focus-visible": effectiveFocusVisible,
-		draggable: isDraggable,
-		dragging: isDragging,
-		"drop-pending": isDropPending
-	}), [
-		effectiveType,
-		placement,
-		isActive,
-		isDeletable,
-		isDisabled,
-		isEditing,
-		isHovered,
-		isFocused,
-		effectiveFocusVisible,
-		isDraggable,
-		isDragging,
-		isDropPending
-	]);
-	useEffect(() => {
-		if (ref.current && isActive) ref.current.scrollIntoView?.({
-			block: "nearest",
-			inline: "nearest"
-		});
-	}, [isActive]);
-	const menuAction = menuElement && !contextMenuOnly ? /* @__PURE__ */ jsxs(_MenuTrigger, {
-		isOpen: isMenuOpen,
-		placement: menuPopoverPlacement,
-		onOpenChange: setIsMenuOpen,
-		children: [/* @__PURE__ */ jsx(ItemAction, {
+	let t24;
+	if ($[71] !== menuPopoverPlacement) {
+		t24 = { placement: menuPopoverPlacement };
+		$[71] = menuPopoverPlacement;
+		$[72] = t24;
+	} else t24 = $[72];
+	let t25;
+	if ($[73] !== effectiveMenuProps || $[74] !== handleMenuAction || $[75] !== processedMenu) {
+		t25 = {
+			...effectiveMenuProps,
+			onAction: handleMenuAction,
+			children: processedMenu
+		};
+		$[73] = effectiveMenuProps;
+		$[74] = handleMenuAction;
+		$[75] = processedMenu;
+		$[76] = t25;
+	} else t25 = $[76];
+	const contextMenu = useContextMenu(__Menu, t24, t25);
+	let t26;
+	if ($[77] !== contextMenu || $[78] !== contextMenuOnly || $[79] !== effectiveIsEditable || $[80] !== isDeletable || $[81] !== isDisabled || $[82] !== isEditing || $[83] !== itemKeyStr || $[84] !== onDelete || $[85] !== processedMenu || $[86] !== suppressFocusVisible) {
+		t26 = (e) => {
+			if (suppressFocusVisible) setSuppressFocusVisible(false);
+			if (e.key === "F2" && effectiveIsEditable && !isDisabled) {
+				e.preventDefault();
+				e.stopPropagation();
+				inlineInputRef.current?.startEditing();
+			}
+			if (e.key === "F10" && e.shiftKey && processedMenu) {
+				e.preventDefault();
+				e.stopPropagation();
+				if (contextMenuOnly) contextMenu.open();
+				else setIsMenuOpen(true);
+			}
+			if ((e.key === "Delete" || e.key === "Backspace") && isDeletable && !isEditing) {
+				e.preventDefault();
+				onDelete?.(itemKeyStr);
+			}
+		};
+		$[77] = contextMenu;
+		$[78] = contextMenuOnly;
+		$[79] = effectiveIsEditable;
+		$[80] = isDeletable;
+		$[81] = isDisabled;
+		$[82] = isEditing;
+		$[83] = itemKeyStr;
+		$[84] = onDelete;
+		$[85] = processedMenu;
+		$[86] = suppressFocusVisible;
+		$[87] = t26;
+	} else t26 = $[87];
+	const handleKeyDown = useEvent(t26);
+	let t27;
+	if ($[88] !== effectiveFocusVisible || $[89] !== effectiveType || $[90] !== isActive || $[91] !== isDeletable || $[92] !== isDisabled || $[93] !== isDraggable || $[94] !== isDragging || $[95] !== isDropPending || $[96] !== isEditing || $[97] !== isFocused || $[98] !== isHovered || $[99] !== placement) {
+		t27 = {
+			type: effectiveType,
+			placement,
+			active: isActive,
+			deletable: isDeletable,
+			disabled: isDisabled,
+			editing: isEditing,
+			hovered: isHovered,
+			focused: isFocused,
+			"focus-visible": effectiveFocusVisible,
+			draggable: isDraggable,
+			dragging: isDragging,
+			"drop-pending": isDropPending
+		};
+		$[88] = effectiveFocusVisible;
+		$[89] = effectiveType;
+		$[90] = isActive;
+		$[91] = isDeletable;
+		$[92] = isDisabled;
+		$[93] = isDraggable;
+		$[94] = isDragging;
+		$[95] = isDropPending;
+		$[96] = isEditing;
+		$[97] = isFocused;
+		$[98] = isHovered;
+		$[99] = placement;
+		$[100] = t27;
+	} else t27 = $[100];
+	const mods = t27;
+	let t28;
+	let t29;
+	if ($[101] !== isActive) {
+		t28 = () => {
+			if (ref.current && isActive) ref.current.scrollIntoView?.({
+				block: "nearest",
+				inline: "nearest"
+			});
+		};
+		t29 = [isActive];
+		$[101] = isActive;
+		$[102] = t28;
+		$[103] = t29;
+	} else {
+		t28 = $[102];
+		t29 = $[103];
+	}
+	useEffect(t28, t29);
+	let t30;
+	if ($[104] !== contextMenuOnly || $[105] !== effectiveMenuTriggerProps || $[106] !== isMenuOpen || $[107] !== menuElement || $[108] !== menuPopoverPlacement) {
+		t30 = menuElement && !contextMenuOnly ? /* @__PURE__ */ jsxs(_MenuTrigger, {
+			isOpen: isMenuOpen,
+			placement: menuPopoverPlacement,
+			onOpenChange: setIsMenuOpen,
+			children: [/* @__PURE__ */ jsx(ItemAction, {
+				tabIndex: -1,
+				icon: /* @__PURE__ */ jsx(MoreIcon, {}),
+				...effectiveMenuTriggerProps
+			}), menuElement]
+		}) : null;
+		$[104] = contextMenuOnly;
+		$[105] = effectiveMenuTriggerProps;
+		$[106] = isMenuOpen;
+		$[107] = menuElement;
+		$[108] = menuPopoverPlacement;
+		$[109] = t30;
+	} else t30 = $[109];
+	const menuAction = t30;
+	let t31;
+	if ($[110] !== handleDelete || $[111] !== showDeleteButton || $[112] !== t) {
+		t31 = showDeleteButton ? /* @__PURE__ */ jsx(ItemAction, {
 			tabIndex: -1,
-			icon: /* @__PURE__ */ jsx(MoreIcon, {}),
-			...effectiveMenuTriggerProps
-		}), menuElement]
-	}) : null;
-	const deleteAction = showDeleteButton ? /* @__PURE__ */ jsx(ItemAction, {
-		tabIndex: -1,
-		icon: /* @__PURE__ */ jsx(CloseIcon, {}),
-		tooltip: t("tabs.close", "Close"),
-		onPress: handleDelete
-	}) : null;
-	const actions = tabData.actions || menuAction || deleteAction ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
-		tabData.actions,
-		menuAction,
-		deleteAction
-	] }) : void 0;
+			icon: /* @__PURE__ */ jsx(CloseIcon, {}),
+			tooltip: t("tabs.close", "Close"),
+			onPress: handleDelete
+		}) : null;
+		$[110] = handleDelete;
+		$[111] = showDeleteButton;
+		$[112] = t;
+		$[113] = t31;
+	} else t31 = $[113];
+	const deleteAction = t31;
+	let t32;
+	if ($[114] !== deleteAction || $[115] !== menuAction || $[116] !== tabData.actions) {
+		t32 = tabData.actions || menuAction || deleteAction ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			tabData.actions,
+			menuAction,
+			deleteAction
+		] }) : void 0;
+		$[114] = deleteAction;
+		$[115] = menuAction;
+		$[116] = tabData.actions;
+		$[117] = t32;
+	} else t32 = $[117];
+	const actions = t32;
 	const effectiveSize = tabData.size ?? size ?? "medium";
 	const itemSize = effectiveType === "radio" ? RADIO_SIZE_MAP[effectiveSize === "large" ? "large" : "medium"] : effectiveSize;
-	const itemType = "clear";
 	const itemShape = effectiveType === "file" ? "sharp" : void 0;
 	const effectiveAutoHideActions = tabData.autoHideActions ?? parentAutoHideActions;
-	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: tabTooltip, qa, qaVal, styles, ...itemStyleProps } = tabData;
-	const renderTitleDisplay = typeof tabData.title === "string" ? void 0 : () => tabData.title;
-	const titleContent = effectiveIsEditable ? /* @__PURE__ */ jsx(InlineInput, {
-		ref: inlineInputRef,
-		value: titleString,
-		isEditing,
-		isDisabled,
-		keyboardActivation: false,
-		"aria-label": editTabTitleLabel,
-		styles: INLINE_INPUT_STYLES,
-		renderDisplay: renderTitleDisplay,
-		tooltip: tabTooltip ?? true,
-		onEditingChange: handleEditingChange,
-		onSubmit: handleSubmitEditing,
-		onCancel: handleCancelEditing
-	}) : tabData.title;
+	let itemStyleProps;
+	let qa;
+	let qaVal;
+	let styles;
+	let tabTooltip;
+	if ($[118] !== 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: t33, qa: t34, qaVal: t35, styles: t36, ...t37 } = tabData;
+		tabTooltip = t33;
+		qa = t34;
+		qaVal = t35;
+		styles = t36;
+		itemStyleProps = t37;
+		$[118] = tabData;
+		$[119] = itemStyleProps;
+		$[120] = qa;
+		$[121] = qaVal;
+		$[122] = styles;
+		$[123] = tabTooltip;
+	} else {
+		itemStyleProps = $[119];
+		qa = $[120];
+		qaVal = $[121];
+		styles = $[122];
+		tabTooltip = $[123];
+	}
+	let t33;
+	if ($[124] !== tabData.title) {
+		t33 = typeof tabData.title === "string" ? void 0 : () => tabData.title;
+		$[124] = tabData.title;
+		$[125] = t33;
+	} else t33 = $[125];
+	const renderTitleDisplay = t33;
+	let t34;
+	if ($[126] !== effectiveIsEditable || $[127] !== isEditing || $[128] !== renderTitleDisplay || $[129] !== tabTooltip) {
+		t34 = !effectiveIsEditable ? tabTooltip : !renderTitleDisplay ? false : isEditing ? disableTooltip(tabTooltip) : tabTooltip;
+		$[126] = effectiveIsEditable;
+		$[127] = isEditing;
+		$[128] = renderTitleDisplay;
+		$[129] = tabTooltip;
+		$[130] = t34;
+	} else t34 = $[130];
+	const tabElementTooltip = t34;
+	let t35;
+	if ($[131] !== editTabTitleLabel || $[132] !== effectiveIsEditable || $[133] !== handleCancelEditing || $[134] !== handleEditingChange || $[135] !== handleSubmitEditing || $[136] !== isDisabled || $[137] !== isEditing || $[138] !== renderTitleDisplay || $[139] !== tabData.title || $[140] !== tabTooltip || $[141] !== titleString) {
+		t35 = effectiveIsEditable ? /* @__PURE__ */ jsx(InlineInput, {
+			ref: inlineInputRef,
+			value: titleString,
+			isEditing,
+			isDisabled,
+			keyboardActivation: false,
+			"aria-label": editTabTitleLabel,
+			styles: INLINE_INPUT_STYLES,
+			renderDisplay: renderTitleDisplay,
+			tooltip: tabTooltip ?? true,
+			onEditingChange: handleEditingChange,
+			onSubmit: handleSubmitEditing,
+			onCancel: handleCancelEditing
+		}) : tabData.title;
+		$[131] = editTabTitleLabel;
+		$[132] = effectiveIsEditable;
+		$[133] = handleCancelEditing;
+		$[134] = handleEditingChange;
+		$[135] = handleSubmitEditing;
+		$[136] = isDisabled;
+		$[137] = isEditing;
+		$[138] = renderTitleDisplay;
+		$[139] = tabData.title;
+		$[140] = tabTooltip;
+		$[141] = titleString;
+		$[142] = t35;
+	} else t35 = $[142];
+	const titleContent = t35;
 	const effectiveContainerRef = contextMenuEnabled && processedMenu ? contextMenu.targetRef : containerRef;
-	const ariaProps = processedMenu ? { "aria-haspopup": "menu" } : {};
-	const containerMods = {
-		...mods,
-		"auto-hide-actions": effectiveAutoHideActions
-	};
-	return /* @__PURE__ */ jsxs(TabContainer, {
-		ref: effectiveContainerRef,
-		"data-size": itemSize,
-		mods: containerMods,
-		...effectiveDragProps,
-		children: [
-			isDraggable && dropState && /* @__PURE__ */ jsx(TabDropIndicator, {
-				target: {
-					type: "item",
-					key: item.key,
-					dropPosition: "before"
-				},
-				dropState,
-				position: "before"
-			}),
-			/* @__PURE__ */ jsx(ItemActionsWrapper, {
+	let t36;
+	if ($[143] !== processedMenu) {
+		t36 = processedMenu ? { "aria-haspopup": "menu" } : {};
+		$[143] = processedMenu;
+		$[144] = t36;
+	} else t36 = $[144];
+	const ariaProps = t36;
+	let t37;
+	if ($[145] !== effectiveAutoHideActions || $[146] !== mods) {
+		t37 = {
+			...mods,
+			"auto-hide-actions": effectiveAutoHideActions
+		};
+		$[145] = effectiveAutoHideActions;
+		$[146] = mods;
+		$[147] = t37;
+	} else t37 = $[147];
+	const containerMods = t37;
+	let t38;
+	if ($[148] !== dropState || $[149] !== isDraggable || $[150] !== item.key) {
+		t38 = isDraggable && dropState && /* @__PURE__ */ jsx(TabDropIndicator, {
+			target: {
+				type: "item",
+				key: item.key,
+				dropPosition: "before"
+			},
+			dropState,
+			position: "before"
+		});
+		$[148] = dropState;
+		$[149] = isDraggable;
+		$[150] = item.key;
+		$[151] = t38;
+	} else t38 = $[151];
+	const t39 = effectiveAutoHideActions && !isActive;
+	let t40;
+	if ($[152] !== actions || $[153] !== ariaProps || $[154] !== clearSpringLoad || $[155] !== effectiveAutoHideActions || $[156] !== focusProps || $[157] !== handleKeyDown || $[158] !== handleSpringLoadEnter || $[159] !== hoverProps || $[160] !== isActive || $[161] !== isDisabled || $[162] !== item.key || $[163] !== itemShape || $[164] !== itemSize || $[165] !== itemStyleProps || $[166] !== mods || $[167] !== qa || $[168] !== qaVal || $[169] !== styles || $[170] !== tabElementTooltip || $[171] !== tabProps || $[172] !== titleContent) {
+		t40 = (t41) => {
+			const { showActions } = t41;
+			return /* @__PURE__ */ jsx(TabElement, {
+				insideWrapper: true,
 				preserveActionsSpace: true,
-				autoHideActions: effectiveAutoHideActions && !isActive,
-				type: itemType,
-				theme: "default",
-				size: itemSize,
-				isDisabled,
+				showActions,
+				autoHideActions: effectiveAutoHideActions,
+				as: "button",
+				...mergeProps$1(tabProps, hoverProps, focusProps, {
+					onKeyDown: handleKeyDown,
+					onPointerEnter: handleSpringLoadEnter,
+					onPointerLeave: clearSpringLoad
+				}),
+				...ariaProps,
+				...itemStyleProps,
+				ref,
+				qa: qa ?? `Tab-${String(item.key)}`,
+				qaVal,
+				styles,
 				mods,
-				actions,
-				actionsProps: ACTIONS_EVENT_HANDLERS,
-				children: ({ showActions }) => /* @__PURE__ */ jsx(TabElement, {
-					insideWrapper: true,
-					preserveActionsSpace: true,
-					showActions,
-					autoHideActions: effectiveAutoHideActions,
-					as: "button",
-					...mergeProps$1(tabProps, hoverProps, focusProps, {
-						onKeyDown: handleKeyDown,
-						onPointerEnter: handleSpringLoadEnter,
-						onPointerLeave: clearSpringLoad
-					}),
-					...ariaProps,
-					...itemStyleProps,
-					ref,
-					qa: qa ?? `Tab-${String(item.key)}`,
-					qaVal,
-					styles,
-					mods,
-					isSelected: isActive,
-					isDisabled,
-					size: itemSize,
-					type: itemType,
-					shape: itemShape,
-					actions: actions ? true : void 0,
-					tooltip: effectiveIsEditable ? false : tabTooltip,
-					children: titleContent
-				})
-			}),
-			contextMenuEnabled && processedMenu && contextMenu.rendered,
-			isDraggable && dropState && isLastTab && /* @__PURE__ */ jsx(TabDropIndicator, {
-				target: {
-					type: "item",
-					key: item.key,
-					dropPosition: "after"
-				},
-				dropState,
-				position: "after"
-			})
-		]
-	});
+				isSelected: isActive,
+				isDisabled,
+				size: itemSize,
+				type: "clear",
+				shape: itemShape,
+				actions: actions ? true : void 0,
+				tooltip: tabElementTooltip,
+				children: titleContent
+			});
+		};
+		$[152] = actions;
+		$[153] = ariaProps;
+		$[154] = clearSpringLoad;
+		$[155] = effectiveAutoHideActions;
+		$[156] = focusProps;
+		$[157] = handleKeyDown;
+		$[158] = handleSpringLoadEnter;
+		$[159] = hoverProps;
+		$[160] = isActive;
+		$[161] = isDisabled;
+		$[162] = item.key;
+		$[163] = itemShape;
+		$[164] = itemSize;
+		$[165] = itemStyleProps;
+		$[166] = mods;
+		$[167] = qa;
+		$[168] = qaVal;
+		$[169] = styles;
+		$[170] = tabElementTooltip;
+		$[171] = tabProps;
+		$[172] = titleContent;
+		$[173] = t40;
+	} else t40 = $[173];
+	let t41;
+	if ($[174] !== actions || $[175] !== isDisabled || $[176] !== itemSize || $[177] !== mods || $[178] !== t39 || $[179] !== t40) {
+		t41 = /* @__PURE__ */ jsx(ItemActionsWrapper, {
+			preserveActionsSpace: true,
+			autoHideActions: t39,
+			type: "clear",
+			theme: "default",
+			size: itemSize,
+			isDisabled,
+			mods,
+			actions,
+			actionsProps: ACTIONS_EVENT_HANDLERS,
+			children: t40
+		});
+		$[174] = actions;
+		$[175] = isDisabled;
+		$[176] = itemSize;
+		$[177] = mods;
+		$[178] = t39;
+		$[179] = t40;
+		$[180] = t41;
+	} else t41 = $[180];
+	const t42 = contextMenuEnabled && processedMenu && contextMenu.rendered;
+	let t43;
+	if ($[181] !== dropState || $[182] !== isDraggable || $[183] !== isLastTab || $[184] !== item.key) {
+		t43 = isDraggable && dropState && isLastTab && /* @__PURE__ */ jsx(TabDropIndicator, {
+			target: {
+				type: "item",
+				key: item.key,
+				dropPosition: "after"
+			},
+			dropState,
+			position: "after"
+		});
+		$[181] = dropState;
+		$[182] = isDraggable;
+		$[183] = isLastTab;
+		$[184] = item.key;
+		$[185] = t43;
+	} else t43 = $[185];
+	let t44;
+	if ($[186] !== containerMods || $[187] !== effectiveContainerRef || $[188] !== effectiveDragProps || $[189] !== itemSize || $[190] !== t38 || $[191] !== t41 || $[192] !== t42 || $[193] !== t43) {
+		t44 = /* @__PURE__ */ jsxs(TabContainer, {
+			ref: effectiveContainerRef,
+			"data-size": itemSize,
+			mods: containerMods,
+			...effectiveDragProps,
+			children: [
+				t38,
+				t41,
+				t42,
+				t43
+			]
+		});
+		$[186] = containerMods;
+		$[187] = effectiveContainerRef;
+		$[188] = effectiveDragProps;
+		$[189] = itemSize;
+		$[190] = t38;
+		$[191] = t41;
+		$[192] = t42;
+		$[193] = t43;
+		$[194] = t44;
+	} else t44 = $[194];
+	return t44;
 }
 
 //#endregion