@cube-dev/ui-kit 0.205.0 → 0.206.0

package/dist/components/layout/Panel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.205.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.206.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { c } from "react/compiler-runtime";
 import { BASE_STYLES, BLOCK_STYLES, COLOR_STYLES, DIMENSION_STYLES, OUTER_STYLES, tasty } from "@tenphi/tasty";

package/dist/components/layout/Prefix.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.205.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.206.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useLayoutEffect as useLayoutEffect$1 } from "../../utils/react/useLayoutEffect.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";

package/dist/components/layout/ResizablePanel.js

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

package/dist/components/layout/Space.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.205.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.206.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/layout/Suffix.js

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

package/dist/components/navigation/Pagination/Pagination.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.205.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.206.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/navigation/Pagination/use-pagination.js

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

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.205.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.206.0 | Cube Dev Team */
 import { DraggableCollection } from "../../shared/DraggableCollection.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.205.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.206.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";
@@ -139,7 +139,7 @@ const STRIP_INTERACTION_EVENTS = [
 * - Focus and hover states
 */
 function TabButton(t0) {
-	const $ = c(204);
+	const $ = c(205);
 	const { item, tabData, isLastTab, hasPanel: t1 } = t0;
 	const hasPanel = t1 === void 0 ? true : t1;
 	const { t } = useI18n();
@@ -473,10 +473,12 @@ function TabButton(t0) {
 		$[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 = {
+	const t29 = effectiveType === "radio";
+	let t30;
+	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 || $[106] !== t29) {
+		t30 = {
 			type: effectiveType,
+			segmented: t29,
 			placement,
 			active: isActive,
 			deletable: isDeletable,
@@ -502,21 +504,22 @@ function TabButton(t0) {
 		$[104] = isHovered;
 		$[105] = placement;
 		$[106] = t29;
-	} else t29 = $[106];
-	const mods = t29;
-	let t30;
-	if ($[107] !== placement) {
-		t30 = () => {
+		$[107] = t30;
+	} else t30 = $[107];
+	const mods = t30;
+	let t31;
+	if ($[108] !== placement) {
+		t31 = () => {
 			if (ref.current) scrollTabIntoStrip(ref.current, placement);
 		};
-		$[107] = placement;
-		$[108] = t30;
-	} else t30 = $[108];
-	const keepActiveTabInStrip = useEvent(t30);
-	let t31;
+		$[108] = placement;
+		$[109] = t31;
+	} else t31 = $[109];
+	const keepActiveTabInStrip = useEvent(t31);
 	let t32;
-	if ($[109] !== isActive || $[110] !== keepActiveTabInStrip) {
-		t31 = () => {
+	let t33;
+	if ($[110] !== isActive || $[111] !== keepActiveTabInStrip) {
+		t32 = () => {
 			const tab = ref.current;
 			if (!tab || !isActive) return;
 			tab.scrollIntoView?.({
@@ -537,19 +540,19 @@ function TabButton(t0) {
 			});
 			return stopFollowing;
 		};
-		t32 = [isActive, keepActiveTabInStrip];
-		$[109] = isActive;
-		$[110] = keepActiveTabInStrip;
-		$[111] = t31;
+		t33 = [isActive, keepActiveTabInStrip];
+		$[110] = isActive;
+		$[111] = keepActiveTabInStrip;
 		$[112] = t32;
+		$[113] = t33;
 	} else {
-		t31 = $[111];
 		t32 = $[112];
+		t33 = $[113];
 	}
-	useEffect(t31, t32);
-	let t33;
-	if ($[113] !== contextMenuOnly || $[114] !== effectiveMenuTriggerProps || $[115] !== isMenuOpen || $[116] !== menuElement || $[117] !== menuPopoverPlacement) {
-		t33 = menuElement && !contextMenuOnly ? /* @__PURE__ */ jsxs(_MenuTrigger, {
+	useEffect(t32, t33);
+	let t34;
+	if ($[114] !== contextMenuOnly || $[115] !== effectiveMenuTriggerProps || $[116] !== isMenuOpen || $[117] !== menuElement || $[118] !== menuPopoverPlacement) {
+		t34 = menuElement && !contextMenuOnly ? /* @__PURE__ */ jsxs(_MenuTrigger, {
 			isOpen: isMenuOpen,
 			placement: menuPopoverPlacement,
 			onOpenChange: setIsMenuOpen,
@@ -559,41 +562,41 @@ function TabButton(t0) {
 				...effectiveMenuTriggerProps
 			}), menuElement]
 		}) : null;
-		$[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, {
+		$[114] = contextMenuOnly;
+		$[115] = effectiveMenuTriggerProps;
+		$[116] = isMenuOpen;
+		$[117] = menuElement;
+		$[118] = menuPopoverPlacement;
+		$[119] = t34;
+	} else t34 = $[119];
+	const menuAction = t34;
+	let t35;
+	if ($[120] !== handleDelete || $[121] !== showDeleteButton || $[122] !== t) {
+		t35 = showDeleteButton ? /* @__PURE__ */ jsx(ItemAction, {
 			tabIndex: -1,
 			icon: /* @__PURE__ */ jsx(CloseIcon, {}),
 			tooltip: t("tabs.close", "Close"),
 			onPress: handleDelete
 		}) : null;
-		$[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: [
+		$[120] = handleDelete;
+		$[121] = showDeleteButton;
+		$[122] = t;
+		$[123] = t35;
+	} else t35 = $[123];
+	const deleteAction = t35;
+	let t36;
+	if ($[124] !== deleteAction || $[125] !== menuAction || $[126] !== tabData.actions) {
+		t36 = tabData.actions || menuAction || deleteAction ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
 			tabData.actions,
 			menuAction,
 			deleteAction
 		] }) : void 0;
-		$[123] = deleteAction;
-		$[124] = menuAction;
-		$[125] = tabData.actions;
-		$[126] = t35;
-	} else t35 = $[126];
-	const actions = t35;
+		$[124] = deleteAction;
+		$[125] = menuAction;
+		$[126] = tabData.actions;
+		$[127] = t36;
+	} else t36 = $[127];
+	const actions = t36;
 	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;
@@ -603,46 +606,46 @@ function TabButton(t0) {
 	let qaVal;
 	let styles;
 	let 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;
+	if ($[128] !== 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: t37, qa: t38, qaVal: t39, styles: t40, ...t41 } = tabData;
+		tabTooltip = t37;
+		qa = t38;
+		qaVal = t39;
+		styles = t40;
+		itemStyleProps = t41;
+		$[128] = tabData;
+		$[129] = itemStyleProps;
+		$[130] = qa;
+		$[131] = qaVal;
+		$[132] = styles;
+		$[133] = tabTooltip;
 	} else {
-		itemStyleProps = $[128];
-		qa = $[129];
-		qaVal = $[130];
-		styles = $[131];
-		tabTooltip = $[132];
+		itemStyleProps = $[129];
+		qa = $[130];
+		qaVal = $[131];
+		styles = $[132];
+		tabTooltip = $[133];
 	}
-	let 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 ($[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;
+	if ($[134] !== tabData.title) {
+		t37 = typeof tabData.title === "string" ? void 0 : () => tabData.title;
+		$[134] = tabData.title;
+		$[135] = t37;
+	} else t37 = $[135];
+	const renderTitleDisplay = 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, {
+	if ($[136] !== effectiveIsEditable || $[137] !== isEditing || $[138] !== renderTitleDisplay || $[139] !== tabTooltip) {
+		t38 = !effectiveIsEditable ? tabTooltip : !renderTitleDisplay ? false : isEditing ? disableTooltip(tabTooltip) : tabTooltip;
+		$[136] = effectiveIsEditable;
+		$[137] = isEditing;
+		$[138] = renderTitleDisplay;
+		$[139] = tabTooltip;
+		$[140] = t38;
+	} else t38 = $[140];
+	const tabElementTooltip = t38;
+	let t39;
+	if ($[141] !== editTabTitleLabel || $[142] !== effectiveIsEditable || $[143] !== handleCancelEditing || $[144] !== handleEditingChange || $[145] !== handleSubmitEditing || $[146] !== isDisabled || $[147] !== isEditing || $[148] !== renderTitleDisplay || $[149] !== tabData.title || $[150] !== tabTooltip || $[151] !== titleString) {
+		t39 = effectiveIsEditable ? /* @__PURE__ */ jsx(InlineInput, {
 			ref: inlineInputRef,
 			value: titleString,
 			isEditing,
@@ -656,42 +659,42 @@ function TabButton(t0) {
 			onSubmit: handleSubmitEditing,
 			onCancel: handleCancelEditing
 		}) : tabData.title;
-		$[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;
+		$[141] = editTabTitleLabel;
+		$[142] = effectiveIsEditable;
+		$[143] = handleCancelEditing;
+		$[144] = handleEditingChange;
+		$[145] = handleSubmitEditing;
+		$[146] = isDisabled;
+		$[147] = isEditing;
+		$[148] = renderTitleDisplay;
+		$[149] = tabData.title;
+		$[150] = tabTooltip;
+		$[151] = titleString;
+		$[152] = t39;
+	} else t39 = $[152];
+	const titleContent = t39;
 	const effectiveContainerRef = contextMenuEnabled && processedMenu ? contextMenu.targetRef : containerRef;
-	let 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 = {
+	if ($[153] !== processedMenu) {
+		t40 = processedMenu ? { "aria-haspopup": "menu" } : {};
+		$[153] = processedMenu;
+		$[154] = t40;
+	} else t40 = $[154];
+	const ariaProps = t40;
+	let t41;
+	if ($[155] !== effectiveAutoHideActions || $[156] !== mods) {
+		t41 = {
 			...mods,
 			"auto-hide-actions": effectiveAutoHideActions
 		};
-		$[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, {
+		$[155] = effectiveAutoHideActions;
+		$[156] = mods;
+		$[157] = t41;
+	} else t41 = $[157];
+	const containerMods = t41;
+	let t42;
+	if ($[158] !== dropState || $[159] !== isDraggable || $[160] !== item.key) {
+		t42 = isDraggable && dropState && /* @__PURE__ */ jsx(TabDropIndicator, {
 			target: {
 				type: "item",
 				key: item.key,
@@ -700,16 +703,16 @@ function TabButton(t0) {
 			dropState,
 			position: "before"
 		});
-		$[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;
+		$[158] = dropState;
+		$[159] = isDraggable;
+		$[160] = item.key;
+		$[161] = t42;
+	} else t42 = $[161];
+	const t43 = effectiveAutoHideActions && !isActive;
+	let t44;
+	if ($[162] !== actions || $[163] !== ariaProps || $[164] !== clearSpringLoad || $[165] !== effectiveAutoHideActions || $[166] !== focusProps || $[167] !== handleKeyDown || $[168] !== handleSpringLoadEnter || $[169] !== hoverProps || $[170] !== isActive || $[171] !== isDisabled || $[172] !== item.key || $[173] !== itemShape || $[174] !== itemSize || $[175] !== itemStyleProps || $[176] !== mods || $[177] !== qa || $[178] !== qaVal || $[179] !== styles || $[180] !== tabElementTooltip || $[181] !== tabProps || $[182] !== titleContent) {
+		t44 = (t45) => {
+			const { showActions, skipActionsWidthTransition } = t45;
 			return /* @__PURE__ */ jsx(TabElement, {
 				insideWrapper: true,
 				preserveActionsSpace: true,
@@ -740,34 +743,34 @@ function TabButton(t0) {
 				children: titleContent
 			});
 		};
-		$[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, {
+		$[162] = actions;
+		$[163] = ariaProps;
+		$[164] = clearSpringLoad;
+		$[165] = effectiveAutoHideActions;
+		$[166] = focusProps;
+		$[167] = handleKeyDown;
+		$[168] = handleSpringLoadEnter;
+		$[169] = hoverProps;
+		$[170] = isActive;
+		$[171] = isDisabled;
+		$[172] = item.key;
+		$[173] = itemShape;
+		$[174] = itemSize;
+		$[175] = itemStyleProps;
+		$[176] = mods;
+		$[177] = qa;
+		$[178] = qaVal;
+		$[179] = styles;
+		$[180] = tabElementTooltip;
+		$[181] = tabProps;
+		$[182] = titleContent;
+		$[183] = t44;
+	} else t44 = $[183];
+	let t45;
+	if ($[184] !== actions || $[185] !== isDisabled || $[186] !== itemSize || $[187] !== mods || $[188] !== t43 || $[189] !== t44) {
+		t45 = /* @__PURE__ */ jsx(ItemActionsWrapper, {
 			preserveActionsSpace: true,
-			autoHideActions: t42,
+			autoHideActions: t43,
 			type: "clear",
 			theme: "default",
 			size: itemSize,
@@ -775,20 +778,20 @@ function TabButton(t0) {
 			mods,
 			actions,
 			actionsProps: ACTIONS_EVENT_HANDLERS,
-			children: t43
+			children: t44
 		});
-		$[183] = actions;
-		$[184] = isDisabled;
-		$[185] = itemSize;
-		$[186] = mods;
-		$[187] = t42;
+		$[184] = actions;
+		$[185] = isDisabled;
+		$[186] = itemSize;
+		$[187] = mods;
 		$[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, {
+		$[190] = t45;
+	} else t45 = $[190];
+	const t46 = contextMenuEnabled && processedMenu && contextMenu.rendered;
+	let t47;
+	if ($[191] !== dropState || $[192] !== isDraggable || $[193] !== isLastTab || $[194] !== item.key) {
+		t47 = isDraggable && dropState && isLastTab && /* @__PURE__ */ jsx(TabDropIndicator, {
 			target: {
 				type: "item",
 				key: item.key,
@@ -797,37 +800,37 @@ function TabButton(t0) {
 			dropState,
 			position: "after"
 		});
-		$[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, {
+		$[191] = dropState;
+		$[192] = isDraggable;
+		$[193] = isLastTab;
+		$[194] = item.key;
+		$[195] = t47;
+	} else t47 = $[195];
+	let t48;
+	if ($[196] !== containerMods || $[197] !== effectiveContainerRef || $[198] !== effectiveDragProps || $[199] !== itemSize || $[200] !== t42 || $[201] !== t45 || $[202] !== t46 || $[203] !== t47) {
+		t48 = /* @__PURE__ */ jsxs(TabContainer, {
 			ref: effectiveContainerRef,
 			"data-size": itemSize,
 			mods: containerMods,
 			...effectiveDragProps,
 			children: [
-				t41,
-				t44,
+				t42,
 				t45,
-				t46
+				t46,
+				t47
 			]
 		});
-		$[195] = containerMods;
-		$[196] = effectiveContainerRef;
-		$[197] = effectiveDragProps;
-		$[198] = itemSize;
-		$[199] = t41;
-		$[200] = t44;
+		$[196] = containerMods;
+		$[197] = effectiveContainerRef;
+		$[198] = effectiveDragProps;
+		$[199] = itemSize;
+		$[200] = t42;
 		$[201] = t45;
 		$[202] = t46;
 		$[203] = t47;
-	} else t47 = $[203];
-	return t47;
+		$[204] = t48;
+	} else t48 = $[204];
+	return t48;
 }
 //#endregion
 export { TabButton };