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

package/dist/Collapse/index.js

@@ -1,5 +1,6 @@
 import { cn } from "../lib/utils.js";
 import Memo from "../Icon/components/ArrowRightLightLine.js";
+import { c } from "react-compiler-runtime";
 import React, { useContext, useEffect, useId, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/Collapse/index.tsx
@@ -9,56 +10,131 @@ var normalizeKeys = (keys) => {
 	return Array.isArray(keys) ? keys : [keys];
 };
 var Collapse = (props) => {
-	const { defaultActiveKey = [], activeKey: controlledActiveKey, accordion, onChange, className, style, bordered = true, ghost, size = "middle", collapsible, expandIconPosition, expandIcon, items: itemsProp, children } = props;
+	const $ = c(38);
+	const { defaultActiveKey: t0, activeKey: controlledActiveKey, accordion, onChange, className, style, bordered: t1, ghost, size: t2, collapsible, expandIconPosition, expandIcon, items: itemsProp, children } = props;
+	let t3;
+	if ($[0] !== t0) {
+		t3 = t0 === void 0 ? [] : t0;
+		$[0] = t0;
+		$[1] = t3;
+	} else t3 = $[1];
+	const defaultActiveKey = t3;
+	const bordered = t1 === void 0 ? true : t1;
+	const size = t2 === void 0 ? "middle" : t2;
 	const resolvedPosition = expandIconPosition === "left" ? "start" : expandIconPosition === "right" ? "end" : expandIconPosition ?? "start";
-	const [internalActiveKey, setInternalActiveKey] = useState(normalizeKeys(defaultActiveKey));
-	const activeKeys = controlledActiveKey !== void 0 ? normalizeKeys(controlledActiveKey) : internalActiveKey;
-	const toggleKey = (key) => {
-		let newKeys;
-		if (accordion) newKeys = activeKeys.includes(key) ? [] : [key];
-		else newKeys = activeKeys.includes(key) ? activeKeys.filter((k) => k !== key) : [...activeKeys, key];
-		if (controlledActiveKey === void 0) setInternalActiveKey(newKeys);
-		onChange?.(accordion ? newKeys[0] || "" : newKeys);
-	};
-	const contextValue = {
-		expandIcon,
-		expandIconPosition: resolvedPosition,
-		bordered: bordered && !ghost,
-		size,
-		collapsible,
-		activeKeys,
-		toggleKey
-	};
-	/**
-	* children 路径：向后兼容老用法 `<Collapse><Collapse.Panel key="1" ...>`
-	* ——React `key` 是保留字不会进 Panel props，所以把它读出来 cloneElement
-	* 注入到 `panelKey` 上（只对直接子元素生效；包装组件需要业务侧自己透传）。
-	*/
-	const enhancedChildren = React.Children.map(children, (child) => {
-		if (!React.isValidElement(child)) return child;
-		if (child.type?.__COLLAPSE_PANEL !== true) return child;
-		if (child.props.panelKey !== void 0) return child;
-		if (child.key === null || child.key === void 0) return child;
-		return React.cloneElement(child, { panelKey: String(child.key) });
-	});
-	return /* @__PURE__ */ jsx(CollapseContext.Provider, {
-		value: contextValue,
-		children: /* @__PURE__ */ jsx("div", {
-			className: cn("ald-collapse ant-collapse tw-flex tw-flex-col tw-items-stretch tw-overflow-hidden tw-rounded-r-75 [&>.ald-collapse-item+.ald-collapse-item]:tw-border-0 [&>.ald-collapse-item+.ald-collapse-item]:tw-border-t [&>.ald-collapse-item+.ald-collapse-item]:tw-border-solid [&>.ald-collapse-item+.ald-collapse-item]:tw-border-[var(--border-default)]", !ghost && !bordered && "tw-bg-[var(--background-neutral-subtle)]", !ghost && bordered && "tw-border tw-border-solid tw-border-[var(--border-default)] tw-bg-[var(--background-neutral-subtle)]", `ald-collapse-${size}`, className),
+	let t4;
+	if ($[2] !== defaultActiveKey) {
+		t4 = normalizeKeys(defaultActiveKey);
+		$[2] = defaultActiveKey;
+		$[3] = t4;
+	} else t4 = $[3];
+	const [internalActiveKey, setInternalActiveKey] = useState(t4);
+	let t5;
+	if ($[4] !== controlledActiveKey || $[5] !== internalActiveKey) {
+		t5 = controlledActiveKey !== void 0 ? normalizeKeys(controlledActiveKey) : internalActiveKey;
+		$[4] = controlledActiveKey;
+		$[5] = internalActiveKey;
+		$[6] = t5;
+	} else t5 = $[6];
+	const activeKeys = t5;
+	let t6;
+	if ($[7] !== accordion || $[8] !== activeKeys || $[9] !== controlledActiveKey || $[10] !== onChange) {
+		t6 = (key) => {
+			let newKeys;
+			if (accordion) newKeys = activeKeys.includes(key) ? [] : [key];
+			else newKeys = activeKeys.includes(key) ? activeKeys.filter((k) => k !== key) : [...activeKeys, key];
+			if (controlledActiveKey === void 0) setInternalActiveKey(newKeys);
+			onChange?.(accordion ? newKeys[0] || "" : newKeys);
+		};
+		$[7] = accordion;
+		$[8] = activeKeys;
+		$[9] = controlledActiveKey;
+		$[10] = onChange;
+		$[11] = t6;
+	} else t6 = $[11];
+	const toggleKey = t6;
+	const t7 = bordered && !ghost;
+	let t8;
+	if ($[12] !== activeKeys || $[13] !== collapsible || $[14] !== expandIcon || $[15] !== resolvedPosition || $[16] !== size || $[17] !== t7 || $[18] !== toggleKey) {
+		t8 = {
+			expandIcon,
+			expandIconPosition: resolvedPosition,
+			bordered: t7,
+			size,
+			collapsible,
+			activeKeys,
+			toggleKey
+		};
+		$[12] = activeKeys;
+		$[13] = collapsible;
+		$[14] = expandIcon;
+		$[15] = resolvedPosition;
+		$[16] = size;
+		$[17] = t7;
+		$[18] = toggleKey;
+		$[19] = t8;
+	} else t8 = $[19];
+	const contextValue = t8;
+	let t9;
+	if ($[20] !== children) {
+		t9 = React.Children.map(children, _temp);
+		$[20] = children;
+		$[21] = t9;
+	} else t9 = $[21];
+	const enhancedChildren = t9;
+	const t10 = !ghost && !bordered && "tw-bg-[var(--background-neutral-subtle)]";
+	const t11 = !ghost && bordered && "tw-border tw-border-solid tw-border-[var(--border-default)] tw-bg-[var(--background-neutral-subtle)]";
+	const t12 = `ald-collapse-${size}`;
+	let t13;
+	if ($[22] !== className || $[23] !== t10 || $[24] !== t11 || $[25] !== t12) {
+		t13 = cn("ald-collapse ant-collapse tw-flex tw-flex-col tw-items-stretch tw-overflow-hidden tw-rounded-r-75 [&>.ald-collapse-item+.ald-collapse-item]:tw-border-0 [&>.ald-collapse-item+.ald-collapse-item]:tw-border-t [&>.ald-collapse-item+.ald-collapse-item]:tw-border-solid [&>.ald-collapse-item+.ald-collapse-item]:tw-border-[var(--border-default)]", t10, t11, t12, className);
+		$[22] = className;
+		$[23] = t10;
+		$[24] = t11;
+		$[25] = t12;
+		$[26] = t13;
+	} else t13 = $[26];
+	let t14;
+	if ($[27] !== collapsible || $[28] !== enhancedChildren || $[29] !== itemsProp) {
+		t14 = itemsProp && itemsProp.length > 0 ? itemsProp.map((item) => /* @__PURE__ */ jsx(Panel, {
+			panelKey: item.key,
+			header: item.label,
+			disabled: item.disabled,
+			collapsible: item.collapsible ?? collapsible,
+			extra: item.extra,
+			className: item.className,
+			style: item.style,
+			forceRender: item.forceRender,
+			children: item.children
+		}, item.key)) : enhancedChildren;
+		$[27] = collapsible;
+		$[28] = enhancedChildren;
+		$[29] = itemsProp;
+		$[30] = t14;
+	} else t14 = $[30];
+	let t15;
+	if ($[31] !== style || $[32] !== t13 || $[33] !== t14) {
+		t15 = /* @__PURE__ */ jsx("div", {
+			className: t13,
 			style,
-			children: itemsProp && itemsProp.length > 0 ? itemsProp.map((item) => /* @__PURE__ */ jsx(Panel, {
-				panelKey: item.key,
-				header: item.label,
-				disabled: item.disabled,
-				collapsible: item.collapsible ?? collapsible,
-				extra: item.extra,
-				className: item.className,
-				style: item.style,
-				forceRender: item.forceRender,
-				children: item.children
-			}, item.key)) : enhancedChildren
-		})
-	});
+			children: t14
+		});
+		$[31] = style;
+		$[32] = t13;
+		$[33] = t14;
+		$[34] = t15;
+	} else t15 = $[34];
+	let t16;
+	if ($[35] !== contextValue || $[36] !== t15) {
+		t16 = /* @__PURE__ */ jsx(CollapseContext.Provider, {
+			value: contextValue,
+			children: t15
+		});
+		$[35] = contextValue;
+		$[36] = t15;
+		$[37] = t16;
+	} else t16 = $[37];
+	return t16;
 };
 /**
 * Panel —— 始终自渲染。
@@ -73,146 +149,350 @@ var Collapse = (props) => {
 * 需要拿到 panel 容器引用做滚动定位等，向后兼容旧版本 Panel 暴露的 ref API。
 */
 var Panel = React.forwardRef((props, ref) => {
+	const $ = c(25);
 	const ctx = useContext(CollapseContext);
 	const { panelKey, header, children, className, style, extra, disabled, collapsible, forceRender } = props;
 	const isControlled = ctx !== null && panelKey !== void 0;
 	const [internalActive, setInternalActive] = useState(false);
-	const isActive = isControlled ? ctx.activeKeys.includes(panelKey) : internalActive;
-	const onToggle = () => {
-		if (isControlled) ctx.toggleKey(panelKey);
-		else setInternalActive((v) => !v);
-	};
+	let t0;
+	if ($[0] !== ctx || $[1] !== internalActive || $[2] !== isControlled || $[3] !== panelKey) {
+		t0 = isControlled ? ctx.activeKeys.includes(panelKey) : internalActive;
+		$[0] = ctx;
+		$[1] = internalActive;
+		$[2] = isControlled;
+		$[3] = panelKey;
+		$[4] = t0;
+	} else t0 = $[4];
+	const isActive = t0;
+	let t1;
+	if ($[5] !== ctx || $[6] !== isControlled || $[7] !== panelKey) {
+		t1 = () => {
+			if (isControlled) ctx.toggleKey(panelKey);
+			else setInternalActive(_temp2);
+		};
+		$[5] = ctx;
+		$[6] = isControlled;
+		$[7] = panelKey;
+		$[8] = t1;
+	} else t1 = $[8];
+	const onToggle = t1;
 	const expandIcon = ctx?.expandIcon;
 	const expandIconPosition = ctx?.expandIconPosition ?? "start";
 	const bordered = ctx?.bordered ?? true;
 	const size = ctx?.size ?? "middle";
 	const mergedCollapsible = collapsible ?? ctx?.collapsible;
-	return /* @__PURE__ */ jsx(CollapsePanelView, {
-		ref,
-		header,
-		isActive,
-		onToggle,
-		disabled: disabled || mergedCollapsible === "disabled",
-		extra,
-		className,
-		style,
-		forceRender,
-		expandIcon,
-		expandIconPosition,
-		bordered,
-		size,
-		collapsible: mergedCollapsible,
-		children
-	});
+	const t2 = disabled || mergedCollapsible === "disabled";
+	let t3;
+	if ($[9] !== bordered || $[10] !== children || $[11] !== className || $[12] !== expandIcon || $[13] !== expandIconPosition || $[14] !== extra || $[15] !== forceRender || $[16] !== header || $[17] !== isActive || $[18] !== mergedCollapsible || $[19] !== onToggle || $[20] !== ref || $[21] !== size || $[22] !== style || $[23] !== t2) {
+		t3 = /* @__PURE__ */ jsx(CollapsePanelView, {
+			ref,
+			header,
+			isActive,
+			onToggle,
+			disabled: t2,
+			extra,
+			className,
+			style,
+			forceRender,
+			expandIcon,
+			expandIconPosition,
+			bordered,
+			size,
+			collapsible: mergedCollapsible,
+			children
+		});
+		$[9] = bordered;
+		$[10] = children;
+		$[11] = className;
+		$[12] = expandIcon;
+		$[13] = expandIconPosition;
+		$[14] = extra;
+		$[15] = forceRender;
+		$[16] = header;
+		$[17] = isActive;
+		$[18] = mergedCollapsible;
+		$[19] = onToggle;
+		$[20] = ref;
+		$[21] = size;
+		$[22] = style;
+		$[23] = t2;
+		$[24] = t3;
+	} else t3 = $[24];
+	return t3;
 });
 Panel.__COLLAPSE_PANEL = true;
 /** 哑视图组件，承担 DOM 结构 + 折叠动画；不持有受控状态，ref 转发到 root div。 */
 var CollapsePanelView = React.forwardRef((props, ref) => {
-	const { header, isActive, onToggle, disabled, extra, className, style, children, forceRender, expandIcon, expandIconPosition = "start", bordered, size = "middle", collapsible = "header" } = props;
+	const $ = c(67);
+	const { header, isActive, onToggle, disabled, extra, className, style, children, forceRender, expandIcon, expandIconPosition: t0, bordered, size: t1, collapsible: t2 } = props;
+	const expandIconPosition = t0 === void 0 ? "start" : t0;
+	const size = t1 === void 0 ? "middle" : t1;
+	const collapsible = t2 === void 0 ? "header" : t2;
 	const contentRef = useRef(null);
 	const triggerId = useId();
 	const headerId = useId();
 	const contentId = useId();
 	const [rendered, setRendered] = useState(isActive || !!forceRender);
-	useEffect(() => {
-		if (isActive || forceRender) setRendered(true);
-	}, [forceRender, isActive]);
-	const handleTransitionEnd = () => {
-		if (!isActive && !forceRender) setRendered(false);
-	};
-	const iconNode = expandIcon ? expandIcon({ isActive }) : /* @__PURE__ */ jsx(Memo, {
-		size: 20,
-		color: "var(--content-secondary)"
-	});
-	const iconElement = /* @__PURE__ */ jsx("span", {
-		className: "ald-collapse-expand-icon ant-collapse-expand-icon tw-flex tw-items-center",
-		"aria-hidden": "true",
-		style: {
-			transform: isActive ? "rotate(90deg)" : "rotate(0deg)",
+	let t3;
+	let t4;
+	if ($[0] !== forceRender || $[1] !== isActive) {
+		t3 = () => {
+			if (isActive || forceRender) setRendered(true);
+		};
+		t4 = [forceRender, isActive];
+		$[0] = forceRender;
+		$[1] = isActive;
+		$[2] = t3;
+		$[3] = t4;
+	} else {
+		t3 = $[2];
+		t4 = $[3];
+	}
+	useEffect(t3, t4);
+	let t5;
+	if ($[4] !== forceRender || $[5] !== isActive) {
+		t5 = () => {
+			if (!isActive && !forceRender) setRendered(false);
+		};
+		$[4] = forceRender;
+		$[5] = isActive;
+		$[6] = t5;
+	} else t5 = $[6];
+	const handleTransitionEnd = t5;
+	let t6;
+	if ($[7] !== expandIcon || $[8] !== isActive) {
+		t6 = expandIcon ? expandIcon({ isActive }) : /* @__PURE__ */ jsx(Memo, {
+			size: 20,
+			color: "var(--content-secondary)"
+		});
+		$[7] = expandIcon;
+		$[8] = isActive;
+		$[9] = t6;
+	} else t6 = $[9];
+	const iconNode = t6;
+	const t7 = isActive ? "rotate(90deg)" : "rotate(0deg)";
+	let t8;
+	if ($[10] !== t7) {
+		t8 = {
+			transform: t7,
 			transition: "transform 200ms"
-		},
-		children: iconNode
-	});
-	const triggerProps = {
-		type: "button",
-		id: triggerId,
-		"aria-expanded": isActive,
-		"aria-controls": contentId,
-		disabled,
-		onClick: onToggle
-	};
-	const headerText = /* @__PURE__ */ jsx("span", {
-		className: "ald-collapse-header-text ant-collapse-header-text tw-flex-1 tw-text-sm tw-font-medium tw-leading-5 tw-text-[var(--content-primary)]",
-		children: header
-	});
-	const headerTrigger = collapsible === "disabled" ? /* @__PURE__ */ jsxs("div", {
-		id: triggerId,
-		className: "tw-flex tw-flex-1 tw-items-center tw-gap-2",
-		"aria-disabled": "true",
-		children: [
-			expandIconPosition === "start" && iconElement,
-			headerText,
-			expandIconPosition === "end" && iconElement
-		]
-	}) : collapsible === "icon" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-		expandIconPosition === "start" && /* @__PURE__ */ jsx("button", {
-			...triggerProps,
-			className: "tw-flex tw-cursor-pointer tw-items-center tw-border-0 tw-bg-transparent tw-p-0",
-			"aria-labelledby": headerId,
-			children: iconElement
-		}),
-		/* @__PURE__ */ jsx("span", {
-			id: headerId,
+		};
+		$[10] = t7;
+		$[11] = t8;
+	} else t8 = $[11];
+	let t9;
+	if ($[12] !== iconNode || $[13] !== t8) {
+		t9 = /* @__PURE__ */ jsx("span", {
+			className: "ald-collapse-expand-icon ant-collapse-expand-icon tw-flex tw-items-center",
+			"aria-hidden": "true",
+			style: t8,
+			children: iconNode
+		});
+		$[12] = iconNode;
+		$[13] = t8;
+		$[14] = t9;
+	} else t9 = $[14];
+	const iconElement = t9;
+	let t10;
+	if ($[15] !== contentId || $[16] !== disabled || $[17] !== isActive || $[18] !== onToggle || $[19] !== triggerId) {
+		t10 = {
+			type: "button",
+			id: triggerId,
+			"aria-expanded": isActive,
+			"aria-controls": contentId,
+			disabled,
+			onClick: onToggle
+		};
+		$[15] = contentId;
+		$[16] = disabled;
+		$[17] = isActive;
+		$[18] = onToggle;
+		$[19] = triggerId;
+		$[20] = t10;
+	} else t10 = $[20];
+	const triggerProps = t10;
+	let t11;
+	if ($[21] !== header) {
+		t11 = /* @__PURE__ */ jsx("span", {
 			className: "ald-collapse-header-text ant-collapse-header-text tw-flex-1 tw-text-sm tw-font-medium tw-leading-5 tw-text-[var(--content-primary)]",
 			children: header
-		}),
-		expandIconPosition === "end" && /* @__PURE__ */ jsx("button", {
+		});
+		$[21] = header;
+		$[22] = t11;
+	} else t11 = $[22];
+	const headerText = t11;
+	let t12;
+	if ($[23] !== collapsible || $[24] !== expandIconPosition || $[25] !== header || $[26] !== headerId || $[27] !== headerText || $[28] !== iconElement || $[29] !== triggerId || $[30] !== triggerProps) {
+		t12 = collapsible === "disabled" ? /* @__PURE__ */ jsxs("div", {
+			id: triggerId,
+			className: "tw-flex tw-flex-1 tw-items-center tw-gap-2",
+			"aria-disabled": "true",
+			children: [
+				expandIconPosition === "start" && iconElement,
+				headerText,
+				expandIconPosition === "end" && iconElement
+			]
+		}) : collapsible === "icon" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+			expandIconPosition === "start" && /* @__PURE__ */ jsx("button", {
+				...triggerProps,
+				className: "tw-flex tw-cursor-pointer tw-items-center tw-border-0 tw-bg-transparent tw-p-0",
+				"aria-labelledby": headerId,
+				children: iconElement
+			}),
+			/* @__PURE__ */ jsx("span", {
+				id: headerId,
+				className: "ald-collapse-header-text ant-collapse-header-text tw-flex-1 tw-text-sm tw-font-medium tw-leading-5 tw-text-[var(--content-primary)]",
+				children: header
+			}),
+			expandIconPosition === "end" && /* @__PURE__ */ jsx("button", {
+				...triggerProps,
+				className: "tw-flex tw-cursor-pointer tw-items-center tw-border-0 tw-bg-transparent tw-p-0",
+				"aria-labelledby": headerId,
+				children: iconElement
+			})
+		] }) : /* @__PURE__ */ jsxs("button", {
 			...triggerProps,
-			className: "tw-flex tw-cursor-pointer tw-items-center tw-border-0 tw-bg-transparent tw-p-0",
-			"aria-labelledby": headerId,
-			children: iconElement
-		})
-	] }) : /* @__PURE__ */ jsxs("button", {
-		...triggerProps,
-		className: "tw-flex tw-flex-1 tw-items-center tw-gap-2 tw-border-0 tw-bg-transparent tw-p-0 tw-text-left",
-		children: [
-			expandIconPosition === "start" && iconElement,
-			headerText,
-			expandIconPosition === "end" && iconElement
-		]
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		ref,
-		className: cn("ald-collapse-item ant-collapse-item tw-w-full", isActive && "ald-collapse-item-active", disabled && "tw-pointer-events-none tw-opacity-50", `ald-collapse-item-${size}`, className),
-		style,
-		"aria-disabled": disabled || collapsible === "disabled" || void 0,
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: cn("ald-collapse-header ant-collapse-header tw-flex tw-items-center tw-gap-2 tw-p-3", !disabled && collapsible !== "icon" && collapsible !== "disabled" && "tw-cursor-pointer"),
-			children: [headerTrigger, extra && /* @__PURE__ */ jsx("span", {
-				className: "ald-collapse-extra ant-collapse-extra",
-				onClick: (e) => e.stopPropagation(),
-				children: extra
-			})]
-		}), /* @__PURE__ */ jsx("div", {
+			className: "tw-flex tw-flex-1 tw-items-center tw-gap-2 tw-border-0 tw-bg-transparent tw-p-0 tw-text-left",
+			children: [
+				expandIconPosition === "start" && iconElement,
+				headerText,
+				expandIconPosition === "end" && iconElement
+			]
+		});
+		$[23] = collapsible;
+		$[24] = expandIconPosition;
+		$[25] = header;
+		$[26] = headerId;
+		$[27] = headerText;
+		$[28] = iconElement;
+		$[29] = triggerId;
+		$[30] = triggerProps;
+		$[31] = t12;
+	} else t12 = $[31];
+	const headerTrigger = t12;
+	const t13 = isActive && "ald-collapse-item-active";
+	const t14 = disabled && "tw-pointer-events-none tw-opacity-50";
+	const t15 = `ald-collapse-item-${size}`;
+	let t16;
+	if ($[32] !== className || $[33] !== t13 || $[34] !== t14 || $[35] !== t15) {
+		t16 = cn("ald-collapse-item ant-collapse-item tw-w-full", t13, t14, t15, className);
+		$[32] = className;
+		$[33] = t13;
+		$[34] = t14;
+		$[35] = t15;
+		$[36] = t16;
+	} else t16 = $[36];
+	const t17 = disabled || collapsible === "disabled" || void 0;
+	const t18 = !disabled && collapsible !== "icon" && collapsible !== "disabled" && "tw-cursor-pointer";
+	let t19;
+	if ($[37] !== t18) {
+		t19 = cn("ald-collapse-header ant-collapse-header tw-flex tw-items-center tw-gap-2 tw-p-3", t18);
+		$[37] = t18;
+		$[38] = t19;
+	} else t19 = $[38];
+	let t20;
+	if ($[39] !== extra) {
+		t20 = extra && /* @__PURE__ */ jsx("span", {
+			className: "ald-collapse-extra ant-collapse-extra",
+			onClick: _temp3,
+			children: extra
+		});
+		$[39] = extra;
+		$[40] = t20;
+	} else t20 = $[40];
+	let t21;
+	if ($[41] !== headerTrigger || $[42] !== t19 || $[43] !== t20) {
+		t21 = /* @__PURE__ */ jsxs("div", {
+			className: t19,
+			children: [headerTrigger, t20]
+		});
+		$[41] = headerTrigger;
+		$[42] = t19;
+		$[43] = t20;
+		$[44] = t21;
+	} else t21 = $[44];
+	const t22 = !isActive;
+	const t23 = isActive ? "1fr" : "0fr";
+	let t24;
+	if ($[45] !== t23) {
+		t24 = { gridTemplateRows: t23 };
+		$[45] = t23;
+		$[46] = t24;
+	} else t24 = $[46];
+	let t25;
+	if ($[47] !== bordered || $[48] !== children || $[49] !== rendered) {
+		t25 = rendered && /* @__PURE__ */ jsx("div", {
+			ref: contentRef,
+			className: cn("ald-collapse-content ant-collapse-content tw-flex tw-flex-col tw-items-stretch tw-gap-2.5 tw-self-stretch", bordered ? "tw-bg-[var(--background-default)] tw-p-4" : "tw-px-4 tw-pb-4 tw-pt-0"),
+			children
+		});
+		$[47] = bordered;
+		$[48] = children;
+		$[49] = rendered;
+		$[50] = t25;
+	} else t25 = $[50];
+	let t26;
+	if ($[51] !== t25) {
+		t26 = /* @__PURE__ */ jsx("div", {
+			className: "tw-overflow-hidden",
+			children: t25
+		});
+		$[51] = t25;
+		$[52] = t26;
+	} else t26 = $[52];
+	let t27;
+	if ($[53] !== contentId || $[54] !== handleTransitionEnd || $[55] !== t22 || $[56] !== t24 || $[57] !== t26 || $[58] !== triggerId) {
+		t27 = /* @__PURE__ */ jsx("div", {
 			id: contentId,
 			role: "region",
 			"aria-labelledby": triggerId,
-			"aria-hidden": !isActive,
+			"aria-hidden": t22,
 			className: "tw-grid tw-transition-[grid-template-rows] tw-duration-200",
-			style: { gridTemplateRows: isActive ? "1fr" : "0fr" },
+			style: t24,
 			onTransitionEnd: handleTransitionEnd,
-			children: /* @__PURE__ */ jsx("div", {
-				className: "tw-overflow-hidden",
-				children: rendered && /* @__PURE__ */ jsx("div", {
-					ref: contentRef,
-					className: cn("ald-collapse-content ant-collapse-content tw-flex tw-flex-col tw-items-stretch tw-gap-2.5 tw-self-stretch", bordered ? "tw-bg-[var(--background-default)] tw-p-4" : "tw-px-4 tw-pb-4 tw-pt-0"),
-					children
-				})
-			})
-		})]
-	});
+			children: t26
+		});
+		$[53] = contentId;
+		$[54] = handleTransitionEnd;
+		$[55] = t22;
+		$[56] = t24;
+		$[57] = t26;
+		$[58] = triggerId;
+		$[59] = t27;
+	} else t27 = $[59];
+	let t28;
+	if ($[60] !== ref || $[61] !== style || $[62] !== t16 || $[63] !== t17 || $[64] !== t21 || $[65] !== t27) {
+		t28 = /* @__PURE__ */ jsxs("div", {
+			ref,
+			className: t16,
+			style,
+			"aria-disabled": t17,
+			children: [t21, t27]
+		});
+		$[60] = ref;
+		$[61] = style;
+		$[62] = t16;
+		$[63] = t17;
+		$[64] = t21;
+		$[65] = t27;
+		$[66] = t28;
+	} else t28 = $[66];
+	return t28;
 });
 Collapse.Panel = Panel;
+function _temp(child) {
+	if (!React.isValidElement(child)) return child;
+	if (child.type?.__COLLAPSE_PANEL !== true) return child;
+	if (child.props.panelKey !== void 0) return child;
+	if (child.key === null || child.key === void 0) return child;
+	return React.cloneElement(child, { panelKey: String(child.key) });
+}
+function _temp2(v) {
+	return !v;
+}
+function _temp3(e) {
+	return e.stopPropagation();
+}
 //#endregion
 export { Collapse as default };