@questpie/admin 3.2.4 → 3.2.5

package/dist/client/views/collection/auto-form-fields.mjs

@@ -12,7 +12,6 @@ import { useGlobalMeta } from "../../hooks/use-global-meta.mjs";
 import { scopeDependencies, trackDependencies } from "../../utils/dependency-tracker.mjs";
 import { getFullFieldName, resolveValue } from "./field-context.mjs";
 import { FieldRenderer } from "./field-renderer.mjs";
-import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useFormContext, useWatch } from "react-hook-form";
@@ -125,133 +124,38 @@ function getLayoutKey(item) {
 	}).join("-");
 	return fieldKey ? `section-${fieldKey}` : "section";
 }
-function FieldLayoutItems(t0) {
-	const $ = c(25);
-	const { fieldItems, fields, collection, mode: t1, registry, fieldPrefix, allCollectionsConfig, excludedFields, entityMeta, formValues, resolveText } = t0;
-	const mode = t1 === void 0 ? "collection" : t1;
+function FieldLayoutItems({ fieldItems, fields, collection, mode = "collection", registry, fieldPrefix, allCollectionsConfig, excludedFields, entityMeta, formValues, resolveText }) {
 	if (!fieldItems?.length) return null;
-	let t2;
-	if ($[0] !== allCollectionsConfig || $[1] !== collection || $[2] !== entityMeta || $[3] !== excludedFields || $[4] !== fieldItems || $[5] !== fieldPrefix || $[6] !== fields || $[7] !== formValues || $[8] !== mode || $[9] !== registry || $[10] !== resolveText) {
-		let t3$1;
-		if ($[12] !== allCollectionsConfig || $[13] !== collection || $[14] !== entityMeta || $[15] !== excludedFields || $[16] !== fieldPrefix || $[17] !== fields || $[18] !== formValues || $[19] !== mode || $[20] !== registry || $[21] !== resolveText) {
-			t3$1 = (item, index) => {
-				if (isFieldReference(item)) {
-					const fieldName = getFieldName(item);
-					if (!fieldName || !fields[fieldName]) return null;
-					if (excludedFields?.has(fieldName)) return null;
-					const fieldDef = fields[fieldName];
-					return /* @__PURE__ */ jsx(FieldRenderer, {
-						fieldName,
-						fieldDef,
-						collection,
-						mode,
-						registry,
-						fieldPrefix,
-						allCollectionsConfig,
-						entityMeta,
-						className: typeof item === "object" && "className" in item ? item.className : void 0,
-						extraProps: typeof item === "object" && "props" in item ? item.props : void 0,
-						renderEmbeddedFields: (t4) => {
-							const { embeddedCollection, embeddedCollectionConfig, fullFieldName, index: embeddedIndex } = t4;
-							return /* @__PURE__ */ jsx(AutoFormFields, {
-								collection: embeddedCollection,
-								mode: "collection",
-								config: embeddedCollectionConfig,
-								registry,
-								fieldPrefix: `${fullFieldName}.${embeddedIndex}`,
-								allCollectionsConfig
-							});
-						}
-					}, fieldName);
-				}
-				if (typeof item === "object" && "type" in item) switch (item.type) {
-					case "tabs": return /* @__PURE__ */ jsx(TabsLayoutRenderer, {
-						tabsLayout: item,
-						fields,
-						collection,
-						mode,
-						registry,
-						fieldPrefix,
-						allCollectionsConfig,
-						excludedFields,
-						entityMeta,
-						formValues,
-						resolveText
-					}, getLayoutKey(item));
-					case "section": return /* @__PURE__ */ jsx(SectionLayoutRenderer, {
-						section: item,
-						index,
-						fields,
-						collection,
-						mode,
-						registry,
-						fieldPrefix,
-						allCollectionsConfig,
-						excludedFields,
-						entityMeta,
-						formValues,
-						resolveText
-					}, getLayoutKey(item));
-					default: return null;
-				}
-				return null;
-			};
-			$[12] = allCollectionsConfig;
-			$[13] = collection;
-			$[14] = entityMeta;
-			$[15] = excludedFields;
-			$[16] = fieldPrefix;
-			$[17] = fields;
-			$[18] = formValues;
-			$[19] = mode;
-			$[20] = registry;
-			$[21] = resolveText;
-			$[22] = t3$1;
-		} else t3$1 = $[22];
-		t2 = fieldItems.map(t3$1).filter(Boolean);
-		$[0] = allCollectionsConfig;
-		$[1] = collection;
-		$[2] = entityMeta;
-		$[3] = excludedFields;
-		$[4] = fieldItems;
-		$[5] = fieldPrefix;
-		$[6] = fields;
-		$[7] = formValues;
-		$[8] = mode;
-		$[9] = registry;
-		$[10] = resolveText;
-		$[11] = t2;
-	} else t2 = $[11];
-	const validItems = t2;
-	let t3;
-	if ($[23] !== validItems) {
-		t3 = validItems.length === 1 ? validItems[0] : /* @__PURE__ */ jsx("div", {
-			className: "space-y-6",
-			children: validItems
-		});
-		$[23] = validItems;
-		$[24] = t3;
-	} else t3 = $[24];
-	return t3;
-}
-/**
-* Render a section layout
-* Mirrors object field: wrapper (flat|collapsible) + layout (stack|inline|grid)
-*/
-function SectionLayoutRenderer(t0) {
-	const $ = c(51);
-	const { section, index, fields, collection, mode: t1, registry, fieldPrefix, allCollectionsConfig, excludedFields, entityMeta, formValues, resolveText } = t0;
-	const mode = t1 === void 0 ? "collection" : t1;
-	if (resolveValue(section.hidden, formValues, false)) return null;
-	const wrapper = section.wrapper ?? "flat";
-	const layout = section.layout ?? "stack";
-	const columns = section.columns ?? 2;
-	const gap = section.gap;
-	let t2;
-	if ($[0] !== allCollectionsConfig || $[1] !== collection || $[2] !== columns || $[3] !== entityMeta || $[4] !== excludedFields || $[5] !== fieldPrefix || $[6] !== fields || $[7] !== formValues || $[8] !== gap || $[9] !== layout || $[10] !== mode || $[11] !== registry || $[12] !== resolveText || $[13] !== section.className || $[14] !== section.fields) {
-		const renderSectionFields = () => {
-			if (layout === "grid") return renderFields({
-				fieldItems: section.fields,
+	const validItems = fieldItems.map((item, index) => {
+		if (isFieldReference(item)) {
+			const fieldName = getFieldName(item);
+			if (!fieldName || !fields[fieldName]) return null;
+			if (excludedFields?.has(fieldName)) return null;
+			const fieldDef = fields[fieldName];
+			return /* @__PURE__ */ jsx(FieldRenderer, {
+				fieldName,
+				fieldDef,
+				collection,
+				mode,
+				registry,
+				fieldPrefix,
+				allCollectionsConfig,
+				entityMeta,
+				className: typeof item === "object" && "className" in item ? item.className : void 0,
+				extraProps: typeof item === "object" && "props" in item ? item.props : void 0,
+				renderEmbeddedFields: ({ embeddedCollection, embeddedCollectionConfig, fullFieldName, index: embeddedIndex }) => /* @__PURE__ */ jsx(AutoFormFields, {
+					collection: embeddedCollection,
+					mode: "collection",
+					config: embeddedCollectionConfig,
+					registry,
+					fieldPrefix: `${fullFieldName}.${embeddedIndex}`,
+					allCollectionsConfig
+				})
+			}, fieldName);
+		}
+		if (typeof item === "object" && "type" in item) switch (item.type) {
+			case "tabs": return /* @__PURE__ */ jsx(TabsLayoutRenderer, {
+				tabsLayout: item,
 				fields,
 				collection,
 				mode,
@@ -260,43 +164,12 @@ function SectionLayoutRenderer(t0) {
 				allCollectionsConfig,
 				excludedFields,
 				entityMeta,
-				columns,
-				gap,
-				className: section.className
-			});
-			if (layout === "inline") return /* @__PURE__ */ jsx("div", {
-				className: cn("flex flex-wrap gap-4", section.className),
-				children: section.fields.map((item, _idx) => {
-					const fieldName = getFieldName(item);
-					if (!fieldName || !fields[fieldName]) return null;
-					if (excludedFields?.has(fieldName)) return null;
-					const fieldDef = fields[fieldName];
-					return /* @__PURE__ */ jsx(FieldRenderer, {
-						fieldName,
-						fieldDef,
-						collection,
-						mode,
-						registry,
-						fieldPrefix,
-						allCollectionsConfig,
-						entityMeta,
-						className: typeof item === "object" && "className" in item ? item.className : void 0,
-						renderEmbeddedFields: (t3$1) => {
-							const { embeddedCollection, embeddedCollectionConfig, fullFieldName, index: embeddedIndex } = t3$1;
-							return /* @__PURE__ */ jsx(AutoFormFields, {
-								collection: embeddedCollection,
-								mode: "collection",
-								config: embeddedCollectionConfig,
-								registry,
-								fieldPrefix: `${fullFieldName}.${embeddedIndex}`,
-								allCollectionsConfig
-							});
-						}
-					}, fieldName);
-				})
-			});
-			return /* @__PURE__ */ jsx(FieldLayoutItems, {
-				fieldItems: section.fields,
+				formValues,
+				resolveText
+			}, getLayoutKey(item));
+			case "section": return /* @__PURE__ */ jsx(SectionLayoutRenderer, {
+				section: item,
+				index,
 				fields,
 				collection,
 				mode,
@@ -307,272 +180,175 @@ function SectionLayoutRenderer(t0) {
 				entityMeta,
 				formValues,
 				resolveText
-			});
-		};
-		t2 = renderSectionFields();
-		$[0] = allCollectionsConfig;
-		$[1] = collection;
-		$[2] = columns;
-		$[3] = entityMeta;
-		$[4] = excludedFields;
-		$[5] = fieldPrefix;
-		$[6] = fields;
-		$[7] = formValues;
-		$[8] = gap;
-		$[9] = layout;
-		$[10] = mode;
-		$[11] = registry;
-		$[12] = resolveText;
-		$[13] = section.className;
-		$[14] = section.fields;
-		$[15] = t2;
-	} else t2 = $[15];
-	const content = t2;
-	if (!content) return null;
-	let t3;
-	if ($[16] !== formValues || $[17] !== resolveText || $[18] !== section.description || $[19] !== section.label) {
-		t3 = section.label || section.description ? /* @__PURE__ */ jsxs("div", {
-			className: "mb-4",
-			children: [section.label && /* @__PURE__ */ jsx("h3", {
-				className: "qa-form-fields__section-title text-lg font-semibold",
-				children: resolveText(section.label, "", formValues)
-			}), section.description && /* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground mt-1 text-sm text-pretty",
-				children: resolveText(section.description, "", formValues)
-			})]
-		}) : null;
-		$[16] = formValues;
-		$[17] = resolveText;
-		$[18] = section.description;
-		$[19] = section.label;
-		$[20] = t3;
-	} else t3 = $[20];
-	const header = t3;
-	if (wrapper === "collapsible") {
-		const value = `section-${index}`;
-		const defaultOpen = section.defaultCollapsed !== true;
-		let t4$1;
-		if ($[21] !== defaultOpen || $[22] !== value) {
-			t4$1 = defaultOpen ? [value] : [];
-			$[21] = defaultOpen;
-			$[22] = value;
-			$[23] = t4$1;
-		} else t4$1 = $[23];
-		let t5$1;
-		if ($[24] !== formValues || $[25] !== resolveText || $[26] !== section.label) {
-			t5$1 = resolveText(section.label, "Section", formValues);
-			$[24] = formValues;
-			$[25] = resolveText;
-			$[26] = section.label;
-			$[27] = t5$1;
-		} else t5$1 = $[27];
-		let t6;
-		if ($[28] !== t5$1) {
-			t6 = /* @__PURE__ */ jsx(AccordionTrigger, {
-				className: "hover:no-underline",
-				children: /* @__PURE__ */ jsx("span", {
-					className: "font-semibold",
-					children: t5$1
-				})
-			});
-			$[28] = t5$1;
-			$[29] = t6;
-		} else t6 = $[29];
-		let t7;
-		if ($[30] !== formValues || $[31] !== resolveText || $[32] !== section.description) {
-			t7 = section.description && /* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground mb-4 text-sm text-pretty",
-				children: resolveText(section.description, "", formValues)
-			});
-			$[30] = formValues;
-			$[31] = resolveText;
-			$[32] = section.description;
-			$[33] = t7;
-		} else t7 = $[33];
-		let t8;
-		if ($[34] !== content || $[35] !== t7) {
-			t8 = /* @__PURE__ */ jsxs(AccordionContent, {
-				className: "pt-2 pb-4",
-				children: [t7, content]
-			});
-			$[34] = content;
-			$[35] = t7;
-			$[36] = t8;
-		} else t8 = $[36];
-		let t9;
-		if ($[37] !== t6 || $[38] !== t8 || $[39] !== value) {
-			t9 = /* @__PURE__ */ jsxs(AccordionItem, {
-				value,
-				className: "border-transparent px-4",
-				children: [t6, t8]
-			});
-			$[37] = t6;
-			$[38] = t8;
-			$[39] = value;
-			$[40] = t9;
-		} else t9 = $[40];
-		let t10;
-		if ($[41] !== t4$1 || $[42] !== t9 || $[43] !== value) {
-			t10 = /* @__PURE__ */ jsx(Accordion, {
-				defaultValue: t4$1,
-				className: "w-full",
-				children: t9
-			}, value);
-			$[41] = t4$1;
-			$[42] = t9;
-			$[43] = value;
-			$[44] = t10;
-		} else t10 = $[44];
-		return t10;
-	}
-	let t4;
-	if ($[45] !== section.className) {
-		t4 = cn("qa-form-fields__section space-y-4", section.className);
-		$[45] = section.className;
-		$[46] = t4;
-	} else t4 = $[46];
-	let t5;
-	if ($[47] !== content || $[48] !== header || $[49] !== t4) {
-		t5 = /* @__PURE__ */ jsxs("div", {
-			className: t4,
-			children: [header, content]
-		});
-		$[47] = content;
-		$[48] = header;
-		$[49] = t4;
-		$[50] = t5;
-	} else t5 = $[50];
-	return t5;
+			}, getLayoutKey(item));
+			default: return null;
+		}
+		return null;
+	}).filter(Boolean);
+	return validItems.length === 1 ? validItems[0] : /* @__PURE__ */ jsx("div", {
+		className: "space-y-6",
+		children: validItems
+	});
 }
 /**
-* Render tabs layout
+* Render a section layout
+* Mirrors object field: wrapper (flat|collapsible) + layout (stack|inline|grid)
 */
-function TabsLayoutRenderer(t0) {
-	const $ = c(29);
-	const { tabsLayout, fields, collection, mode: t1, registry, fieldPrefix, allCollectionsConfig, excludedFields, entityMeta, formValues, resolveText } = t0;
-	const mode = t1 === void 0 ? "collection" : t1;
-	const t2 = tabsLayout.tabs;
-	let t3;
-	let t4;
-	if ($[0] !== allCollectionsConfig || $[1] !== collection || $[2] !== entityMeta || $[3] !== excludedFields || $[4] !== fieldPrefix || $[5] !== fields || $[6] !== formValues || $[7] !== mode || $[8] !== registry || $[9] !== resolveText || $[10] !== tabsLayout.tabs) {
-		t4 = Symbol.for("react.early_return_sentinel");
-		bb0: {
-			let t5;
-			if ($[13] !== formValues) {
-				t5 = (tab) => !resolveValue(tab.hidden, formValues, false);
-				$[13] = formValues;
-				$[14] = t5;
-			} else t5 = $[14];
-			const visibleTabs = t2.filter(t5);
-			if (!visibleTabs.length) {
-				t4 = null;
-				break bb0;
-			}
-			const defaultTab = visibleTabs[0]?.id;
-			let t6;
-			if ($[15] !== formValues || $[16] !== resolveText) {
-				t6 = (tab_0) => /* @__PURE__ */ jsxs(TabsTrigger, {
-					value: tab_0.id,
-					className: "flex-1",
-					children: [resolveIconElement(tab_0.icon, { className: "size-3.5" }), resolveText(tab_0.label, tab_0.id, formValues)]
-				}, tab_0.id);
-				$[15] = formValues;
-				$[16] = resolveText;
-				$[17] = t6;
-			} else t6 = $[17];
-			let t7;
-			if ($[18] !== allCollectionsConfig || $[19] !== collection || $[20] !== entityMeta || $[21] !== excludedFields || $[22] !== fieldPrefix || $[23] !== fields || $[24] !== formValues || $[25] !== mode || $[26] !== registry || $[27] !== resolveText) {
-				t7 = (tab_1) => /* @__PURE__ */ jsx(TabsContent, {
-					value: tab_1.id,
-					className: "mt-4",
-					children: /* @__PURE__ */ jsx(FieldLayoutItems, {
-						fieldItems: tab_1.fields,
-						fields,
-						collection,
-						mode,
+function SectionLayoutRenderer({ section, index, fields, collection, mode = "collection", registry, fieldPrefix, allCollectionsConfig, excludedFields, entityMeta, formValues, resolveText }) {
+	if (resolveValue(section.hidden, formValues, false)) return null;
+	const wrapper = section.wrapper ?? "flat";
+	const layout = section.layout ?? "stack";
+	const columns = section.columns ?? 2;
+	const gap = section.gap;
+	const renderSectionFields = () => {
+		if (layout === "grid") return renderFields({
+			fieldItems: section.fields,
+			fields,
+			collection,
+			mode,
+			registry,
+			fieldPrefix,
+			allCollectionsConfig,
+			excludedFields,
+			entityMeta,
+			columns,
+			gap,
+			className: section.className
+		});
+		if (layout === "inline") return /* @__PURE__ */ jsx("div", {
+			className: cn("flex flex-wrap gap-4", section.className),
+			children: section.fields.map((item, _idx) => {
+				const fieldName = getFieldName(item);
+				if (!fieldName || !fields[fieldName]) return null;
+				if (excludedFields?.has(fieldName)) return null;
+				const fieldDef = fields[fieldName];
+				return /* @__PURE__ */ jsx(FieldRenderer, {
+					fieldName,
+					fieldDef,
+					collection,
+					mode,
+					registry,
+					fieldPrefix,
+					allCollectionsConfig,
+					entityMeta,
+					className: typeof item === "object" && "className" in item ? item.className : void 0,
+					renderEmbeddedFields: ({ embeddedCollection, embeddedCollectionConfig, fullFieldName, index: embeddedIndex }) => /* @__PURE__ */ jsx(AutoFormFields, {
+						collection: embeddedCollection,
+						mode: "collection",
+						config: embeddedCollectionConfig,
 						registry,
-						fieldPrefix,
-						allCollectionsConfig,
-						excludedFields,
-						entityMeta,
-						formValues,
-						resolveText
+						fieldPrefix: `${fullFieldName}.${embeddedIndex}`,
+						allCollectionsConfig
 					})
-				}, tab_1.id);
-				$[18] = allCollectionsConfig;
-				$[19] = collection;
-				$[20] = entityMeta;
-				$[21] = excludedFields;
-				$[22] = fieldPrefix;
-				$[23] = fields;
-				$[24] = formValues;
-				$[25] = mode;
-				$[26] = registry;
-				$[27] = resolveText;
-				$[28] = t7;
-			} else t7 = $[28];
-			t3 = /* @__PURE__ */ jsxs(Tabs, {
-				defaultValue: defaultTab,
-				children: [/* @__PURE__ */ jsx(TabsList, {
-					className: "w-full",
-					children: visibleTabs.map(t6)
-				}), visibleTabs.map(t7)]
-			});
-		}
-		$[0] = allCollectionsConfig;
-		$[1] = collection;
-		$[2] = entityMeta;
-		$[3] = excludedFields;
-		$[4] = fieldPrefix;
-		$[5] = fields;
-		$[6] = formValues;
-		$[7] = mode;
-		$[8] = registry;
-		$[9] = resolveText;
-		$[10] = tabsLayout.tabs;
-		$[11] = t3;
-		$[12] = t4;
-	} else {
-		t3 = $[11];
-		t4 = $[12];
-	}
-	if (t4 !== Symbol.for("react.early_return_sentinel")) return t4;
-	return t3;
-}
-/**
-* Render sidebar content
-*/
-function SidebarRenderer(t0) {
-	const $ = c(11);
-	const { sidebar, fields, collection, mode: t1, registry, fieldPrefix, allCollectionsConfig, entityMeta, formValues, resolveText } = t0;
-	const mode = t1 === void 0 ? "collection" : t1;
-	let t2;
-	if ($[0] !== allCollectionsConfig || $[1] !== collection || $[2] !== entityMeta || $[3] !== fieldPrefix || $[4] !== fields || $[5] !== formValues || $[6] !== mode || $[7] !== registry || $[8] !== resolveText || $[9] !== sidebar.fields) {
-		t2 = /* @__PURE__ */ jsx(FieldLayoutItems, {
-			fieldItems: sidebar.fields,
+				}, fieldName);
+			})
+		});
+		return /* @__PURE__ */ jsx(FieldLayoutItems, {
+			fieldItems: section.fields,
 			fields,
 			collection,
 			mode,
 			registry,
 			fieldPrefix,
 			allCollectionsConfig,
+			excludedFields,
 			entityMeta,
 			formValues,
 			resolveText
 		});
-		$[0] = allCollectionsConfig;
-		$[1] = collection;
-		$[2] = entityMeta;
-		$[3] = fieldPrefix;
-		$[4] = fields;
-		$[5] = formValues;
-		$[6] = mode;
-		$[7] = registry;
-		$[8] = resolveText;
-		$[9] = sidebar.fields;
-		$[10] = t2;
-	} else t2 = $[10];
-	return t2;
+	};
+	const content = renderSectionFields();
+	if (!content) return null;
+	const header = section.label || section.description ? /* @__PURE__ */ jsxs("div", {
+		className: "mb-4",
+		children: [section.label && /* @__PURE__ */ jsx("h3", {
+			className: "qa-form-fields__section-title text-lg font-semibold",
+			children: resolveText(section.label, "", formValues)
+		}), section.description && /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground mt-1 text-sm text-pretty",
+			children: resolveText(section.description, "", formValues)
+		})]
+	}) : null;
+	if (wrapper === "collapsible") {
+		const value = `section-${index}`;
+		return /* @__PURE__ */ jsx(Accordion, {
+			defaultValue: section.defaultCollapsed !== true ? [value] : [],
+			className: "w-full",
+			children: /* @__PURE__ */ jsxs(AccordionItem, {
+				value,
+				className: "border-transparent px-4",
+				children: [/* @__PURE__ */ jsx(AccordionTrigger, {
+					className: "hover:no-underline",
+					children: /* @__PURE__ */ jsx("span", {
+						className: "font-semibold",
+						children: resolveText(section.label, "Section", formValues)
+					})
+				}), /* @__PURE__ */ jsxs(AccordionContent, {
+					className: "pt-2 pb-4",
+					children: [section.description && /* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground mb-4 text-sm text-pretty",
+						children: resolveText(section.description, "", formValues)
+					}), content]
+				})]
+			})
+		}, value);
+	}
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("qa-form-fields__section space-y-4", section.className),
+		children: [header, content]
+	});
+}
+/**
+* Render tabs layout
+*/
+function TabsLayoutRenderer({ tabsLayout, fields, collection, mode = "collection", registry, fieldPrefix, allCollectionsConfig, excludedFields, entityMeta, formValues, resolveText }) {
+	const visibleTabs = tabsLayout.tabs.filter((tab) => !resolveValue(tab.hidden, formValues, false));
+	if (!visibleTabs.length) return null;
+	const defaultTab = visibleTabs[0]?.id;
+	return /* @__PURE__ */ jsxs(Tabs, {
+		defaultValue: defaultTab,
+		children: [/* @__PURE__ */ jsx(TabsList, {
+			className: "w-full",
+			children: visibleTabs.map((tab) => /* @__PURE__ */ jsxs(TabsTrigger, {
+				value: tab.id,
+				className: "flex-1",
+				children: [resolveIconElement(tab.icon, { className: "size-3.5" }), resolveText(tab.label, tab.id, formValues)]
+			}, tab.id))
+		}), visibleTabs.map((tab) => /* @__PURE__ */ jsx(TabsContent, {
+			value: tab.id,
+			className: "mt-4",
+			children: /* @__PURE__ */ jsx(FieldLayoutItems, {
+				fieldItems: tab.fields,
+				fields,
+				collection,
+				mode,
+				registry,
+				fieldPrefix,
+				allCollectionsConfig,
+				excludedFields,
+				entityMeta,
+				formValues,
+				resolveText
+			})
+		}, tab.id))]
+	});
+}
+/**
+* Render sidebar content
+*/
+function SidebarRenderer({ sidebar, fields, collection, mode = "collection", registry, fieldPrefix, allCollectionsConfig, entityMeta, formValues, resolveText }) {
+	return /* @__PURE__ */ jsx(FieldLayoutItems, {
+		fieldItems: sidebar.fields,
+		fields,
+		collection,
+		mode,
+		registry,
+		fieldPrefix,
+		allCollectionsConfig,
+		entityMeta,
+		formValues,
+		resolveText
+	});
 }
 /**
 * Extract field names from field layout items recursively
@@ -609,54 +385,15 @@ function extractFieldNamesFromFieldItems(fieldItems) {
 * Supports recursive tabs/sections nesting and auto-generates
 * field list when no form config is defined.
 */
-function AutoFormFields(t0) {
-	const $ = c(55);
-	const { collection, mode: t1, config, registry, fieldResolver, fieldPrefix, allCollectionsConfig } = t0;
-	const mode = t1 === void 0 ? "collection" : t1;
+function AutoFormFields({ app: _cms, collection, mode = "collection", config, registry, fieldResolver, fieldPrefix, allCollectionsConfig }) {
 	const isActionForm = collection === "__action__";
-	const t2 = mode === "collection" ? config?.fields : void 0;
-	const t3 = mode === "collection" && !isActionForm;
-	let t4;
-	if ($[0] !== t3) {
-		t4 = { enabled: t3 };
-		$[0] = t3;
-		$[1] = t4;
-	} else t4 = $[1];
-	let t5;
-	if ($[2] !== t2 || $[3] !== t4) {
-		t5 = {
-			fallbackFields: t2,
-			schemaQueryOptions: t4
-		};
-		$[2] = t2;
-		$[3] = t4;
-		$[4] = t5;
-	} else t5 = $[4];
-	const collectionResult = useCollectionFields(mode === "collection" ? collection : "", t5);
-	const t6 = mode === "global";
-	let t7;
-	if ($[5] !== t6) {
-		t7 = { schemaQueryOptions: { enabled: t6 } };
-		$[5] = t6;
-		$[6] = t7;
-	} else t7 = $[6];
-	const globalResult = useGlobalFields(mode === "global" ? collection : "", t7);
-	const t8 = mode === "collection" && !isActionForm;
-	let t9;
-	if ($[7] !== t8) {
-		t9 = { enabled: t8 };
-		$[7] = t8;
-		$[8] = t9;
-	} else t9 = $[8];
-	const { data: collectionMeta } = useCollectionMeta(collection, t9);
-	const t10 = mode === "global";
-	let t11;
-	if ($[9] !== t10) {
-		t11 = { enabled: t10 };
-		$[9] = t10;
-		$[10] = t11;
-	} else t11 = $[10];
-	const { data: globalMeta } = useGlobalMeta(collection, t11);
+	const collectionResult = useCollectionFields(mode === "collection" ? collection : "", {
+		fallbackFields: mode === "collection" ? config?.fields : void 0,
+		schemaQueryOptions: { enabled: mode === "collection" && !isActionForm }
+	});
+	const globalResult = useGlobalFields(mode === "global" ? collection : "", { schemaQueryOptions: { enabled: mode === "global" } });
+	const { data: collectionMeta } = useCollectionMeta(collection, { enabled: mode === "collection" && !isActionForm });
+	const { data: globalMeta } = useGlobalMeta(collection, { enabled: mode === "global" });
 	const resolvedFields = mode === "global" ? {
 		...globalResult.fields,
 		...config?.fields
@@ -666,104 +403,44 @@ function AutoFormFields(t0) {
 	const form = useFormContext();
 	const resolveText = useResolveText();
 	const fields = resolvedFields || {};
-	const t12 = schema?.admin?.form;
-	let t13;
-	if ($[11] !== t12) {
-		t13 = mapFormSchemaToConfig(t12);
-		$[11] = t12;
-		$[12] = t13;
-	} else t13 = $[12];
-	const schemaFormConfig = t13;
+	const schemaFormConfig = mapFormSchemaToConfig(schema?.admin?.form);
 	const formConfig = (config?.form)?.["~config"] ?? config?.form ?? schemaFormConfig;
-	let t14;
-	bb0: {
-		if (!fieldPrefix) {
-			let t15$2;
-			if ($[13] !== form) {
-				t15$2 = form.getValues() ?? {};
-				$[13] = form;
-				$[14] = t15$2;
-			} else t15$2 = $[14];
-			t14 = t15$2;
-			break bb0;
-		}
-		let t15$1;
-		if ($[15] !== fieldPrefix || $[16] !== form) {
-			t15$1 = form.getValues(fieldPrefix) ?? {};
-			$[15] = fieldPrefix;
-			$[16] = form;
-			$[17] = t15$1;
-		} else t15$1 = $[17];
-		t14 = t15$1;
-	}
-	const initialScopedValues = t14;
-	let t15;
-	if ($[18] !== fieldPrefix || $[19] !== formConfig || $[20] !== initialScopedValues) {
+	const initialScopedValues = React.useMemo(() => {
+		if (!fieldPrefix) return form.getValues() ?? {};
+		return form.getValues(fieldPrefix) ?? {};
+	}, [form, fieldPrefix]);
+	const layoutWatchDeps = React.useMemo(() => {
 		const deps = /* @__PURE__ */ new Set();
 		collectLayoutDependencies(formConfig?.fields, initialScopedValues, deps);
 		if (formConfig?.sidebar?.fields) collectLayoutDependencies(formConfig.sidebar.fields, initialScopedValues, deps);
-		t15 = scopeDependencies([...deps], fieldPrefix);
-		$[18] = fieldPrefix;
-		$[19] = formConfig;
-		$[20] = initialScopedValues;
-		$[21] = t15;
-	} else t15 = $[21];
-	const layoutWatchDeps = t15;
-	const t16 = layoutWatchDeps;
-	const t17 = layoutWatchDeps.length === 0;
-	let t18;
-	if ($[22] !== form.control || $[23] !== t16 || $[24] !== t17) {
-		t18 = {
-			control: form.control,
-			name: t16,
-			disabled: t17
-		};
-		$[22] = form.control;
-		$[23] = t16;
-		$[24] = t17;
-		$[25] = t18;
-	} else t18 = $[25];
-	useWatch(t18);
-	let t19;
-	bb1: {
-		if (!fieldPrefix) {
-			let t20$2;
-			if ($[26] !== form) {
-				t20$2 = form.getValues() ?? {};
-				$[26] = form;
-				$[27] = t20$2;
-			} else t20$2 = $[27];
-			t19 = t20$2;
-			break bb1;
-		}
-		let t20$1;
-		if ($[28] !== fieldPrefix || $[29] !== form) {
-			t20$1 = form.getValues(fieldPrefix) ?? {};
-			$[28] = fieldPrefix;
-			$[29] = form;
-			$[30] = t20$1;
-		} else t20$1 = $[30];
-		t19 = t20$1;
-	}
-	const formValues = t19;
+		return scopeDependencies([...deps], fieldPrefix);
+	}, [
+		formConfig,
+		initialScopedValues,
+		fieldPrefix
+	]);
+	const watchedLayoutDeps = useWatch({
+		control: form.control,
+		name: layoutWatchDeps,
+		disabled: layoutWatchDeps.length === 0
+	});
+	const formValues = React.useMemo(() => {
+		if (!fieldPrefix) return form.getValues() ?? {};
+		return form.getValues(fieldPrefix) ?? {};
+	}, [
+		form,
+		fieldPrefix,
+		watchedLayoutDeps
+	]);
 	const allFieldNames = Object.keys(fields);
 	const sidebarFieldNames = formConfig?.sidebar ? extractFieldNamesFromFieldItems(formConfig.sidebar.fields) : /* @__PURE__ */ new Set();
-	if (fieldResolver) {
-		const renderedFields = allFieldNames.map((fieldName) => {
+	if (fieldResolver) return /* @__PURE__ */ jsx("div", {
+		className: "space-y-4",
+		children: allFieldNames.map((fieldName) => {
 			const fullFieldName = getFullFieldName(fieldName, fieldPrefix);
 			return /* @__PURE__ */ jsx(React.Fragment, { children: fieldResolver(fullFieldName, fields[fieldName]) }, fullFieldName);
-		});
-		let t20$1;
-		if ($[31] !== renderedFields) {
-			t20$1 = /* @__PURE__ */ jsx("div", {
-				className: "space-y-4",
-				children: renderedFields
-			});
-			$[31] = renderedFields;
-			$[32] = t20$1;
-		} else t20$1 = $[32];
-		return t20$1;
-	}
+		})
+	});
 	let mainContent = null;
 	if (formConfig?.fields?.length) mainContent = /* @__PURE__ */ jsx(FieldLayoutItems, {
 		fieldItems: formConfig.fields,
@@ -791,32 +468,15 @@ function AutoFormFields(t0) {
 			entityMeta
 		});
 	}
-	if (formConfig?.sidebar?.fields?.length && formConfig?.sidebar) {
-		const t20$1 = (formConfig.sidebar.position || "right") === "left" && "@2xl:flex-row-reverse";
-		let t21;
-		if ($[33] !== t20$1) {
-			t21 = cn("qa-form-fields__layout flex flex-col-reverse gap-6 @2xl:flex-row", t20$1);
-			$[33] = t20$1;
-			$[34] = t21;
-		} else t21 = $[34];
-		let t22;
-		if ($[35] !== mainContent) {
-			t22 = /* @__PURE__ */ jsx("div", {
+	if (formConfig?.sidebar?.fields?.length && formConfig?.sidebar) return /* @__PURE__ */ jsx("div", {
+		className: "qa-form-fields @container w-full",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: cn("qa-form-fields__layout flex flex-col-reverse gap-6 @2xl:flex-row", (formConfig.sidebar.position || "right") === "left" && "@2xl:flex-row-reverse"),
+			children: [/* @__PURE__ */ jsx("div", {
 				className: "qa-form-fields__main min-w-0 flex-1",
 				children: mainContent
-			});
-			$[35] = mainContent;
-			$[36] = t22;
-		} else t22 = $[36];
-		let t23;
-		if ($[37] === Symbol.for("react.memo_cache_sentinel")) {
-			t23 = cn("qa-form-fields__sidebar", "w-full @max-2xl:pb-2 @2xl:max-w-[18rem] @2xl:pl-1");
-			$[37] = t23;
-		} else t23 = $[37];
-		let t24;
-		if ($[38] !== allCollectionsConfig || $[39] !== collection || $[40] !== entityMeta || $[41] !== fieldPrefix || $[42] !== fields || $[43] !== formConfig.sidebar || $[44] !== formValues || $[45] !== mode || $[46] !== registry || $[47] !== resolveText) {
-			t24 = /* @__PURE__ */ jsx("aside", {
-				className: t23,
+			}), /* @__PURE__ */ jsx("aside", {
+				className: cn("qa-form-fields__sidebar", "w-full @max-2xl:pb-2 @2xl:max-w-[18rem] @2xl:pl-1"),
 				children: /* @__PURE__ */ jsx("div", {
 					className: "bg-surface-low/45 space-y-4 rounded-md px-3 py-3 @2xl:sticky @2xl:top-4 @2xl:h-auto",
 					children: /* @__PURE__ */ jsx(SidebarRenderer, {
@@ -832,45 +492,13 @@ function AutoFormFields(t0) {
 						resolveText
 					})
 				})
-			});
-			$[38] = allCollectionsConfig;
-			$[39] = collection;
-			$[40] = entityMeta;
-			$[41] = fieldPrefix;
-			$[42] = fields;
-			$[43] = formConfig.sidebar;
-			$[44] = formValues;
-			$[45] = mode;
-			$[46] = registry;
-			$[47] = resolveText;
-			$[48] = t24;
-		} else t24 = $[48];
-		let t25;
-		if ($[49] !== t21 || $[50] !== t22 || $[51] !== t24) {
-			t25 = /* @__PURE__ */ jsx("div", {
-				className: "qa-form-fields @container w-full",
-				children: /* @__PURE__ */ jsxs("div", {
-					className: t21,
-					children: [t22, t24]
-				})
-			});
-			$[49] = t21;
-			$[50] = t22;
-			$[51] = t24;
-			$[52] = t25;
-		} else t25 = $[52];
-		return t25;
-	}
-	let t20;
-	if ($[53] !== mainContent) {
-		t20 = /* @__PURE__ */ jsx("div", {
-			className: "qa-form-fields @container",
-			children: mainContent
-		});
-		$[53] = mainContent;
-		$[54] = t20;
-	} else t20 = $[54];
-	return t20;
+			})]
+		})
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: "qa-form-fields @container",
+		children: mainContent
+	});
 }
 
 //#endregion