@aloudata/aloudata-design 3.1.6 → 3.2.0-beta.0

package/dist/Tabs/index.js

@@ -3,285 +3,710 @@ import Memo from "../Icon/components/ChevronLeftLine.js";
 import Memo$1 from "../Icon/components/ChevronRightLine.js";
 import Memo$2 from "../Icon/components/CloseLightLine.js";
 import TabPane from "./TabPane.js";
-import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { c } from "react-compiler-runtime";
+import React, { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/Tabs/index.tsx
 function Tabs(props) {
-	const { size, className, adaptHeight, style = {}, monospace: propsMonospace, tabPosition = "top", padding: propsPadding = false, compact, hasDividing = true, items, activeKey: controlledActiveKey, defaultActiveKey, onChange, onTabClick, destroyInactiveTabPane, centered, tabBarExtraContent, headerBackgroundColor, children, type, onEdit, hideAdd, tabBarStyle, "data-testid": dataTestId, "aria-label": ariaLabel } = props;
+	const $ = c(175);
+	const { size, className, adaptHeight, style: t0, monospace: propsMonospace, tabPosition: t1, padding: t2, compact, hasDividing: t3, items, activeKey: controlledActiveKey, defaultActiveKey, onChange, onTabClick, destroyInactiveTabPane, centered, tabBarExtraContent, headerBackgroundColor, children, type, onEdit, hideAdd, tabBarStyle, "data-testid": dataTestId, "aria-label": ariaLabel } = props;
+	let t4;
+	if ($[0] !== t0) {
+		t4 = t0 === void 0 ? {} : t0;
+		$[0] = t0;
+		$[1] = t4;
+	} else t4 = $[1];
+	const style = t4;
+	const tabPosition = t1 === void 0 ? "top" : t1;
+	const propsPadding = t2 === void 0 ? false : t2;
+	const hasDividing = t3 === void 0 ? true : t3;
 	const isEditable = type === "editable-card";
 	const isCard = type === "card" || type === "editable-card";
-	const resolvedItems = useMemo(() => {
-		if (items) return items;
-		return React.Children.toArray(children).filter(React.isValidElement).map((child) => ({
-			key: child.key || child.props.key || "",
-			label: child.props.tab,
-			children: child.props.children,
-			disabled: child.props.disabled,
-			closable: child.props.closable,
-			forceRender: child.props.forceRender
-		}));
-	}, [items, children]);
+	let t5;
+	bb0: {
+		if (items) {
+			t5 = items;
+			break bb0;
+		}
+		let t6;
+		if ($[2] !== children) {
+			t6 = React.Children.toArray(children).filter(React.isValidElement).map(_temp);
+			$[2] = children;
+			$[3] = t6;
+		} else t6 = $[3];
+		t5 = t6;
+	}
+	const resolvedItems = t5;
 	const firstKey = resolvedItems[0]?.key || "";
 	const [innerActiveKey, setInnerActiveKey] = useState(defaultActiveKey || firstKey);
 	const mergedActiveKey = controlledActiveKey !== void 0 ? controlledActiveKey : innerActiveKey;
-	const activeKey = resolvedItems.some((item) => item.key === mergedActiveKey) ? mergedActiveKey : firstKey;
+	let t6;
+	if ($[4] !== firstKey || $[5] !== mergedActiveKey || $[6] !== resolvedItems) {
+		t6 = resolvedItems.some((item) => item.key === mergedActiveKey) ? mergedActiveKey : firstKey;
+		$[4] = firstKey;
+		$[5] = mergedActiveKey;
+		$[6] = resolvedItems;
+		$[7] = t6;
+	} else t6 = $[7];
+	const activeKey = t6;
 	const tabsId = React.useId();
-	const tabRefs = useRef({});
+	let t7;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = {};
+		$[8] = t7;
+	} else t7 = $[8];
+	const tabRefs = useRef(t7);
 	const pendingFocusKeyRef = useRef(null);
-	const getPreferredFocusKey = useCallback((items = resolvedItems) => items.find((item) => item.key === activeKey && !item.disabled)?.key || items.find((item) => !item.disabled)?.key || "", [activeKey, resolvedItems]);
-	const [focusedKey, setFocusedKey] = useState(() => getPreferredFocusKey());
-	const getTabId = (key) => `${tabsId}-tab-${key}`;
-	const getPanelId = (key) => `${tabsId}-panel-${key}`;
-	const focusTab = useCallback((key) => {
-		setFocusedKey(key);
-		tabRefs.current[key]?.focus();
-	}, []);
-	useEffect(() => {
-		const pendingFocusKey = pendingFocusKeyRef.current;
-		if (pendingFocusKey && resolvedItems.some((item) => item.key === pendingFocusKey && !item.disabled)) {
-			pendingFocusKeyRef.current = null;
-			focusTab(pendingFocusKey);
-			return;
-		}
-		setFocusedKey((currentFocusedKey) => {
-			const focusedItem = resolvedItems.find((item) => item.key === currentFocusedKey);
-			return focusedItem && !focusedItem.disabled ? currentFocusedKey : getPreferredFocusKey();
-		});
-	}, [
-		focusTab,
-		getPreferredFocusKey,
-		resolvedItems
-	]);
-	const activateTab = useCallback((key) => {
-		if (controlledActiveKey === void 0) setInnerActiveKey(key);
-		onChange?.(key);
-	}, [controlledActiveKey, onChange]);
-	const handleTabClick = (key, e) => {
-		setFocusedKey(key);
-		activateTab(key);
-		onTabClick?.(key, e);
-	};
-	const handleRemove = (key, e) => {
-		e.stopPropagation();
-		const itemIndex = resolvedItems.findIndex((item) => item.key === key);
-		pendingFocusKeyRef.current = [...resolvedItems.slice(itemIndex + 1), ...resolvedItems.slice(0, itemIndex).reverse()].find((item) => !item.disabled)?.key || null;
-		onEdit?.(key, "remove");
-	};
-	const handleTabKeyDown = (item, e) => {
-		const enabledItems = resolvedItems.filter((candidate) => !candidate.disabled);
-		const currentIndex = enabledItems.findIndex((candidate) => candidate.key === item.key);
-		if (currentIndex === -1) return;
-		let nextIndex;
-		if (!isVertical && e.key === "ArrowRight" || isVertical && e.key === "ArrowDown") nextIndex = (currentIndex + 1) % enabledItems.length;
-		else if (!isVertical && e.key === "ArrowLeft" || isVertical && e.key === "ArrowUp") nextIndex = (currentIndex - 1 + enabledItems.length) % enabledItems.length;
-		else if (e.key === "Home") nextIndex = 0;
-		else if (e.key === "End") nextIndex = enabledItems.length - 1;
-		if (nextIndex !== void 0) {
-			e.preventDefault();
-			focusTab(enabledItems[nextIndex].key);
-			return;
-		}
-		if (e.key === "Enter" || e.key === " ") {
-			e.preventDefault();
-			activateTab(item.key);
+	let t8;
+	if ($[9] !== activeKey || $[10] !== resolvedItems) {
+		t8 = (t9) => {
+			const items_0 = t9 === void 0 ? resolvedItems : t9;
+			return items_0.find((item_1) => item_1.key === activeKey && !item_1.disabled)?.key || items_0.find(_temp2)?.key || "";
+		};
+		$[9] = activeKey;
+		$[10] = resolvedItems;
+		$[11] = t8;
+	} else t8 = $[11];
+	const getPreferredFocusKey = t8;
+	let t9;
+	if ($[12] !== getPreferredFocusKey) {
+		t9 = () => getPreferredFocusKey();
+		$[12] = getPreferredFocusKey;
+		$[13] = t9;
+	} else t9 = $[13];
+	const [focusedKey, setFocusedKey] = useState(t9);
+	let t10;
+	if ($[14] !== tabsId) {
+		t10 = (key) => `${tabsId}-tab-${key}`;
+		$[14] = tabsId;
+		$[15] = t10;
+	} else t10 = $[15];
+	const getTabId = t10;
+	let t11;
+	if ($[16] !== tabsId) {
+		t11 = (key_0) => `${tabsId}-panel-${key_0}`;
+		$[16] = tabsId;
+		$[17] = t11;
+	} else t11 = $[17];
+	const getPanelId = t11;
+	let t12;
+	if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+		t12 = (key_1) => {
+			setFocusedKey(key_1);
+			tabRefs.current[key_1]?.focus();
+		};
+		$[18] = t12;
+	} else t12 = $[18];
+	const focusTab = t12;
+	let t13;
+	let t14;
+	if ($[19] !== getPreferredFocusKey || $[20] !== resolvedItems) {
+		t13 = () => {
+			const pendingFocusKey = pendingFocusKeyRef.current;
+			if (pendingFocusKey && resolvedItems.some((item_2) => item_2.key === pendingFocusKey && !item_2.disabled)) {
+				pendingFocusKeyRef.current = null;
+				focusTab(pendingFocusKey);
+				return;
+			}
+			setFocusedKey((currentFocusedKey) => {
+				const focusedItem = resolvedItems.find((item_3) => item_3.key === currentFocusedKey);
+				return focusedItem && !focusedItem.disabled ? currentFocusedKey : getPreferredFocusKey();
+			});
+		};
+		t14 = [
+			focusTab,
+			getPreferredFocusKey,
+			resolvedItems
+		];
+		$[19] = getPreferredFocusKey;
+		$[20] = resolvedItems;
+		$[21] = t13;
+		$[22] = t14;
+	} else {
+		t13 = $[21];
+		t14 = $[22];
+	}
+	useEffect(t13, t14);
+	let t15;
+	if ($[23] !== controlledActiveKey || $[24] !== onChange) {
+		t15 = (key_2) => {
+			if (controlledActiveKey === void 0) setInnerActiveKey(key_2);
+			onChange?.(key_2);
+		};
+		$[23] = controlledActiveKey;
+		$[24] = onChange;
+		$[25] = t15;
+	} else t15 = $[25];
+	const activateTab = t15;
+	let t16;
+	if ($[26] !== activateTab || $[27] !== onTabClick) {
+		t16 = (key_3, e) => {
+			setFocusedKey(key_3);
+			activateTab(key_3);
+			onTabClick?.(key_3, e);
+		};
+		$[26] = activateTab;
+		$[27] = onTabClick;
+		$[28] = t16;
+	} else t16 = $[28];
+	const handleTabClick = t16;
+	let t17;
+	if ($[29] !== onEdit || $[30] !== resolvedItems) {
+		t17 = (key_4, e_0) => {
+			e_0.stopPropagation();
+			const itemIndex = resolvedItems.findIndex((item_4) => item_4.key === key_4);
+			pendingFocusKeyRef.current = [...resolvedItems.slice(itemIndex + 1), ...resolvedItems.slice(0, itemIndex).reverse()].find(_temp3)?.key || null;
+			onEdit?.(key_4, "remove");
+		};
+		$[29] = onEdit;
+		$[30] = resolvedItems;
+		$[31] = t17;
+	} else t17 = $[31];
+	const handleRemove = t17;
+	let handleAdd;
+	let handleTabKeyDown;
+	let isBottom;
+	let isLeft;
+	let isRight;
+	let isTop;
+	let isVertical;
+	let monospace;
+	let paddingVal;
+	if ($[32] !== activateTab || $[33] !== onEdit || $[34] !== propsMonospace || $[35] !== propsPadding || $[36] !== resolvedItems || $[37] !== tabPosition) {
+		let t18;
+		if ($[47] !== activateTab || $[48] !== resolvedItems) {
+			t18 = (item_6, e_1) => {
+				const enabledItems = resolvedItems.filter(_temp4);
+				const currentIndex = enabledItems.findIndex((candidate_0) => candidate_0.key === item_6.key);
+				if (currentIndex === -1) return;
+				let nextIndex;
+				if (!isVertical && e_1.key === "ArrowRight" || isVertical && e_1.key === "ArrowDown") nextIndex = (currentIndex + 1) % enabledItems.length;
+				else if (!isVertical && e_1.key === "ArrowLeft" || isVertical && e_1.key === "ArrowUp") nextIndex = (currentIndex - 1 + enabledItems.length) % enabledItems.length;
+				else if (e_1.key === "Home") nextIndex = 0;
+				else if (e_1.key === "End") nextIndex = enabledItems.length - 1;
+				if (nextIndex !== void 0) {
+					e_1.preventDefault();
+					focusTab(enabledItems[nextIndex].key);
+					return;
+				}
+				if (e_1.key === "Enter" || e_1.key === " ") {
+					e_1.preventDefault();
+					activateTab(item_6.key);
+				}
+			};
+			$[47] = activateTab;
+			$[48] = resolvedItems;
+			$[49] = t18;
+		} else t18 = $[49];
+		handleTabKeyDown = t18;
+		let t19;
+		if ($[50] !== onEdit) {
+			t19 = (e_2) => {
+				onEdit?.(e_2, "add");
+			};
+			$[50] = onEdit;
+			$[51] = t19;
+		} else t19 = $[51];
+		handleAdd = t19;
+		monospace = tabPosition !== "top" ? false : propsMonospace;
+		let t20;
+		bb1: {
+			if (tabPosition !== "top") {
+				t20 = 0;
+				break bb1;
+			}
+			if (typeof propsPadding === "number") {
+				t20 = propsPadding;
+				break bb1;
+			}
+			if (typeof propsPadding === "boolean" && propsPadding) {
+				t20 = 20;
+				break bb1;
+			}
+			t20 = 0;
 		}
-	};
-	const handleAdd = (e) => {
-		onEdit?.(e, "add");
-	};
-	const monospace = tabPosition !== "top" ? false : propsMonospace;
-	const paddingVal = useMemo(() => {
-		if (tabPosition !== "top") return 0;
-		if (typeof propsPadding === "number") return propsPadding;
-		if (typeof propsPadding === "boolean" && propsPadding) return 20;
-		return 0;
-	}, [propsPadding, tabPosition]);
-	const isTop = tabPosition === "top";
-	const isBottom = tabPosition === "bottom";
-	const isLeft = tabPosition === "left";
-	const isRight = tabPosition === "right";
-	const isVertical = tabPosition === "left" || tabPosition === "right";
+		paddingVal = t20;
+		isTop = tabPosition === "top";
+		isBottom = tabPosition === "bottom";
+		isLeft = tabPosition === "left";
+		isRight = tabPosition === "right";
+		isVertical = tabPosition === "left" || tabPosition === "right";
+		$[32] = activateTab;
+		$[33] = onEdit;
+		$[34] = propsMonospace;
+		$[35] = propsPadding;
+		$[36] = resolvedItems;
+		$[37] = tabPosition;
+		$[38] = handleAdd;
+		$[39] = handleTabKeyDown;
+		$[40] = isBottom;
+		$[41] = isLeft;
+		$[42] = isRight;
+		$[43] = isTop;
+		$[44] = isVertical;
+		$[45] = monospace;
+		$[46] = paddingVal;
+	} else {
+		handleAdd = $[38];
+		handleTabKeyDown = $[39];
+		isBottom = $[40];
+		isLeft = $[41];
+		isRight = $[42];
+		isTop = $[43];
+		isVertical = $[44];
+		monospace = $[45];
+		paddingVal = $[46];
+	}
 	const rootDirectionClass = isRight ? "tw-flex-row-reverse" : isLeft ? "tw-flex-row" : isBottom ? "tw-flex-col-reverse" : "tw-flex-col";
 	const extraLeft = tabBarExtraContent && typeof tabBarExtraContent === "object" && "left" in tabBarExtraContent ? tabBarExtraContent.left : null;
 	const extraRight = tabBarExtraContent ? typeof tabBarExtraContent === "object" && "right" in tabBarExtraContent ? tabBarExtraContent.right : React.isValidElement(tabBarExtraContent) ? tabBarExtraContent : null : null;
 	const navListRef = useRef(null);
 	const [canScrollLeft, setCanScrollLeft] = useState(false);
 	const [canScrollRight, setCanScrollRight] = useState(false);
-	const checkScroll = useCallback(() => {
-		const el = navListRef.current;
-		if (!el || isVertical) {
-			setCanScrollLeft(false);
-			setCanScrollRight(false);
-			return;
-		}
-		const { scrollLeft, scrollWidth, clientWidth } = el;
-		setCanScrollLeft(scrollLeft > 1);
-		setCanScrollRight(scrollLeft + clientWidth < scrollWidth - 1);
-	}, [isVertical]);
-	useEffect(() => {
-		checkScroll();
-		const el = navListRef.current;
-		if (!el) return;
-		let ro;
-		if (typeof ResizeObserver !== "undefined") {
-			ro = new ResizeObserver(() => checkScroll());
-			ro.observe(el);
-		}
-		el.addEventListener("scroll", checkScroll, { passive: true });
-		return () => {
-			el.removeEventListener("scroll", checkScroll);
-			ro?.disconnect();
+	let t18;
+	if ($[52] !== isVertical) {
+		t18 = () => {
+			const el = navListRef.current;
+			if (!el || isVertical) {
+				setCanScrollLeft(false);
+				setCanScrollRight(false);
+				return;
+			}
+			const { scrollLeft, scrollWidth, clientWidth } = el;
+			setCanScrollLeft(scrollLeft > 1);
+			setCanScrollRight(scrollLeft + clientWidth < scrollWidth - 1);
 		};
-	}, [checkScroll, resolvedItems.length]);
-	const scrollBy = (delta) => {
-		const el = navListRef.current;
-		if (el) el.scrollBy({
-			left: delta,
-			behavior: "smooth"
-		});
-	};
+		$[52] = isVertical;
+		$[53] = t18;
+	} else t18 = $[53];
+	const checkScroll = t18;
+	let t19;
+	if ($[54] !== checkScroll) {
+		t19 = () => {
+			checkScroll();
+			const el_0 = navListRef.current;
+			if (!el_0) return;
+			let ro;
+			if (typeof ResizeObserver !== "undefined") {
+				ro = new ResizeObserver(() => checkScroll());
+				ro.observe(el_0);
+			}
+			el_0.addEventListener("scroll", checkScroll, { passive: true });
+			return () => {
+				el_0.removeEventListener("scroll", checkScroll);
+				ro?.disconnect();
+			};
+		};
+		$[54] = checkScroll;
+		$[55] = t19;
+	} else t19 = $[55];
+	let t20;
+	if ($[56] !== checkScroll || $[57] !== resolvedItems.length) {
+		t20 = [checkScroll, resolvedItems.length];
+		$[56] = checkScroll;
+		$[57] = resolvedItems.length;
+		$[58] = t20;
+	} else t20 = $[58];
+	useEffect(t19, t20);
+	let t21;
+	if ($[59] === Symbol.for("react.memo_cache_sentinel")) {
+		t21 = (delta) => {
+			const el_1 = navListRef.current;
+			if (el_1) el_1.scrollBy({
+				left: delta,
+				behavior: "smooth"
+			});
+		};
+		$[59] = t21;
+	} else t21 = $[59];
+	const scrollBy = t21;
 	const showScrollButtons = canScrollLeft || canScrollRight;
-	return /* @__PURE__ */ jsxs("div", {
-		"data-testid": dataTestId,
-		className: cn("ald-tabs ant-tabs tw-flex", rootDirectionClass, adaptHeight && "ald-adapt-height tw-h-full", size !== "small" && "ald-tabs-default", monospace && "ald-tabs-monospace", compact && "ald-tabs-compact", !hasDividing && "ald-tabs-no-dividing", className),
-		style: {
+	const t22 = adaptHeight && "ald-adapt-height tw-h-full";
+	const t23 = size !== "small" && "ald-tabs-default";
+	const t24 = monospace && "ald-tabs-monospace";
+	const t25 = compact && "ald-tabs-compact";
+	const t26 = !hasDividing && "ald-tabs-no-dividing";
+	let t27;
+	if ($[60] !== className || $[61] !== rootDirectionClass || $[62] !== t22 || $[63] !== t23 || $[64] !== t24 || $[65] !== t25 || $[66] !== t26) {
+		t27 = cn("ald-tabs ant-tabs tw-flex", rootDirectionClass, t22, t23, t24, t25, t26, className);
+		$[60] = className;
+		$[61] = rootDirectionClass;
+		$[62] = t22;
+		$[63] = t23;
+		$[64] = t24;
+		$[65] = t25;
+		$[66] = t26;
+		$[67] = t27;
+	} else t27 = $[67];
+	const t28 = `${paddingVal}px`;
+	let t29;
+	if ($[68] !== headerBackgroundColor || $[69] !== style || $[70] !== t28) {
+		t29 = {
 			...style,
 			"--header-bg-color": headerBackgroundColor,
-			"--tabs-padding": `${paddingVal}px`
-		},
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: cn("ald-tabs-nav ant-tabs-nav tw-flex", isVertical ? "tw-shrink-0 tw-items-stretch" : "tw-items-center", isTop && "tw-mb-5", isBottom && "tw-mt-5", isTop && hasDividing && "tw-border-0 tw-border-b tw-border-solid tw-border-b-[var(--border-default)]", isBottom && hasDividing && "tw-border-0 tw-border-t tw-border-solid tw-border-t-[var(--border-default)]", isTop && compact && "!tw-mb-0", isBottom && compact && "!tw-mt-0", isLeft && "tw-flex-col tw-border-0 tw-border-r tw-border-solid tw-border-r-[var(--border-default)]", isRight && "tw-flex-col tw-border-0 tw-border-l tw-border-solid tw-border-l-[var(--border-default)]"),
-			style: headerBackgroundColor || tabBarStyle ? {
-				...tabBarStyle,
-				...headerBackgroundColor ? { backgroundColor: headerBackgroundColor } : {}
-			} : void 0,
-			children: [
-				extraLeft,
-				showScrollButtons && !isVertical && /* @__PURE__ */ jsx("button", {
-					type: "button",
-					className: cn("ald-tabs-scroll-btn tw-flex tw-shrink-0 tw-items-center tw-justify-center tw-border-none tw-bg-[var(--action-ghost-normal)] tw-p-1 tw-text-[var(--content-secondary)] tw-transition-colors hover:tw-text-[var(--content-primary)]", !canScrollLeft && "tw-invisible"),
-					onClick: () => scrollBy(-200),
-					"aria-label": "Scroll tabs left",
-					children: /* @__PURE__ */ jsx(Memo, { size: 16 })
-				}),
-				/* @__PURE__ */ jsx("div", {
-					className: cn("ald-tabs-nav-wrap ant-tabs-nav-wrap", isVertical ? "tw-w-full tw-shrink-0 tw-self-stretch" : "tw-min-w-0 tw-flex-1"),
-					style: paddingVal ? { margin: `0 ${paddingVal}px` } : void 0,
-					children: /* @__PURE__ */ jsx("div", {
-						ref: navListRef,
-						role: "tablist",
-						"aria-label": ariaLabel,
-						"aria-orientation": isVertical ? "vertical" : "horizontal",
-						onBlur: (e) => {
-							if (!e.currentTarget.contains(e.relatedTarget)) setFocusedKey(getPreferredFocusKey());
+			"--tabs-padding": t28
+		};
+		$[68] = headerBackgroundColor;
+		$[69] = style;
+		$[70] = t28;
+		$[71] = t29;
+	} else t29 = $[71];
+	const t30 = t29;
+	const t31 = isVertical ? "tw-shrink-0 tw-items-stretch" : "tw-items-center";
+	const t32 = isTop && "tw-mb-5";
+	const t33 = isBottom && "tw-mt-5";
+	const t34 = isTop && hasDividing && "tw-border-0 tw-border-b tw-border-solid tw-border-b-[var(--border-default)]";
+	const t35 = isBottom && hasDividing && "tw-border-0 tw-border-t tw-border-solid tw-border-t-[var(--border-default)]";
+	const t36 = isTop && compact && "!tw-mb-0";
+	const t37 = isBottom && compact && "!tw-mt-0";
+	const t38 = isLeft && "tw-flex-col tw-border-0 tw-border-r tw-border-solid tw-border-r-[var(--border-default)]";
+	const t39 = isRight && "tw-flex-col tw-border-0 tw-border-l tw-border-solid tw-border-l-[var(--border-default)]";
+	let t40;
+	if ($[72] !== t31 || $[73] !== t32 || $[74] !== t33 || $[75] !== t34 || $[76] !== t35 || $[77] !== t36 || $[78] !== t37 || $[79] !== t38 || $[80] !== t39) {
+		t40 = cn("ald-tabs-nav ant-tabs-nav tw-flex", t31, t32, t33, t34, t35, t36, t37, t38, t39);
+		$[72] = t31;
+		$[73] = t32;
+		$[74] = t33;
+		$[75] = t34;
+		$[76] = t35;
+		$[77] = t36;
+		$[78] = t37;
+		$[79] = t38;
+		$[80] = t39;
+		$[81] = t40;
+	} else t40 = $[81];
+	let t41;
+	if ($[82] !== headerBackgroundColor || $[83] !== tabBarStyle) {
+		t41 = headerBackgroundColor || tabBarStyle ? {
+			...tabBarStyle,
+			...headerBackgroundColor ? { backgroundColor: headerBackgroundColor } : {}
+		} : void 0;
+		$[82] = headerBackgroundColor;
+		$[83] = tabBarStyle;
+		$[84] = t41;
+	} else t41 = $[84];
+	let t42;
+	if ($[85] !== canScrollLeft || $[86] !== isVertical || $[87] !== showScrollButtons) {
+		t42 = showScrollButtons && !isVertical && /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: cn("ald-tabs-scroll-btn tw-flex tw-shrink-0 tw-items-center tw-justify-center tw-border-none tw-bg-[var(--action-ghost-normal)] tw-p-1 tw-text-[var(--content-secondary)] tw-transition-colors hover:tw-text-[var(--content-primary)]", !canScrollLeft && "tw-invisible"),
+			onClick: () => scrollBy(-200),
+			"aria-label": "Scroll tabs left",
+			children: /* @__PURE__ */ jsx(Memo, { size: 16 })
+		});
+		$[85] = canScrollLeft;
+		$[86] = isVertical;
+		$[87] = showScrollButtons;
+		$[88] = t42;
+	} else t42 = $[88];
+	const t43 = isVertical ? "tw-w-full tw-shrink-0 tw-self-stretch" : "tw-min-w-0 tw-flex-1";
+	let t44;
+	if ($[89] !== t43) {
+		t44 = cn("ald-tabs-nav-wrap ant-tabs-nav-wrap", t43);
+		$[89] = t43;
+		$[90] = t44;
+	} else t44 = $[90];
+	let t45;
+	if ($[91] !== paddingVal) {
+		t45 = paddingVal ? { margin: `0 ${paddingVal}px` } : void 0;
+		$[91] = paddingVal;
+		$[92] = t45;
+	} else t45 = $[92];
+	const t46 = isVertical ? "vertical" : "horizontal";
+	let t47;
+	if ($[93] !== getPreferredFocusKey) {
+		t47 = (e_3) => {
+			if (!e_3.currentTarget.contains(e_3.relatedTarget)) setFocusedKey(getPreferredFocusKey());
+		};
+		$[93] = getPreferredFocusKey;
+		$[94] = t47;
+	} else t47 = $[94];
+	const t48 = isVertical && "tw-w-full tw-shrink-0 tw-flex-col tw-self-stretch";
+	const t49 = centered && !isVertical && "tw-justify-center";
+	const t50 = monospace && "[&>*]:tw-flex-1";
+	const t51 = isCard ? "tw-gap-1" : !isVertical && !monospace && "tw-gap-8";
+	let t52;
+	if ($[95] !== t48 || $[96] !== t49 || $[97] !== t50 || $[98] !== t51) {
+		t52 = cn("ald-tabs-nav-list ant-tabs-nav-list tw-flex tw-overflow-hidden", t48, t49, t50, t51);
+		$[95] = t48;
+		$[96] = t49;
+		$[97] = t50;
+		$[98] = t51;
+		$[99] = t52;
+	} else t52 = $[99];
+	let t53;
+	if ($[100] !== isVertical) {
+		t53 = !isVertical ? {
+			scrollbarWidth: "none",
+			msOverflowStyle: "none"
+		} : void 0;
+		$[100] = isVertical;
+		$[101] = t53;
+	} else t53 = $[101];
+	let t54;
+	if ($[102] !== activeKey || $[103] !== focusedKey || $[104] !== getPanelId || $[105] !== getTabId || $[106] !== handleRemove || $[107] !== handleTabClick || $[108] !== handleTabKeyDown || $[109] !== isBottom || $[110] !== isCard || $[111] !== isEditable || $[112] !== isLeft || $[113] !== isRight || $[114] !== isTop || $[115] !== isVertical || $[116] !== monospace || $[117] !== resolvedItems || $[118] !== size) {
+		t54 = resolvedItems.map((item_7) => {
+			const isActive = activeKey === item_7.key;
+			const showClose = isEditable && item_7.closable !== false;
+			const closeLabel = typeof item_7.label === "string" || typeof item_7.label === "number" ? `Remove ${item_7.label}` : "Remove tab";
+			return /* @__PURE__ */ jsxs("div", {
+				className: cn("ald-tabs-tab ant-tabs-tab tw-relative tw-flex tw-shrink-0 tw-items-center tw-gap-2 tw-whitespace-nowrap tw-transition-colors", isVertical && "tw-w-full tw-self-stretch", isCard ? cn("tw-h-10 tw-rounded-t-[6px] tw-border tw-border-b-0 tw-border-solid tw-px-4 tw-text-sm tw-leading-5", "tw-gap-sp-75", isActive ? "tw-border-[var(--border-default)] tw-bg-[var(--background-default)] tw-font-medium tw-text-[var(--content-brand-primary)]" : "tw-border-[var(--border-default)] tw-bg-[var(--background-default)] tw-text-[var(--content-secondary)] hover:tw-text-inherit") : cn(size === "small" ? "tw-py-2 tw-text-xs tw-leading-4" : "tw-py-2.5 tw-text-sm tw-leading-5", monospace && "tw-justify-center", isActive ? "tw-font-medium tw-text-[var(--content-brand-primary)]" : "tw-font-medium tw-text-[var(--content-secondary)] hover:tw-text-inherit"), item_7.disabled && "tw-pointer-events-none tw-cursor-default tw-opacity-50", !item_7.disabled && [
+					"has-[.ald-tabs-tab-trigger:focus-visible]:tw-shadow-[inset_0_0_0_2px_var(--focus-ring)]",
+					"forced-colors:has-[.ald-tabs-tab-trigger:focus-visible]:tw-outline",
+					"forced-colors:has-[.ald-tabs-tab-trigger:focus-visible]:tw-outline-2",
+					"forced-colors:has-[.ald-tabs-tab-trigger:focus-visible]:tw-outline-offset-[-2px]",
+					"forced-colors:has-[.ald-tabs-tab-trigger:focus-visible]:tw-outline-[Highlight]"
+				]),
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						ref: (node) => {
+							tabRefs.current[item_7.key] = node;
 						},
-						className: cn("ald-tabs-nav-list ant-tabs-nav-list tw-flex tw-overflow-hidden", isVertical && "tw-w-full tw-shrink-0 tw-flex-col tw-self-stretch", centered && !isVertical && "tw-justify-center", monospace && "[&>*]:tw-flex-1", isCard ? "tw-gap-1" : !isVertical && !monospace && "tw-gap-8"),
-						style: !isVertical ? {
-							scrollbarWidth: "none",
-							msOverflowStyle: "none"
-						} : void 0,
-						children: resolvedItems.map((item) => {
-							const isActive = activeKey === item.key;
-							const showClose = isEditable && item.closable !== false;
-							const closeLabel = typeof item.label === "string" || typeof item.label === "number" ? `Remove ${item.label}` : "Remove tab";
-							return /* @__PURE__ */ jsxs("div", {
-								className: cn("ald-tabs-tab ant-tabs-tab tw-relative tw-flex tw-shrink-0 tw-items-center tw-gap-2 tw-whitespace-nowrap tw-transition-colors", isVertical && "tw-w-full tw-self-stretch", isCard ? cn("tw-h-10 tw-rounded-t-[6px] tw-border tw-border-b-0 tw-border-solid tw-px-4 tw-text-sm tw-leading-5", "tw-gap-sp-75", isActive ? "tw-border-[var(--border-default)] tw-bg-[var(--background-default)] tw-font-medium tw-text-[var(--content-brand-primary)]" : "tw-border-[var(--border-default)] tw-bg-[var(--background-default)] tw-text-[var(--content-secondary)] hover:tw-text-inherit") : cn(size === "small" ? "tw-py-2 tw-text-xs tw-leading-4" : "tw-py-2.5 tw-text-sm tw-leading-5", monospace && "tw-justify-center", isActive ? "tw-font-medium tw-text-[var(--content-brand-primary)]" : "tw-font-medium tw-text-[var(--content-secondary)] hover:tw-text-inherit"), item.disabled && "tw-pointer-events-none tw-cursor-default tw-opacity-50", !item.disabled && [
-									"has-[.ald-tabs-tab-trigger:focus-visible]:tw-shadow-[inset_0_0_0_2px_var(--focus-ring)]",
-									"forced-colors:has-[.ald-tabs-tab-trigger:focus-visible]:tw-outline",
-									"forced-colors:has-[.ald-tabs-tab-trigger:focus-visible]:tw-outline-2",
-									"forced-colors:has-[.ald-tabs-tab-trigger:focus-visible]:tw-outline-offset-[-2px]",
-									"forced-colors:has-[.ald-tabs-tab-trigger:focus-visible]:tw-outline-[Highlight]"
-								]),
-								children: [
-									/* @__PURE__ */ jsxs("div", {
-										ref: (node) => {
-											tabRefs.current[item.key] = node;
-										},
-										id: getTabId(item.key),
-										role: "tab",
-										"aria-selected": isActive,
-										"aria-controls": getPanelId(item.key),
-										"aria-disabled": item.disabled || void 0,
-										tabIndex: !item.disabled && focusedKey === item.key ? 0 : -1,
-										className: cn("ald-tabs-tab-trigger tw-flex tw-min-w-0 tw-flex-1 tw-cursor-pointer tw-items-center tw-whitespace-nowrap", isCard ? "tw-gap-sp-75" : "tw-gap-2", monospace && "tw-justify-center"),
-										onClick: item.disabled ? void 0 : (e) => handleTabClick(item.key, e),
-										onFocus: () => setFocusedKey(item.key),
-										onKeyDown: (e) => handleTabKeyDown(item, e),
-										children: [item.icon, /* @__PURE__ */ jsx("span", {
-											className: "ant-tabs-tab-btn",
-											children: item.label
-										})]
-									}),
-									showClose && /* @__PURE__ */ jsx("button", {
-										type: "button",
-										className: "ald-tabs-tab-remove tw-m-0 tw-grid tw-size-4 tw-cursor-pointer tw-place-items-center tw-border-0 tw-bg-transparent tw-p-0 tw-text-[var(--content-secondary)] tw-transition-colors hover:tw-text-[var(--content-primary)]",
-										onClick: (e) => handleRemove(item.key, e),
-										"aria-label": closeLabel,
-										children: /* @__PURE__ */ jsx(Memo$2, { size: 12 })
-									}),
-									!isCard && isActive && isTop && /* @__PURE__ */ jsx("div", { className: "ant-tabs-ink-bar tw-absolute tw-inset-x-0 tw--bottom-px tw-h-[2px] tw-rounded-[2px] tw-bg-[var(--border-brand-strong)]" }),
-									!isCard && isActive && isBottom && /* @__PURE__ */ jsx("div", { className: "ant-tabs-ink-bar tw-absolute tw-inset-x-0 tw--top-px tw-h-[2px] tw-rounded-[2px] tw-bg-[var(--border-brand-strong)]" }),
-									!isCard && isActive && isLeft && /* @__PURE__ */ jsx("div", { className: "tw-absolute tw-inset-y-0 tw--right-px tw-w-[2px] tw-rounded-[2px] tw-bg-[var(--border-brand-strong)]" }),
-									!isCard && isActive && isRight && /* @__PURE__ */ jsx("div", { className: "tw-absolute tw-inset-y-0 tw--left-px tw-w-[2px] tw-rounded-[2px] tw-bg-[var(--border-brand-strong)]" })
-								]
-							}, item.key);
-						})
-					})
-				}),
-				showScrollButtons && !isVertical && /* @__PURE__ */ jsx("button", {
-					type: "button",
-					className: cn("ald-tabs-scroll-btn tw-flex tw-shrink-0 tw-items-center tw-justify-center tw-border-none tw-bg-[var(--action-ghost-normal)] tw-p-1 tw-text-[var(--content-secondary)] tw-transition-colors hover:tw-text-[var(--content-primary)]", !canScrollRight && "tw-invisible"),
-					onClick: () => scrollBy(200),
-					"aria-label": "Scroll tabs right",
-					children: /* @__PURE__ */ jsx(Memo$1, { size: 16 })
-				}),
-				isEditable && !hideAdd && /* @__PURE__ */ jsx("button", {
-					type: "button",
-					className: "ald-tabs-nav-add tw-ml-1 tw-flex tw-shrink-0 tw-cursor-pointer tw-items-center tw-justify-center tw-rounded tw-border tw-border-solid tw-border-[var(--border-default)] tw-bg-[var(--background-default)] tw-px-2 tw-py-1 tw-text-[var(--content-secondary)] tw-transition-colors hover:tw-text-[var(--content-primary)]",
-					onClick: handleAdd,
-					"aria-label": "Add tab",
-					children: /* @__PURE__ */ jsxs("svg", {
-						xmlns: "http://www.w3.org/2000/svg",
-						width: "14",
-						height: "14",
-						viewBox: "0 0 24 24",
-						fill: "none",
-						stroke: "currentColor",
-						strokeWidth: "2",
-						strokeLinecap: "round",
-						strokeLinejoin: "round",
-						children: [/* @__PURE__ */ jsx("line", {
-							x1: "12",
-							y1: "5",
-							x2: "12",
-							y2: "19"
-						}), /* @__PURE__ */ jsx("line", {
-							x1: "5",
-							y1: "12",
-							x2: "19",
-							y2: "12"
+						id: getTabId(item_7.key),
+						role: "tab",
+						"aria-selected": isActive,
+						"aria-controls": getPanelId(item_7.key),
+						"aria-disabled": item_7.disabled || void 0,
+						tabIndex: !item_7.disabled && focusedKey === item_7.key ? 0 : -1,
+						className: cn("ald-tabs-tab-trigger tw-flex tw-min-w-0 tw-flex-1 tw-cursor-pointer tw-items-center tw-whitespace-nowrap", isCard ? "tw-gap-sp-75" : "tw-gap-2", monospace && "tw-justify-center"),
+						onClick: item_7.disabled ? void 0 : (e_4) => handleTabClick(item_7.key, e_4),
+						onFocus: () => setFocusedKey(item_7.key),
+						onKeyDown: (e_5) => handleTabKeyDown(item_7, e_5),
+						children: [item_7.icon, /* @__PURE__ */ jsx("span", {
+							className: "ant-tabs-tab-btn",
+							children: item_7.label
 						})]
-					})
-				}),
+					}),
+					showClose && /* @__PURE__ */ jsx("button", {
+						type: "button",
+						className: "ald-tabs-tab-remove tw-m-0 tw-grid tw-size-4 tw-cursor-pointer tw-place-items-center tw-border-0 tw-bg-transparent tw-p-0 tw-text-[var(--content-secondary)] tw-transition-colors hover:tw-text-[var(--content-primary)]",
+						onClick: (e_6) => handleRemove(item_7.key, e_6),
+						"aria-label": closeLabel,
+						children: /* @__PURE__ */ jsx(Memo$2, { size: 12 })
+					}),
+					!isCard && isActive && isTop && /* @__PURE__ */ jsx("div", { className: "ant-tabs-ink-bar tw-absolute tw-inset-x-0 tw--bottom-px tw-h-[2px] tw-rounded-[2px] tw-bg-[var(--border-brand-strong)]" }),
+					!isCard && isActive && isBottom && /* @__PURE__ */ jsx("div", { className: "ant-tabs-ink-bar tw-absolute tw-inset-x-0 tw--top-px tw-h-[2px] tw-rounded-[2px] tw-bg-[var(--border-brand-strong)]" }),
+					!isCard && isActive && isLeft && /* @__PURE__ */ jsx("div", { className: "tw-absolute tw-inset-y-0 tw--right-px tw-w-[2px] tw-rounded-[2px] tw-bg-[var(--border-brand-strong)]" }),
+					!isCard && isActive && isRight && /* @__PURE__ */ jsx("div", { className: "tw-absolute tw-inset-y-0 tw--left-px tw-w-[2px] tw-rounded-[2px] tw-bg-[var(--border-brand-strong)]" })
+				]
+			}, item_7.key);
+		});
+		$[102] = activeKey;
+		$[103] = focusedKey;
+		$[104] = getPanelId;
+		$[105] = getTabId;
+		$[106] = handleRemove;
+		$[107] = handleTabClick;
+		$[108] = handleTabKeyDown;
+		$[109] = isBottom;
+		$[110] = isCard;
+		$[111] = isEditable;
+		$[112] = isLeft;
+		$[113] = isRight;
+		$[114] = isTop;
+		$[115] = isVertical;
+		$[116] = monospace;
+		$[117] = resolvedItems;
+		$[118] = size;
+		$[119] = t54;
+	} else t54 = $[119];
+	let t55;
+	if ($[120] !== ariaLabel || $[121] !== t46 || $[122] !== t47 || $[123] !== t52 || $[124] !== t53 || $[125] !== t54) {
+		t55 = /* @__PURE__ */ jsx("div", {
+			ref: navListRef,
+			role: "tablist",
+			"aria-label": ariaLabel,
+			"aria-orientation": t46,
+			onBlur: t47,
+			className: t52,
+			style: t53,
+			children: t54
+		});
+		$[120] = ariaLabel;
+		$[121] = t46;
+		$[122] = t47;
+		$[123] = t52;
+		$[124] = t53;
+		$[125] = t54;
+		$[126] = t55;
+	} else t55 = $[126];
+	let t56;
+	if ($[127] !== t44 || $[128] !== t45 || $[129] !== t55) {
+		t56 = /* @__PURE__ */ jsx("div", {
+			className: t44,
+			style: t45,
+			children: t55
+		});
+		$[127] = t44;
+		$[128] = t45;
+		$[129] = t55;
+		$[130] = t56;
+	} else t56 = $[130];
+	let t57;
+	if ($[131] !== canScrollRight || $[132] !== isVertical || $[133] !== showScrollButtons) {
+		t57 = showScrollButtons && !isVertical && /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: cn("ald-tabs-scroll-btn tw-flex tw-shrink-0 tw-items-center tw-justify-center tw-border-none tw-bg-[var(--action-ghost-normal)] tw-p-1 tw-text-[var(--content-secondary)] tw-transition-colors hover:tw-text-[var(--content-primary)]", !canScrollRight && "tw-invisible"),
+			onClick: () => scrollBy(200),
+			"aria-label": "Scroll tabs right",
+			children: /* @__PURE__ */ jsx(Memo$1, { size: 16 })
+		});
+		$[131] = canScrollRight;
+		$[132] = isVertical;
+		$[133] = showScrollButtons;
+		$[134] = t57;
+	} else t57 = $[134];
+	let t58;
+	if ($[135] !== handleAdd || $[136] !== hideAdd || $[137] !== isEditable) {
+		t58 = isEditable && !hideAdd && /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: "ald-tabs-nav-add tw-ml-1 tw-flex tw-shrink-0 tw-cursor-pointer tw-items-center tw-justify-center tw-rounded tw-border tw-border-solid tw-border-[var(--border-default)] tw-bg-[var(--background-default)] tw-px-2 tw-py-1 tw-text-[var(--content-secondary)] tw-transition-colors hover:tw-text-[var(--content-primary)]",
+			onClick: handleAdd,
+			"aria-label": "Add tab",
+			children: /* @__PURE__ */ jsxs("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				width: "14",
+				height: "14",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				children: [/* @__PURE__ */ jsx("line", {
+					x1: "12",
+					y1: "5",
+					x2: "12",
+					y2: "19"
+				}), /* @__PURE__ */ jsx("line", {
+					x1: "5",
+					y1: "12",
+					x2: "19",
+					y2: "12"
+				})]
+			})
+		});
+		$[135] = handleAdd;
+		$[136] = hideAdd;
+		$[137] = isEditable;
+		$[138] = t58;
+	} else t58 = $[138];
+	let t59;
+	if ($[139] !== extraLeft || $[140] !== extraRight || $[141] !== t40 || $[142] !== t41 || $[143] !== t42 || $[144] !== t56 || $[145] !== t57 || $[146] !== t58) {
+		t59 = /* @__PURE__ */ jsxs("div", {
+			className: t40,
+			style: t41,
+			children: [
+				extraLeft,
+				t42,
+				t56,
+				t57,
+				t58,
 				extraRight
 			]
-		}), /* @__PURE__ */ jsx("div", {
-			className: cn("ald-tabs-content ant-tabs-content ant-tabs-content-holder tw-min-h-0 tw-flex-1", adaptHeight && "tw-h-full"),
-			style: paddingVal ? { padding: `0 ${paddingVal}px ${paddingVal}px` } : void 0,
-			children: resolvedItems.map((item) => {
-				const isActive = item.key === activeKey;
-				if (!isActive && destroyInactiveTabPane && !item.forceRender) return null;
+		});
+		$[139] = extraLeft;
+		$[140] = extraRight;
+		$[141] = t40;
+		$[142] = t41;
+		$[143] = t42;
+		$[144] = t56;
+		$[145] = t57;
+		$[146] = t58;
+		$[147] = t59;
+	} else t59 = $[147];
+	const t60 = adaptHeight && "tw-h-full";
+	let t61;
+	if ($[148] !== t60) {
+		t61 = cn("ald-tabs-content ant-tabs-content ant-tabs-content-holder tw-min-h-0 tw-flex-1", t60);
+		$[148] = t60;
+		$[149] = t61;
+	} else t61 = $[149];
+	let t62;
+	if ($[150] !== paddingVal) {
+		t62 = paddingVal ? { padding: `0 ${paddingVal}px ${paddingVal}px` } : void 0;
+		$[150] = paddingVal;
+		$[151] = t62;
+	} else t62 = $[151];
+	let t63;
+	if ($[152] !== activeKey || $[153] !== adaptHeight || $[154] !== destroyInactiveTabPane || $[155] !== getPanelId || $[156] !== getTabId || $[157] !== resolvedItems) {
+		let t64;
+		if ($[159] !== activeKey || $[160] !== adaptHeight || $[161] !== destroyInactiveTabPane || $[162] !== getPanelId || $[163] !== getTabId) {
+			t64 = (item_8) => {
+				const isActive_0 = item_8.key === activeKey;
+				if (!isActive_0 && destroyInactiveTabPane && !item_8.forceRender) return null;
 				return /* @__PURE__ */ jsx("div", {
-					className: cn("ald-tabs-tabpane ant-tabs-tabpane", adaptHeight && "tw-h-full tw-overflow-y-auto", isActive ? "ant-tabs-tabpane-active tw-block" : "tw-hidden"),
+					className: cn("ald-tabs-tabpane ant-tabs-tabpane", adaptHeight && "tw-h-full tw-overflow-y-auto", isActive_0 ? "ant-tabs-tabpane-active tw-block" : "tw-hidden"),
 					role: "tabpanel",
-					id: getPanelId(item.key),
-					"aria-labelledby": getTabId(item.key),
-					"aria-hidden": !isActive || void 0,
-					children: item.children
-				}, item.key);
-			})
-		})]
-	});
+					id: getPanelId(item_8.key),
+					"aria-labelledby": getTabId(item_8.key),
+					"aria-hidden": !isActive_0 || void 0,
+					children: item_8.children
+				}, item_8.key);
+			};
+			$[159] = activeKey;
+			$[160] = adaptHeight;
+			$[161] = destroyInactiveTabPane;
+			$[162] = getPanelId;
+			$[163] = getTabId;
+			$[164] = t64;
+		} else t64 = $[164];
+		t63 = resolvedItems.map(t64);
+		$[152] = activeKey;
+		$[153] = adaptHeight;
+		$[154] = destroyInactiveTabPane;
+		$[155] = getPanelId;
+		$[156] = getTabId;
+		$[157] = resolvedItems;
+		$[158] = t63;
+	} else t63 = $[158];
+	let t64;
+	if ($[165] !== t61 || $[166] !== t62 || $[167] !== t63) {
+		t64 = /* @__PURE__ */ jsx("div", {
+			className: t61,
+			style: t62,
+			children: t63
+		});
+		$[165] = t61;
+		$[166] = t62;
+		$[167] = t63;
+		$[168] = t64;
+	} else t64 = $[168];
+	let t65;
+	if ($[169] !== dataTestId || $[170] !== t27 || $[171] !== t30 || $[172] !== t59 || $[173] !== t64) {
+		t65 = /* @__PURE__ */ jsxs("div", {
+			"data-testid": dataTestId,
+			className: t27,
+			style: t30,
+			children: [t59, t64]
+		});
+		$[169] = dataTestId;
+		$[170] = t27;
+		$[171] = t30;
+		$[172] = t59;
+		$[173] = t64;
+		$[174] = t65;
+	} else t65 = $[174];
+	return t65;
+}
+function _temp4(candidate) {
+	return !candidate.disabled;
+}
+function _temp3(item_5) {
+	return !item_5.disabled;
+}
+function _temp2(item_0) {
+	return !item_0.disabled;
+}
+function _temp(child) {
+	return {
+		key: child.key || child.props.key || "",
+		label: child.props.tab,
+		children: child.props.children,
+		disabled: child.props.disabled,
+		closable: child.props.closable,
+		forceRender: child.props.forceRender
+	};
 }
 Tabs.TabPane = TabPane;
 //#endregion