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

package/dist/Form/index.js

@@ -2,10 +2,11 @@ import { cn } from "../lib/utils.js";
 import DisabledContext from "../ConfigProvider/DisabledContext.js";
 import SizeContext, { SizeContextProvider } from "../ConfigProvider/sizeContext.js";
 import { FormContext, FormItemInputContext } from "./FormItemContext.js";
-import React, { forwardRef, useContext, useMemo } from "react";
+import { c } from "react-compiler-runtime";
+import React, { forwardRef, useContext } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import RcForm, { Field, FormProvider, List, useForm, useWatch } from "rc-field-form";
-import FieldContext from "rc-field-form/es/FieldContext";
+import FieldContext from "rc-field-form/es/FieldContext.js";
 //#region src/Form/index.tsx
 /** Convert a 24-column span/offset to Tailwind-compatible inline styles */
 function colStyle(col) {
@@ -48,46 +49,167 @@ function enhanceControlChild(child, control, accessibilityProps) {
 	});
 }
 var AldForm = forwardRef((props, ref) => {
+	const $ = c(52);
 	const contextSize = useContext(SizeContext);
-	const { children, size = contextSize, labelWidth, style = {}, className, layout = "horizontal", disabled, labelCol, wrapperCol, colon = false, requiredMark, labelAlign, ...restProps } = props;
-	const customStyle = {
-		...style,
-		...labelWidth ? { "--label-width": `${labelWidth}px` } : {},
-		...labelAlign ? { "--label-align": labelAlign } : {}
-	};
-	const formContextValue = useMemo(() => ({
-		layout,
-		labelCol,
-		wrapperCol,
-		colon,
-		requiredMark,
-		labelWidth,
-		labelAlign
-	}), [
-		layout,
-		labelCol,
-		wrapperCol,
-		colon,
-		requiredMark,
-		labelWidth,
-		labelAlign
-	]);
-	return /* @__PURE__ */ jsx(FormContext.Provider, {
-		value: formContextValue,
-		children: /* @__PURE__ */ jsx(DisabledContext.Provider, {
+	let children;
+	let className;
+	let disabled;
+	let labelAlign;
+	let labelCol;
+	let labelWidth;
+	let requiredMark;
+	let restProps;
+	let t0;
+	let t1;
+	let t2;
+	let t3;
+	let wrapperCol;
+	if ($[0] !== props) {
+		({children, size: t0, labelWidth, style: t1, className, layout: t2, disabled, labelCol, wrapperCol, colon: t3, requiredMark, labelAlign, ...restProps} = props);
+		$[0] = props;
+		$[1] = children;
+		$[2] = className;
+		$[3] = disabled;
+		$[4] = labelAlign;
+		$[5] = labelCol;
+		$[6] = labelWidth;
+		$[7] = requiredMark;
+		$[8] = restProps;
+		$[9] = t0;
+		$[10] = t1;
+		$[11] = t2;
+		$[12] = t3;
+		$[13] = wrapperCol;
+	} else {
+		children = $[1];
+		className = $[2];
+		disabled = $[3];
+		labelAlign = $[4];
+		labelCol = $[5];
+		labelWidth = $[6];
+		requiredMark = $[7];
+		restProps = $[8];
+		t0 = $[9];
+		t1 = $[10];
+		t2 = $[11];
+		t3 = $[12];
+		wrapperCol = $[13];
+	}
+	const size = t0 === void 0 ? contextSize : t0;
+	let t4;
+	if ($[14] !== t1) {
+		t4 = t1 === void 0 ? {} : t1;
+		$[14] = t1;
+		$[15] = t4;
+	} else t4 = $[15];
+	const style = t4;
+	const layout = t2 === void 0 ? "horizontal" : t2;
+	const colon = t3 === void 0 ? false : t3;
+	let t5;
+	if ($[16] !== labelWidth) {
+		t5 = labelWidth ? { "--label-width": `${labelWidth}px` } : {};
+		$[16] = labelWidth;
+		$[17] = t5;
+	} else t5 = $[17];
+	let t6;
+	if ($[18] !== labelAlign) {
+		t6 = labelAlign ? { "--label-align": labelAlign } : {};
+		$[18] = labelAlign;
+		$[19] = t6;
+	} else t6 = $[19];
+	let t7;
+	if ($[20] !== style || $[21] !== t5 || $[22] !== t6) {
+		t7 = {
+			...style,
+			...t5,
+			...t6
+		};
+		$[20] = style;
+		$[21] = t5;
+		$[22] = t6;
+		$[23] = t7;
+	} else t7 = $[23];
+	const customStyle = t7;
+	let t8;
+	if ($[24] !== colon || $[25] !== labelAlign || $[26] !== labelCol || $[27] !== labelWidth || $[28] !== layout || $[29] !== requiredMark || $[30] !== wrapperCol) {
+		t8 = {
+			layout,
+			labelCol,
+			wrapperCol,
+			colon,
+			requiredMark,
+			labelWidth,
+			labelAlign
+		};
+		$[24] = colon;
+		$[25] = labelAlign;
+		$[26] = labelCol;
+		$[27] = labelWidth;
+		$[28] = layout;
+		$[29] = requiredMark;
+		$[30] = wrapperCol;
+		$[31] = t8;
+	} else t8 = $[31];
+	const formContextValue = t8;
+	const t9 = `ald-form-${layout}`;
+	const t10 = `ant-form-${layout}`;
+	const t11 = layout !== "inline" && "tw-w-full";
+	let t12;
+	if ($[32] !== className || $[33] !== t10 || $[34] !== t11 || $[35] !== t9) {
+		t12 = cn("ald-form ant-form", t9, t10, t11, className);
+		$[32] = className;
+		$[33] = t10;
+		$[34] = t11;
+		$[35] = t9;
+		$[36] = t12;
+	} else t12 = $[36];
+	let t13;
+	if ($[37] !== children || $[38] !== customStyle || $[39] !== ref || $[40] !== restProps || $[41] !== t12) {
+		t13 = /* @__PURE__ */ jsx(RcForm, {
+			style: customStyle,
+			className: t12,
+			...restProps,
+			ref,
+			children
+		});
+		$[37] = children;
+		$[38] = customStyle;
+		$[39] = ref;
+		$[40] = restProps;
+		$[41] = t12;
+		$[42] = t13;
+	} else t13 = $[42];
+	let t14;
+	if ($[43] !== size || $[44] !== t13) {
+		t14 = /* @__PURE__ */ jsx(SizeContextProvider, {
+			size,
+			children: t13
+		});
+		$[43] = size;
+		$[44] = t13;
+		$[45] = t14;
+	} else t14 = $[45];
+	let t15;
+	if ($[46] !== disabled || $[47] !== t14) {
+		t15 = /* @__PURE__ */ jsx(DisabledContext.Provider, {
 			value: disabled,
-			children: /* @__PURE__ */ jsx(SizeContextProvider, {
-				size,
-				children: /* @__PURE__ */ jsx(RcForm, {
-					style: customStyle,
-					className: cn("ald-form ant-form", `ald-form-${layout}`, `ant-form-${layout}`, layout !== "inline" && "tw-w-full", className),
-					...restProps,
-					ref,
-					children
-				})
-			})
-		})
-	});
+			children: t14
+		});
+		$[46] = disabled;
+		$[47] = t14;
+		$[48] = t15;
+	} else t15 = $[48];
+	let t16;
+	if ($[49] !== formContextValue || $[50] !== t15) {
+		t16 = /* @__PURE__ */ jsx(FormContext.Provider, {
+			value: formContextValue,
+			children: t15
+		});
+		$[49] = formContextValue;
+		$[50] = t15;
+		$[51] = t16;
+	} else t16 = $[51];
+	return t16;
 });
 /** Derive status from meta or manual validateStatus */
 function deriveStatus(meta, validateStatus) {
@@ -111,149 +233,385 @@ function statusClassName(status) {
 	}
 }
 /** Render the inner label + control layout, receiving meta from Field */
-function FormItemLayout({ label, children, meta, help, extra, required, rules, hidden, className, customStyle, noStyle, labelCol: itemLabelCol, wrapperCol: itemWrapperCol, validateStatus: manualStatus, colon: itemColon, control, formContext }) {
-	const itemId = `ald-form-item-${getReactId(React.useId())}`;
-	const status = deriveStatus(meta, manualStatus);
-	const errors = useMemo(() => meta?.errors ?? [], [meta?.errors]);
-	const warnings = useMemo(() => meta?.warnings ?? [], [meta?.warnings]);
-	const itemInputContextValue = useMemo(() => ({
-		status,
-		isFormItemInput: true,
-		errors,
-		warnings
-	}), [
-		status,
-		errors,
-		warnings
-	]);
-	if (noStyle && !hidden) return /* @__PURE__ */ jsx(Fragment, { children });
+function FormItemLayout(t0) {
+	const $ = c(89);
+	const { label, children, meta, help, extra, required, rules, hidden, className, customStyle, noStyle, labelCol: itemLabelCol, wrapperCol: itemWrapperCol, validateStatus: manualStatus, colon: itemColon, control, formContext } = t0;
+	const reactId = React.useId();
+	let t1;
+	if ($[0] !== reactId) {
+		t1 = getReactId(reactId);
+		$[0] = reactId;
+		$[1] = t1;
+	} else t1 = $[1];
+	const itemId = `ald-form-item-${t1}`;
+	let t2;
+	if ($[2] !== manualStatus || $[3] !== meta) {
+		t2 = deriveStatus(meta, manualStatus);
+		$[2] = manualStatus;
+		$[3] = meta;
+		$[4] = t2;
+	} else t2 = $[4];
+	const status = t2;
+	meta?.errors;
+	let t3;
+	if ($[5] !== meta?.errors) {
+		t3 = meta?.errors ?? [];
+		$[5] = meta?.errors;
+		$[6] = t3;
+	} else t3 = $[6];
+	const errors = t3;
+	let t4;
+	if ($[7] !== meta?.warnings) {
+		t4 = () => meta?.warnings ?? [];
+		$[7] = meta?.warnings;
+		$[8] = t4;
+	} else t4 = $[8];
+	meta?.warnings;
+	let t5;
+	if ($[9] !== t4) {
+		t5 = t4();
+		$[9] = t4;
+		$[10] = t5;
+	} else t5 = $[10];
+	const warnings = t5;
+	let t6;
+	if ($[11] !== errors || $[12] !== status || $[13] !== warnings) {
+		t6 = {
+			status,
+			isFormItemInput: true,
+			errors,
+			warnings
+		};
+		$[11] = errors;
+		$[12] = status;
+		$[13] = warnings;
+		$[14] = t6;
+	} else t6 = $[14];
+	const itemInputContextValue = t6;
+	if (noStyle && !hidden) {
+		let t7;
+		if ($[15] !== children) {
+			t7 = /* @__PURE__ */ jsx(Fragment, { children });
+			$[15] = children;
+			$[16] = t7;
+		} else t7 = $[16];
+		return t7;
+	}
 	const { requiredMark } = formContext;
-	const rulesRequired = rules && rules.some((r) => typeof r === "object" && r && r.required);
-	const isRequired = required || rulesRequired || meta && meta.required;
-	const showRequired = requiredMark !== false && isRequired;
-	const showOptional = requiredMark === "optional" && !isRequired;
-	const resolvedLabelCol = itemLabelCol ?? formContext.labelCol;
-	const resolvedWrapperCol = itemWrapperCol ?? formContext.wrapperCol;
-	const layout = formContext.layout || "horizontal";
-	const showColon = (itemColon ?? formContext.colon) !== false && layout === "horizontal";
-	const useGridLayout = layout === "horizontal" && (resolvedLabelCol || resolvedWrapperCol);
-	const displayMessages = help !== null && help !== void 0 ? [help] : errors;
-	const hasError = status === "error" || errors.length > 0 && help === null;
-	const hasWarning = status === "warning" || warnings.length > 0 && help === null;
-	const hasLabel = label !== null && label !== void 0 && label !== "";
-	const hasExtra = extra !== null && extra !== void 0;
-	const shouldAnnounceMessage = displayMessages.length > 0 && (hasError || hasWarning || status === "success" || status === "info" || status === "validating");
-	const explainId = `${itemId}-explain`;
-	const extraId = `${itemId}-extra`;
-	const labelId = `${itemId}-label`;
-	const childProps = (React.isValidElement(children) ? children : null)?.props ?? {};
-	const controlId = typeof childProps.id === "string" && childProps.id ? childProps.id : `${itemId}-control`;
-	const describedBy = mergeAriaIds(childProps["aria-describedby"], displayMessages.length > 0 && explainId, hasExtra && extraId);
-	const enhancedChildren = enhanceControlChild(children, control, {
-		id: controlId,
-		"aria-labelledby": hasLabel ? mergeAriaIds(childProps["aria-labelledby"], labelId) : childProps["aria-labelledby"],
-		"aria-describedby": describedBy,
-		"aria-invalid": hasError ? true : childProps["aria-invalid"],
-		"aria-required": isRequired ? true : childProps["aria-required"],
-		"aria-busy": status === "validating" ? true : childProps["aria-busy"] || void 0
-	});
-	const labelNode = hasLabel ? /* @__PURE__ */ jsx("div", {
-		className: cn("ald-form-item-label ant-form-item-label", layout === "vertical" && "tw-mb-1 tw-block", layout === "horizontal" && "tw-mr-3 tw-shrink-0"),
-		style: useGridLayout ? colStyle(resolvedLabelCol) : void 0,
-		children: /* @__PURE__ */ jsxs("label", {
-			id: labelId,
-			htmlFor: controlId,
-			className: cn("tw-text-[var(--content-secondary)] tw-text-typography-label", !showColon && "ant-form-item-no-colon"),
-			children: [
-				showRequired && /* @__PURE__ */ jsx("span", {
-					"aria-hidden": "true",
-					className: "tw-mr-1 tw-text-[var(--content-negative-primary)]",
-					children: "*"
-				}),
-				label,
-				showOptional && /* @__PURE__ */ jsx("span", {
-					className: "tw-ml-1 tw-text-[var(--content-secondary)] tw-text-typography-caption",
-					children: "(optional)"
-				}),
-				showColon && label ? ":" : null
-			]
-		})
-	}) : null;
-	const controlNode = /* @__PURE__ */ jsxs("div", {
-		className: cn("ald-form-item-control ant-form-item-control", layout === "horizontal" && "tw-min-w-0 tw-flex-1"),
-		style: useGridLayout ? colStyle(resolvedWrapperCol) : void 0,
-		children: [
-			/* @__PURE__ */ jsx(FormItemInputContext.Provider, {
-				value: itemInputContextValue,
+	let controlNode;
+	let labelNode;
+	let t7;
+	if ($[17] !== children || $[18] !== className || $[19] !== control || $[20] !== errors || $[21] !== extra || $[22] !== formContext.colon || $[23] !== formContext.labelCol || $[24] !== formContext.layout || $[25] !== formContext.wrapperCol || $[26] !== help || $[27] !== hidden || $[28] !== itemColon || $[29] !== itemId || $[30] !== itemInputContextValue || $[31] !== itemLabelCol || $[32] !== itemWrapperCol || $[33] !== label || $[34] !== meta || $[35] !== required || $[36] !== requiredMark || $[37] !== rules || $[38] !== status || $[39] !== warnings) {
+		const rulesRequired = rules && rules.some(_temp);
+		const isRequired = required || rulesRequired || meta && meta.required;
+		const showRequired = requiredMark !== false && isRequired;
+		const showOptional = requiredMark === "optional" && !isRequired;
+		const resolvedLabelCol = itemLabelCol ?? formContext.labelCol;
+		const resolvedWrapperCol = itemWrapperCol ?? formContext.wrapperCol;
+		const layout = formContext.layout || "horizontal";
+		const showColon = (itemColon ?? formContext.colon) !== false && layout === "horizontal";
+		const useGridLayout = layout === "horizontal" && (resolvedLabelCol || resolvedWrapperCol);
+		let t8;
+		if ($[43] !== errors || $[44] !== help) {
+			t8 = help !== null && help !== void 0 ? [help] : errors;
+			$[43] = errors;
+			$[44] = help;
+			$[45] = t8;
+		} else t8 = $[45];
+		const displayMessages = t8;
+		const hasError = status === "error" || errors.length > 0 && help === null;
+		const hasWarning = status === "warning" || warnings.length > 0 && help === null;
+		const hasLabel = label !== null && label !== void 0 && label !== "";
+		const hasExtra = extra !== null && extra !== void 0;
+		const shouldAnnounceMessage = displayMessages.length > 0 && (hasError || hasWarning || status === "success" || status === "info" || status === "validating");
+		const explainId = `${itemId}-explain`;
+		const extraId = `${itemId}-extra`;
+		const labelId = `${itemId}-label`;
+		const childProps = (React.isValidElement(children) ? children : null)?.props ?? {};
+		const controlId = typeof childProps.id === "string" && childProps.id ? childProps.id : `${itemId}-control`;
+		const describedBy = mergeAriaIds(childProps["aria-describedby"], displayMessages.length > 0 && explainId, hasExtra && extraId);
+		const enhancedChildren = enhanceControlChild(children, control, {
+			id: controlId,
+			"aria-labelledby": hasLabel ? mergeAriaIds(childProps["aria-labelledby"], labelId) : childProps["aria-labelledby"],
+			"aria-describedby": describedBy,
+			"aria-invalid": hasError ? true : childProps["aria-invalid"],
+			"aria-required": isRequired ? true : childProps["aria-required"],
+			"aria-busy": status === "validating" ? true : childProps["aria-busy"] || void 0
+		});
+		labelNode = hasLabel ? /* @__PURE__ */ jsx("div", {
+			className: cn("ald-form-item-label ant-form-item-label", layout === "vertical" && "tw-mb-1 tw-block", layout === "horizontal" && "tw-mr-3 tw-shrink-0"),
+			style: useGridLayout ? colStyle(resolvedLabelCol) : void 0,
+			children: /* @__PURE__ */ jsxs("label", {
+				id: labelId,
+				htmlFor: controlId,
+				className: cn("tw-text-[var(--content-secondary)] tw-text-typography-label", !showColon && "ant-form-item-no-colon"),
+				children: [
+					showRequired && /* @__PURE__ */ jsx("span", {
+						"aria-hidden": "true",
+						className: "tw-mr-1 tw-text-[var(--content-negative-primary)]",
+						children: "*"
+					}),
+					label,
+					showOptional && /* @__PURE__ */ jsx("span", {
+						className: "tw-ml-1 tw-text-[var(--content-secondary)] tw-text-typography-caption",
+						children: "(optional)"
+					}),
+					showColon && label ? ":" : null
+				]
+			})
+		}) : null;
+		const t9 = layout === "horizontal" && "tw-min-w-0 tw-flex-1";
+		let t10;
+		if ($[46] !== t9) {
+			t10 = cn("ald-form-item-control ant-form-item-control", t9);
+			$[46] = t9;
+			$[47] = t10;
+		} else t10 = $[47];
+		let t11;
+		if ($[48] !== resolvedWrapperCol || $[49] !== useGridLayout) {
+			t11 = useGridLayout ? colStyle(resolvedWrapperCol) : void 0;
+			$[48] = resolvedWrapperCol;
+			$[49] = useGridLayout;
+			$[50] = t11;
+		} else t11 = $[50];
+		let t12;
+		if ($[51] !== enhancedChildren) {
+			t12 = /* @__PURE__ */ jsx("div", {
+				className: "ald-form-item-control-input",
 				children: /* @__PURE__ */ jsx("div", {
-					className: "ald-form-item-control-input",
-					children: /* @__PURE__ */ jsx("div", {
-						className: "ald-form-item-control-input-content",
-						children: enhancedChildren
-					})
+					className: "ald-form-item-control-input-content",
+					children: enhancedChildren
 				})
-			}),
-			/* @__PURE__ */ jsx("div", {
+			});
+			$[51] = enhancedChildren;
+			$[52] = t12;
+		} else t12 = $[52];
+		let t13;
+		if ($[53] !== itemInputContextValue || $[54] !== t12) {
+			t13 = /* @__PURE__ */ jsx(FormItemInputContext.Provider, {
+				value: itemInputContextValue,
+				children: t12
+			});
+			$[53] = itemInputContextValue;
+			$[54] = t12;
+			$[55] = t13;
+		} else t13 = $[55];
+		const t14 = displayMessages.length > 0 && "tw-mt-1";
+		const t15 = hasError && "tw-text-[var(--content-negative-secondary)]";
+		const t16 = hasWarning && !hasError && "tw-text-[var(--content-warning-primary)]";
+		const t17 = !hasError && !hasWarning && help !== null && help !== void 0 && "tw-text-[var(--content-secondary)]";
+		let t18;
+		if ($[56] !== t14 || $[57] !== t15 || $[58] !== t16 || $[59] !== t17) {
+			t18 = cn("ald-form-item-explain ant-form-item-explain tw-transition-all tw-duration-200 tw-text-typography-caption", t14, t15, t16, t17);
+			$[56] = t14;
+			$[57] = t15;
+			$[58] = t16;
+			$[59] = t17;
+			$[60] = t18;
+		} else t18 = $[60];
+		const t19 = shouldAnnounceMessage ? hasError ? "alert" : "status" : void 0;
+		const t20 = shouldAnnounceMessage ? "polite" : void 0;
+		const t21 = shouldAnnounceMessage ? true : void 0;
+		let t22;
+		if ($[61] !== displayMessages.length) {
+			t22 = displayMessages.length === 0 ? { display: "none" } : void 0;
+			$[61] = displayMessages.length;
+			$[62] = t22;
+		} else t22 = $[62];
+		let t23;
+		if ($[63] !== displayMessages) {
+			t23 = displayMessages.map(_temp2);
+			$[63] = displayMessages;
+			$[64] = t23;
+		} else t23 = $[64];
+		let t24;
+		if ($[65] !== explainId || $[66] !== t18 || $[67] !== t19 || $[68] !== t20 || $[69] !== t21 || $[70] !== t22 || $[71] !== t23) {
+			t24 = /* @__PURE__ */ jsx("div", {
 				id: explainId,
-				className: cn("ald-form-item-explain ant-form-item-explain tw-transition-all tw-duration-200 tw-text-typography-caption", displayMessages.length > 0 && "tw-mt-1", hasError && "tw-text-[var(--content-negative-secondary)]", hasWarning && !hasError && "tw-text-[var(--content-warning-primary)]", !hasError && !hasWarning && help !== null && help !== void 0 && "tw-text-[var(--content-secondary)]"),
-				role: shouldAnnounceMessage ? hasError ? "alert" : "status" : void 0,
-				"aria-live": shouldAnnounceMessage ? "polite" : void 0,
-				"aria-atomic": shouldAnnounceMessage ? true : void 0,
-				style: displayMessages.length === 0 ? { display: "none" } : void 0,
-				children: displayMessages.map((msg, i) => /* @__PURE__ */ jsx("div", { children: msg }, i))
-			}),
-			hasExtra && /* @__PURE__ */ jsx("div", {
+				className: t18,
+				role: t19,
+				"aria-live": t20,
+				"aria-atomic": t21,
+				style: t22,
+				children: t23
+			});
+			$[65] = explainId;
+			$[66] = t18;
+			$[67] = t19;
+			$[68] = t20;
+			$[69] = t21;
+			$[70] = t22;
+			$[71] = t23;
+			$[72] = t24;
+		} else t24 = $[72];
+		let t25;
+		if ($[73] !== extra || $[74] !== extraId || $[75] !== hasExtra) {
+			t25 = hasExtra && /* @__PURE__ */ jsx("div", {
 				id: extraId,
 				className: "ald-form-item-extra tw-mt-1 tw-text-[var(--content-secondary)] tw-text-typography-caption",
 				children: extra
-			})
-		]
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("ald-form-item ant-form-item ant-row tw-mb-6", hidden && "tw-hidden", showRequired && "ald-form-item-required", statusClassName(status), layout === "horizontal" && "tw-flex tw-flex-row tw-items-start", layout === "inline" && "tw-mr-4 tw-inline-flex tw-flex-row tw-items-start", className),
-		"data-form-item-status": status || void 0,
-		style: customStyle,
-		children: [labelNode, controlNode]
-	});
+			});
+			$[73] = extra;
+			$[74] = extraId;
+			$[75] = hasExtra;
+			$[76] = t25;
+		} else t25 = $[76];
+		let t26;
+		if ($[77] !== t10 || $[78] !== t11 || $[79] !== t13 || $[80] !== t24 || $[81] !== t25) {
+			t26 = /* @__PURE__ */ jsxs("div", {
+				className: t10,
+				style: t11,
+				children: [
+					t13,
+					t24,
+					t25
+				]
+			});
+			$[77] = t10;
+			$[78] = t11;
+			$[79] = t13;
+			$[80] = t24;
+			$[81] = t25;
+			$[82] = t26;
+		} else t26 = $[82];
+		controlNode = t26;
+		t7 = cn("ald-form-item ant-form-item ant-row tw-mb-6", hidden && "tw-hidden", showRequired && "ald-form-item-required", statusClassName(status), layout === "horizontal" && "tw-flex tw-flex-row tw-items-start", layout === "inline" && "tw-mr-4 tw-inline-flex tw-flex-row tw-items-start", className);
+		$[17] = children;
+		$[18] = className;
+		$[19] = control;
+		$[20] = errors;
+		$[21] = extra;
+		$[22] = formContext.colon;
+		$[23] = formContext.labelCol;
+		$[24] = formContext.layout;
+		$[25] = formContext.wrapperCol;
+		$[26] = help;
+		$[27] = hidden;
+		$[28] = itemColon;
+		$[29] = itemId;
+		$[30] = itemInputContextValue;
+		$[31] = itemLabelCol;
+		$[32] = itemWrapperCol;
+		$[33] = label;
+		$[34] = meta;
+		$[35] = required;
+		$[36] = requiredMark;
+		$[37] = rules;
+		$[38] = status;
+		$[39] = warnings;
+		$[40] = controlNode;
+		$[41] = labelNode;
+		$[42] = t7;
+	} else {
+		controlNode = $[40];
+		labelNode = $[41];
+		t7 = $[42];
+	}
+	const t8 = status || void 0;
+	const t9 = customStyle;
+	let t10;
+	if ($[83] !== controlNode || $[84] !== labelNode || $[85] !== t7 || $[86] !== t8 || $[87] !== t9) {
+		t10 = /* @__PURE__ */ jsxs("div", {
+			className: t7,
+			"data-form-item-status": t8,
+			style: t9,
+			children: [labelNode, controlNode]
+		});
+		$[83] = controlNode;
+		$[84] = labelNode;
+		$[85] = t7;
+		$[86] = t8;
+		$[87] = t9;
+		$[88] = t10;
+	} else t10 = $[88];
+	return t10;
+}
+function _temp2(msg, i) {
+	return /* @__PURE__ */ jsx("div", { children: msg }, i);
+}
+function _temp(r) {
+	return typeof r === "object" && r && r.required;
 }
 var AldFormItem = function(props) {
-	const { labelWidth, style = {}, label, name, rules, children, className, required, hidden, initialValue, dependencies, shouldUpdate, help, extra, validateTrigger, valuePropName, getValueFromEvent, normalize, getValueProps, noStyle, labelCol, wrapperCol, validateStatus, colon, trigger } = props;
+	const $ = c(55);
+	const { labelWidth, style: t0, label, name, rules, children, className, required, hidden, initialValue, dependencies, shouldUpdate, help, extra, validateTrigger, valuePropName, getValueFromEvent, normalize, getValueProps, noStyle, labelCol, wrapperCol, validateStatus, colon, trigger } = props;
+	let t1;
+	if ($[0] !== t0) {
+		t1 = t0 === void 0 ? {} : t0;
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	const style = t1;
 	const formContext = useContext(FormContext);
-	const customStyle = {
-		...style,
-		...labelWidth ? { "--label-width": `${labelWidth}px` } : {},
-		...props.labelAlign ? { "--label-align": props.labelAlign } : {}
-	};
-	if (!(name !== null && name !== void 0 || shouldUpdate !== null && shouldUpdate !== void 0 || dependencies !== null && dependencies !== void 0)) return /* @__PURE__ */ jsx(FormItemLayout, {
-		label,
-		help,
-		extra,
-		required,
-		rules,
-		hidden,
-		className,
-		customStyle,
-		noStyle,
-		labelCol,
-		wrapperCol,
-		validateStatus,
-		colon,
-		formContext,
-		children
-	});
-	return /* @__PURE__ */ jsx(Field, {
-		name,
-		rules,
-		initialValue,
-		dependencies,
-		shouldUpdate,
-		validateTrigger,
-		trigger,
-		valuePropName,
-		getValueFromEvent,
-		normalize,
-		getValueProps,
-		children: (control, meta, form) => {
+	let t2;
+	if ($[2] !== labelWidth) {
+		t2 = labelWidth ? { "--label-width": `${labelWidth}px` } : {};
+		$[2] = labelWidth;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== props.labelAlign) {
+		t3 = props.labelAlign ? { "--label-align": props.labelAlign } : {};
+		$[4] = props.labelAlign;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== style || $[7] !== t2 || $[8] !== t3) {
+		t4 = {
+			...style,
+			...t2,
+			...t3
+		};
+		$[6] = style;
+		$[7] = t2;
+		$[8] = t3;
+		$[9] = t4;
+	} else t4 = $[9];
+	const customStyle = t4;
+	if (!(name !== null && name !== void 0 || shouldUpdate !== null && shouldUpdate !== void 0 || dependencies !== null && dependencies !== void 0)) {
+		const t5 = customStyle;
+		const t6 = children;
+		let t7;
+		if ($[10] !== className || $[11] !== colon || $[12] !== extra || $[13] !== formContext || $[14] !== help || $[15] !== hidden || $[16] !== label || $[17] !== labelCol || $[18] !== noStyle || $[19] !== required || $[20] !== rules || $[21] !== t5 || $[22] !== t6 || $[23] !== validateStatus || $[24] !== wrapperCol) {
+			t7 = /* @__PURE__ */ jsx(FormItemLayout, {
+				label,
+				help,
+				extra,
+				required,
+				rules,
+				hidden,
+				className,
+				customStyle: t5,
+				noStyle,
+				labelCol,
+				wrapperCol,
+				validateStatus,
+				colon,
+				formContext,
+				children: t6
+			});
+			$[10] = className;
+			$[11] = colon;
+			$[12] = extra;
+			$[13] = formContext;
+			$[14] = help;
+			$[15] = hidden;
+			$[16] = label;
+			$[17] = labelCol;
+			$[18] = noStyle;
+			$[19] = required;
+			$[20] = rules;
+			$[21] = t5;
+			$[22] = t6;
+			$[23] = validateStatus;
+			$[24] = wrapperCol;
+			$[25] = t7;
+		} else t7 = $[25];
+		return t7;
+	}
+	let t5;
+	if ($[26] !== children || $[27] !== className || $[28] !== colon || $[29] !== customStyle || $[30] !== extra || $[31] !== formContext || $[32] !== help || $[33] !== hidden || $[34] !== label || $[35] !== labelCol || $[36] !== noStyle || $[37] !== required || $[38] !== rules || $[39] !== validateStatus || $[40] !== wrapperCol) {
+		t5 = (control, meta, form) => {
 			if (typeof children === "function") {
 				const childContent = children(form);
 				if (noStyle && !hidden) return childContent;
@@ -298,28 +656,119 @@ var AldFormItem = function(props) {
 				formContext,
 				children
 			});
-		}
-	});
+		};
+		$[26] = children;
+		$[27] = className;
+		$[28] = colon;
+		$[29] = customStyle;
+		$[30] = extra;
+		$[31] = formContext;
+		$[32] = help;
+		$[33] = hidden;
+		$[34] = label;
+		$[35] = labelCol;
+		$[36] = noStyle;
+		$[37] = required;
+		$[38] = rules;
+		$[39] = validateStatus;
+		$[40] = wrapperCol;
+		$[41] = t5;
+	} else t5 = $[41];
+	let t6;
+	if ($[42] !== dependencies || $[43] !== getValueFromEvent || $[44] !== getValueProps || $[45] !== initialValue || $[46] !== name || $[47] !== normalize || $[48] !== rules || $[49] !== shouldUpdate || $[50] !== t5 || $[51] !== trigger || $[52] !== validateTrigger || $[53] !== valuePropName) {
+		t6 = /* @__PURE__ */ jsx(Field, {
+			name,
+			rules,
+			initialValue,
+			dependencies,
+			shouldUpdate,
+			validateTrigger,
+			trigger,
+			valuePropName,
+			getValueFromEvent,
+			normalize,
+			getValueProps,
+			children: t5
+		});
+		$[42] = dependencies;
+		$[43] = getValueFromEvent;
+		$[44] = getValueProps;
+		$[45] = initialValue;
+		$[46] = name;
+		$[47] = normalize;
+		$[48] = rules;
+		$[49] = shouldUpdate;
+		$[50] = t5;
+		$[51] = trigger;
+		$[52] = validateTrigger;
+		$[53] = valuePropName;
+		$[54] = t6;
+	} else t6 = $[54];
+	return t6;
 };
 function useFormItemStatus() {
+	const $ = c(8);
 	const ctx = useContext(FormItemInputContext);
-	return {
-		status: ctx.status,
-		errors: ctx.errors ?? [],
-		warnings: ctx.warnings ?? []
-	};
+	let t0;
+	if ($[0] !== ctx.errors) {
+		t0 = ctx.errors ?? [];
+		$[0] = ctx.errors;
+		$[1] = t0;
+	} else t0 = $[1];
+	let t1;
+	if ($[2] !== ctx.warnings) {
+		t1 = ctx.warnings ?? [];
+		$[2] = ctx.warnings;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== ctx.status || $[5] !== t0 || $[6] !== t1) {
+		t2 = {
+			status: ctx.status,
+			errors: t0,
+			warnings: t1
+		};
+		$[4] = ctx.status;
+		$[5] = t0;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
 }
 AldFormItem.useStatus = useFormItemStatus;
 function ErrorListComponent(props) {
+	const $ = c(7);
 	const { errors, className } = props;
 	if (!errors || errors.length === 0) return null;
+	let t0;
+	if ($[0] !== className) {
+		t0 = cn("ald-form-error-list", className);
+		$[0] = className;
+		$[1] = t0;
+	} else t0 = $[1];
+	let t1;
+	if ($[2] !== errors) {
+		t1 = errors.map(_temp3);
+		$[2] = errors;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== t0 || $[5] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			className: t0,
+			children: t1
+		});
+		$[4] = t0;
+		$[5] = t1;
+		$[6] = t2;
+	} else t2 = $[6];
+	return t2;
+}
+function _temp3(err, i) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cn("ald-form-error-list", className),
-		children: errors.map((err, i) => /* @__PURE__ */ jsx("div", {
-			className: "tw-text-[var(--content-negative-secondary)] tw-text-typography-caption",
-			children: err
-		}, i))
-	});
+		className: "tw-text-[var(--content-negative-secondary)] tw-text-typography-caption",
+		children: err
+	}, i);
 }
 function useFormInstance() {
 	return useContext(FieldContext);