@questpie/admin 3.2.4 → 3.2.6

package/dist/client/components/fields/array-field.mjs

@@ -6,9 +6,8 @@ import { Select, SelectContent, SelectItem, SelectTrigger } from "../ui/select.m
 import { Textarea } from "../ui/textarea.mjs";
 import { LocaleBadge } from "./locale-badge.mjs";
 import { ObjectArrayField } from "./object-array-field.mjs";
-import { c } from "react/compiler-runtime";
 import { Icon } from "@iconify/react";
-import "react";
+import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useFieldArray, useFormContext, useWatch } from "react-hook-form";
 
@@ -19,546 +18,235 @@ import { useFieldArray, useFormContext, useWatch } from "react-hook-form";
 * Handles arrays of primitive values or objects with optional ordering.
 * When `item` prop is provided, delegates to ObjectArrayField for object items.
 */
-function ArrayItemInput(t0) {
-	const $ = c(64);
-	const { name, index, itemType, itemValue, placeholder, disabled, readOnly, options } = t0;
+function ArrayItemInput({ name, index, itemType, itemValue, placeholder, disabled, readOnly, options }) {
 	const resolveText = useResolveText();
 	const i18n = useSafeI18n();
 	const locale = i18n?.locale ?? "en";
-	let t1;
-	if ($[0] !== i18n) {
-		t1 = (key) => i18n?.t(key) ?? key;
-		$[0] = i18n;
-		$[1] = t1;
-	} else t1 = $[1];
-	const t = t1;
-	let t2;
-	if ($[2] !== locale || $[3] !== resolveText || $[4] !== t) {
-		t2 = (option) => resolveOptionLabel({
-			value: option.value,
-			label: option.label,
-			resolveText,
-			t,
-			locale
-		});
-		$[2] = locale;
-		$[3] = resolveText;
-		$[4] = t;
-		$[5] = t2;
-	} else t2 = $[5];
-	const getOptionLabel = t2;
+	const t = (key) => i18n?.t(key) ?? key;
+	const getOptionLabel = (option) => resolveOptionLabel({
+		value: option.value,
+		label: option.label,
+		resolveText,
+		t,
+		locale
+	});
 	const form = useFormContext();
 	const itemName = `${name}.${index}`;
 	const itemPlaceholder = placeholder || `Item ${index + 1}`;
-	if (itemType === "textarea") {
-		const t3$1 = disabled || readOnly;
-		const t4$1 = itemValue ?? "";
-		let t5$1;
-		if ($[6] !== form || $[7] !== itemName) {
-			t5$1 = form.register(itemName);
-			$[6] = form;
-			$[7] = itemName;
-			$[8] = t5$1;
-		} else t5$1 = $[8];
-		let t6$1;
-		if ($[9] !== itemName || $[10] !== itemPlaceholder || $[11] !== t3$1 || $[12] !== t4$1 || $[13] !== t5$1) {
-			t6$1 = /* @__PURE__ */ jsx(Textarea, {
-				id: itemName,
-				placeholder: itemPlaceholder,
-				disabled: t3$1,
-				defaultValue: t4$1,
-				...t5$1
-			});
-			$[9] = itemName;
-			$[10] = itemPlaceholder;
-			$[11] = t3$1;
-			$[12] = t4$1;
-			$[13] = t5$1;
-			$[14] = t6$1;
-		} else t6$1 = $[14];
-		return t6$1;
-	}
+	if (itemType === "textarea") return /* @__PURE__ */ jsx(Textarea, {
+		id: itemName,
+		placeholder: itemPlaceholder,
+		disabled: disabled || readOnly,
+		defaultValue: itemValue ?? "",
+		...form.register(itemName)
+	});
 	if (itemType === "select") {
-		let T0;
-		let T1;
-		let t3$1;
-		let t4$1;
-		let t5$1;
-		let t6$1;
-		let t7$1;
-		let t8;
-		if ($[15] !== disabled || $[16] !== form || $[17] !== getOptionLabel || $[18] !== itemName || $[19] !== itemPlaceholder || $[20] !== itemValue || $[21] !== options || $[22] !== readOnly) {
-			const selectedOption = options?.find((o) => o.value === itemValue);
-			T1 = Select;
-			t6$1 = itemValue ?? "";
-			if ($[31] !== form || $[32] !== itemName) {
-				t7$1 = (value) => form.setValue(itemName, value, {
-					shouldDirty: true,
-					shouldTouch: true
-				});
-				$[31] = form;
-				$[32] = itemName;
-				$[33] = t7$1;
-			} else t7$1 = $[33];
-			t8 = disabled || readOnly;
-			T0 = SelectTrigger;
-			t5$1 = itemName;
-			t3$1 = "truncate";
-			t4$1 = selectedOption ? getOptionLabel(selectedOption) : itemPlaceholder;
-			$[15] = disabled;
-			$[16] = form;
-			$[17] = getOptionLabel;
-			$[18] = itemName;
-			$[19] = itemPlaceholder;
-			$[20] = itemValue;
-			$[21] = options;
-			$[22] = readOnly;
-			$[23] = T0;
-			$[24] = T1;
-			$[25] = t3$1;
-			$[26] = t4$1;
-			$[27] = t5$1;
-			$[28] = t6$1;
-			$[29] = t7$1;
-			$[30] = t8;
-		} else {
-			T0 = $[23];
-			T1 = $[24];
-			t3$1 = $[25];
-			t4$1 = $[26];
-			t5$1 = $[27];
-			t6$1 = $[28];
-			t7$1 = $[29];
-			t8 = $[30];
-		}
-		let t9;
-		if ($[34] !== t3$1 || $[35] !== t4$1) {
-			t9 = /* @__PURE__ */ jsx("span", {
-				className: t3$1,
-				children: t4$1
-			});
-			$[34] = t3$1;
-			$[35] = t4$1;
-			$[36] = t9;
-		} else t9 = $[36];
-		let t10;
-		if ($[37] !== T0 || $[38] !== t5$1 || $[39] !== t9) {
-			t10 = /* @__PURE__ */ jsx(T0, {
-				id: t5$1,
-				children: t9
-			});
-			$[37] = T0;
-			$[38] = t5$1;
-			$[39] = t9;
-			$[40] = t10;
-		} else t10 = $[40];
-		let t11;
-		if ($[41] !== getOptionLabel || $[42] !== options) {
-			t11 = options?.map((option_0) => /* @__PURE__ */ jsx(SelectItem, {
-				value: option_0.value,
-				children: getOptionLabel(option_0)
-			}, option_0.value));
-			$[41] = getOptionLabel;
-			$[42] = options;
-			$[43] = t11;
-		} else t11 = $[43];
-		let t12;
-		if ($[44] !== t11) {
-			t12 = /* @__PURE__ */ jsx(SelectContent, { children: t11 });
-			$[44] = t11;
-			$[45] = t12;
-		} else t12 = $[45];
-		let t13;
-		if ($[46] !== T1 || $[47] !== t10 || $[48] !== t12 || $[49] !== t6$1 || $[50] !== t7$1 || $[51] !== t8) {
-			t13 = /* @__PURE__ */ jsxs(T1, {
-				value: t6$1,
-				onValueChange: t7$1,
-				disabled: t8,
-				children: [t10, t12]
-			});
-			$[46] = T1;
-			$[47] = t10;
-			$[48] = t12;
-			$[49] = t6$1;
-			$[50] = t7$1;
-			$[51] = t8;
-			$[52] = t13;
-		} else t13 = $[52];
-		return t13;
-	}
-	const t3 = itemType === "email" ? "email" : itemType;
-	const t4 = disabled || readOnly;
-	const t5 = itemValue ?? "";
-	let t6;
-	if ($[53] !== form || $[54] !== itemName || $[55] !== itemType) {
-		t6 = form.register(itemName, itemType === "number" ? { valueAsNumber: true } : void 0);
-		$[53] = form;
-		$[54] = itemName;
-		$[55] = itemType;
-		$[56] = t6;
-	} else t6 = $[56];
-	let t7;
-	if ($[57] !== itemName || $[58] !== itemPlaceholder || $[59] !== t3 || $[60] !== t4 || $[61] !== t5 || $[62] !== t6) {
-		t7 = /* @__PURE__ */ jsx(Input, {
-			id: itemName,
-			type: t3,
-			placeholder: itemPlaceholder,
-			disabled: t4,
-			defaultValue: t5,
-			...t6
+		const selectedOption = options?.find((o) => o.value === itemValue);
+		return /* @__PURE__ */ jsxs(Select, {
+			value: itemValue ?? "",
+			onValueChange: (value) => form.setValue(itemName, value, {
+				shouldDirty: true,
+				shouldTouch: true
+			}),
+			disabled: disabled || readOnly,
+			children: [/* @__PURE__ */ jsx(SelectTrigger, {
+				id: itemName,
+				children: /* @__PURE__ */ jsx("span", {
+					className: "truncate",
+					children: selectedOption ? getOptionLabel(selectedOption) : itemPlaceholder
+				})
+			}), /* @__PURE__ */ jsx(SelectContent, { children: options?.map((option) => /* @__PURE__ */ jsx(SelectItem, {
+				value: option.value,
+				children: getOptionLabel(option)
+			}, option.value)) })]
 		});
-		$[57] = itemName;
-		$[58] = itemPlaceholder;
-		$[59] = t3;
-		$[60] = t4;
-		$[61] = t5;
-		$[62] = t6;
-		$[63] = t7;
-	} else t7 = $[63];
-	return t7;
+	}
+	return /* @__PURE__ */ jsx(Input, {
+		id: itemName,
+		type: itemType === "email" ? "email" : itemType,
+		placeholder: itemPlaceholder,
+		disabled: disabled || readOnly,
+		defaultValue: itemValue ?? "",
+		...form.register(itemName, itemType === "number" ? { valueAsNumber: true } : void 0)
+	});
 }
-function ArrayField(t0) {
-	const $ = c(89);
-	const { name, value, label, description, placeholder, required, disabled, readOnly, error, localized, locale, itemType: t1, options, orderable: t2, minItems, maxItems, item, mode, layout, columns, itemLabel } = t0;
-	const itemType = t1 === void 0 ? "text" : t1;
-	const orderable = t2 === void 0 ? false : t2;
+function ArrayField({ name, value, label, description, placeholder, required, disabled, readOnly, error, localized, locale, itemType = "text", options, orderable = false, minItems, maxItems, item, mode, layout, columns, itemLabel }) {
 	const { t } = useTranslation();
 	const resolveText = useResolveText();
-	let t3;
-	if ($[0] !== placeholder || $[1] !== resolveText) {
-		t3 = placeholder ? resolveText(placeholder) : void 0;
-		$[0] = placeholder;
-		$[1] = resolveText;
-		$[2] = t3;
-	} else t3 = $[2];
-	const resolvedPlaceholder = t3;
-	let t4;
-	if ($[3] !== description || $[4] !== resolveText) {
-		t4 = description ? resolveText(description) : void 0;
-		$[3] = description;
-		$[4] = resolveText;
-		$[5] = t4;
-	} else t4 = $[5];
-	const resolvedDescription = t4;
-	let emptyLabel;
-	let resolvedLabel;
-	let t5;
-	if ($[6] !== label || $[7] !== resolveText || $[8] !== t) {
-		resolvedLabel = label ? resolveText(label) : void 0;
-		const fallbackLabel = resolvedLabel || "item";
-		emptyLabel = t("array.empty", { name: fallbackLabel });
-		t5 = t("array.addItem", { name: fallbackLabel });
-		$[6] = label;
-		$[7] = resolveText;
-		$[8] = t;
-		$[9] = emptyLabel;
-		$[10] = resolvedLabel;
-		$[11] = t5;
-	} else {
-		emptyLabel = $[9];
-		resolvedLabel = $[10];
-		t5 = $[11];
-	}
-	const addLabel = t5;
+	const resolvedPlaceholder = placeholder ? resolveText(placeholder) : void 0;
+	const resolvedDescription = description ? resolveText(description) : void 0;
+	const resolvedLabel = label ? resolveText(label) : void 0;
+	const fallbackLabel = resolvedLabel || "item";
+	const emptyLabel = t("array.empty", { name: fallbackLabel });
+	const addLabel = t("array.addItem", { name: fallbackLabel });
 	const { control } = useFormContext();
-	let t6;
-	if ($[12] !== control || $[13] !== name) {
-		t6 = {
-			control,
-			name
-		};
-		$[12] = control;
-		$[13] = name;
-		$[14] = t6;
-	} else t6 = $[14];
-	const { fields, append, remove, move } = useFieldArray(t6);
+	const { fields, append, remove, move } = useFieldArray({
+		control,
+		name
+	});
 	const values = useWatch({
 		control,
 		name
 	}) ?? value;
 	const canAddMore = !maxItems || fields.length < maxItems;
 	const canRemove = !readOnly && (!minItems || fields.length > minItems);
-	let t7;
-	if ($[15] !== itemType || $[16] !== options?.[0]?.value) {
-		t7 = () => {
-			if (itemType === "number") return;
-			if (itemType === "select") return options?.[0]?.value ?? "";
-			return "";
-		};
-		$[15] = itemType;
-		$[16] = options?.[0]?.value;
-		$[17] = t7;
-	} else t7 = $[17];
-	const createEmptyItem = t7;
-	if (item) {
-		let t8$1;
-		if ($[18] !== columns || $[19] !== description || $[20] !== disabled || $[21] !== item || $[22] !== itemLabel || $[23] !== label || $[24] !== layout || $[25] !== locale || $[26] !== localized || $[27] !== maxItems || $[28] !== minItems || $[29] !== mode || $[30] !== name || $[31] !== orderable || $[32] !== placeholder || $[33] !== required) {
-			t8$1 = /* @__PURE__ */ jsx(ObjectArrayField, {
-				name,
-				label,
-				description,
-				placeholder,
-				required,
-				disabled,
-				localized,
-				locale,
-				item,
-				mode,
-				layout,
-				columns,
-				itemLabel,
-				orderable,
-				minItems,
-				maxItems
-			});
-			$[18] = columns;
-			$[19] = description;
-			$[20] = disabled;
-			$[21] = item;
-			$[22] = itemLabel;
-			$[23] = label;
-			$[24] = layout;
-			$[25] = locale;
-			$[26] = localized;
-			$[27] = maxItems;
-			$[28] = minItems;
-			$[29] = mode;
-			$[30] = name;
-			$[31] = orderable;
-			$[32] = placeholder;
-			$[33] = required;
-			$[34] = t8$1;
-		} else t8$1 = $[34];
-		return t8$1;
-	}
-	let t8;
-	if ($[35] !== append || $[36] !== canAddMore || $[37] !== createEmptyItem || $[38] !== disabled || $[39] !== readOnly) {
-		t8 = () => {
-			if (disabled || readOnly || !canAddMore) return;
-			append(createEmptyItem());
-		};
-		$[35] = append;
-		$[36] = canAddMore;
-		$[37] = createEmptyItem;
-		$[38] = disabled;
-		$[39] = readOnly;
-		$[40] = t8;
-	} else t8 = $[40];
-	const handleAdd = t8;
-	let t9;
-	if ($[41] !== canRemove || $[42] !== remove) {
-		t9 = (index) => {
-			if (!canRemove) return;
-			remove(index);
-		};
-		$[41] = canRemove;
-		$[42] = remove;
-		$[43] = t9;
-	} else t9 = $[43];
-	const handleRemove = t9;
-	let t10;
-	if ($[44] !== fields.length || $[45] !== move) {
-		t10 = (from, to) => {
-			if (to < 0 || to >= fields.length) return;
-			move(from, to);
-		};
-		$[44] = fields.length;
-		$[45] = move;
-		$[46] = t10;
-	} else t10 = $[46];
-	const handleMove = t10;
-	let t11;
-	if ($[47] !== fields.length || $[48] !== label || $[49] !== locale || $[50] !== localized || $[51] !== maxItems || $[52] !== name || $[53] !== required || $[54] !== resolvedLabel) {
-		t11 = label && /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ jsxs("label", {
-				htmlFor: name,
-				className: "text-sm font-medium",
-				children: [
-					resolvedLabel,
-					required && /* @__PURE__ */ jsx("span", {
-						className: "text-destructive",
-						children: "*"
-					}),
-					maxItems && /* @__PURE__ */ jsxs("span", {
-						className: "text-muted-foreground ml-2 text-xs tabular-nums",
+	const createEmptyItem = React.useCallback(() => {
+		if (itemType === "number") return void 0;
+		if (itemType === "select") return options?.[0]?.value ?? "";
+		return "";
+	}, [itemType, options]);
+	if (item) return /* @__PURE__ */ jsx(ObjectArrayField, {
+		name,
+		label,
+		description,
+		placeholder,
+		required,
+		disabled,
+		localized,
+		locale,
+		item,
+		mode,
+		layout,
+		columns,
+		itemLabel,
+		orderable,
+		minItems,
+		maxItems
+	});
+	const handleAdd = () => {
+		if (disabled || readOnly || !canAddMore) return;
+		append(createEmptyItem());
+	};
+	const handleRemove = (index) => {
+		if (!canRemove) return;
+		remove(index);
+	};
+	const handleMove = (from, to) => {
+		if (to < 0 || to >= fields.length) return;
+		move(from, to);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "qa-array-field space-y-2",
+		children: [
+			label && /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ jsxs("label", {
+					htmlFor: name,
+					className: "text-sm font-medium",
+					children: [
+						resolvedLabel,
+						required && /* @__PURE__ */ jsx("span", {
+							className: "text-destructive",
+							children: "*"
+						}),
+						maxItems && /* @__PURE__ */ jsxs("span", {
+							className: "text-muted-foreground ml-2 text-xs tabular-nums",
+							children: [
+								"(",
+								fields.length,
+								"/",
+								maxItems,
+								")"
+							]
+						})
+					]
+				}), localized && /* @__PURE__ */ jsx(LocaleBadge, { locale: locale || "i18n" })]
+			}),
+			resolvedDescription && /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground text-sm text-pretty",
+				children: resolvedDescription
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "space-y-2",
+				children: fields.length === 0 ? /* @__PURE__ */ jsx("div", {
+					className: "py-2",
+					children: /* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground text-sm text-pretty",
+						children: resolvedPlaceholder || emptyLabel
+					})
+				}) : fields.map((field, index) => {
+					const canMoveUp = orderable && index > 0;
+					const canMoveDown = orderable && index < fields.length - 1;
+					return /* @__PURE__ */ jsxs("div", {
+						className: "flex items-start gap-2",
 						children: [
-							"(",
-							fields.length,
-							"/",
-							maxItems,
-							")"
+							/* @__PURE__ */ jsx("div", {
+								className: "flex-1",
+								children: /* @__PURE__ */ jsx(ArrayItemInput, {
+									name,
+									index,
+									itemType,
+									itemValue: values?.[index],
+									placeholder: resolvedPlaceholder,
+									disabled,
+									readOnly,
+									options
+								})
+							}),
+							orderable && !readOnly && /* @__PURE__ */ jsxs("div", {
+								className: "flex flex-col gap-1",
+								children: [/* @__PURE__ */ jsx(Button, {
+									type: "button",
+									variant: "ghost",
+									size: "icon-sm",
+									className: "relative after:absolute after:-inset-1",
+									onClick: () => handleMove(index, index - 1),
+									disabled: !canMoveUp || disabled,
+									title: t("field.moveUp"),
+									"aria-label": t("field.moveUp"),
+									children: /* @__PURE__ */ jsx(Icon, {
+										icon: "ph:caret-up",
+										className: "size-3.5"
+									})
+								}), /* @__PURE__ */ jsx(Button, {
+									type: "button",
+									variant: "ghost",
+									size: "icon-sm",
+									className: "relative after:absolute after:-inset-1",
+									onClick: () => handleMove(index, index + 1),
+									disabled: !canMoveDown || disabled,
+									title: t("field.moveDown"),
+									"aria-label": t("field.moveDown"),
+									children: /* @__PURE__ */ jsx(Icon, {
+										icon: "ph:caret-down",
+										className: "size-3.5"
+									})
+								})]
+							}),
+							!readOnly && canRemove && /* @__PURE__ */ jsx(Button, {
+								type: "button",
+								variant: "ghost",
+								size: "icon-sm",
+								className: "relative after:absolute after:-inset-1",
+								onClick: () => handleRemove(index),
+								disabled,
+								title: t("common.remove"),
+								"aria-label": t("field.removeItem"),
+								children: /* @__PURE__ */ jsx(Icon, {
+									icon: "ph:trash",
+									className: "size-3.5"
+								})
+							})
 						]
-					})
-				]
-			}), localized && /* @__PURE__ */ jsx(LocaleBadge, { locale: locale || "i18n" })]
-		});
-		$[47] = fields.length;
-		$[48] = label;
-		$[49] = locale;
-		$[50] = localized;
-		$[51] = maxItems;
-		$[52] = name;
-		$[53] = required;
-		$[54] = resolvedLabel;
-		$[55] = t11;
-	} else t11 = $[55];
-	let t12;
-	if ($[56] !== resolvedDescription) {
-		t12 = resolvedDescription && /* @__PURE__ */ jsx("p", {
-			className: "text-muted-foreground text-sm text-pretty",
-			children: resolvedDescription
-		});
-		$[56] = resolvedDescription;
-		$[57] = t12;
-	} else t12 = $[57];
-	let t13;
-	if ($[58] !== canRemove || $[59] !== disabled || $[60] !== emptyLabel || $[61] !== fields || $[62] !== handleMove || $[63] !== handleRemove || $[64] !== itemType || $[65] !== name || $[66] !== options || $[67] !== orderable || $[68] !== readOnly || $[69] !== resolvedPlaceholder || $[70] !== t || $[71] !== values) {
-		t13 = fields.length === 0 ? /* @__PURE__ */ jsx("div", {
-			className: "py-2",
-			children: /* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground text-sm text-pretty",
-				children: resolvedPlaceholder || emptyLabel
+					}, field.id);
+				})
+			}),
+			!readOnly && canAddMore && /* @__PURE__ */ jsxs(Button, {
+				type: "button",
+				variant: "outline",
+				onClick: handleAdd,
+				disabled,
+				children: [/* @__PURE__ */ jsx(Icon, {
+					icon: "ph:plus",
+					className: "h-4 w-4"
+				}), addLabel]
+			}),
+			error && /* @__PURE__ */ jsx("p", {
+				className: "text-destructive text-sm text-pretty",
+				children: error
 			})
-		}) : fields.map((field, index_0) => {
-			const canMoveUp = orderable && index_0 > 0;
-			const canMoveDown = orderable && index_0 < fields.length - 1;
-			return /* @__PURE__ */ jsxs("div", {
-				className: "flex items-start gap-2",
-				children: [
-					/* @__PURE__ */ jsx("div", {
-						className: "flex-1",
-						children: /* @__PURE__ */ jsx(ArrayItemInput, {
-							name,
-							index: index_0,
-							itemType,
-							itemValue: values?.[index_0],
-							placeholder: resolvedPlaceholder,
-							disabled,
-							readOnly,
-							options
-						})
-					}),
-					orderable && !readOnly && /* @__PURE__ */ jsxs("div", {
-						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ jsx(Button, {
-							type: "button",
-							variant: "ghost",
-							size: "icon-sm",
-							className: "relative after:absolute after:-inset-1",
-							onClick: () => handleMove(index_0, index_0 - 1),
-							disabled: !canMoveUp || disabled,
-							title: t("field.moveUp"),
-							"aria-label": t("field.moveUp"),
-							children: /* @__PURE__ */ jsx(Icon, {
-								icon: "ph:caret-up",
-								className: "size-3.5"
-							})
-						}), /* @__PURE__ */ jsx(Button, {
-							type: "button",
-							variant: "ghost",
-							size: "icon-sm",
-							className: "relative after:absolute after:-inset-1",
-							onClick: () => handleMove(index_0, index_0 + 1),
-							disabled: !canMoveDown || disabled,
-							title: t("field.moveDown"),
-							"aria-label": t("field.moveDown"),
-							children: /* @__PURE__ */ jsx(Icon, {
-								icon: "ph:caret-down",
-								className: "size-3.5"
-							})
-						})]
-					}),
-					!readOnly && canRemove && /* @__PURE__ */ jsx(Button, {
-						type: "button",
-						variant: "ghost",
-						size: "icon-sm",
-						className: "relative after:absolute after:-inset-1",
-						onClick: () => handleRemove(index_0),
-						disabled,
-						title: t("common.remove"),
-						"aria-label": t("field.removeItem"),
-						children: /* @__PURE__ */ jsx(Icon, {
-							icon: "ph:trash",
-							className: "size-3.5"
-						})
-					})
-				]
-			}, field.id);
-		});
-		$[58] = canRemove;
-		$[59] = disabled;
-		$[60] = emptyLabel;
-		$[61] = fields;
-		$[62] = handleMove;
-		$[63] = handleRemove;
-		$[64] = itemType;
-		$[65] = name;
-		$[66] = options;
-		$[67] = orderable;
-		$[68] = readOnly;
-		$[69] = resolvedPlaceholder;
-		$[70] = t;
-		$[71] = values;
-		$[72] = t13;
-	} else t13 = $[72];
-	let t14;
-	if ($[73] !== t13) {
-		t14 = /* @__PURE__ */ jsx("div", {
-			className: "space-y-2",
-			children: t13
-		});
-		$[73] = t13;
-		$[74] = t14;
-	} else t14 = $[74];
-	let t15;
-	if ($[75] !== addLabel || $[76] !== canAddMore || $[77] !== disabled || $[78] !== handleAdd || $[79] !== readOnly) {
-		t15 = !readOnly && canAddMore && /* @__PURE__ */ jsxs(Button, {
-			type: "button",
-			variant: "outline",
-			onClick: handleAdd,
-			disabled,
-			children: [/* @__PURE__ */ jsx(Icon, {
-				icon: "ph:plus",
-				className: "h-4 w-4"
-			}), addLabel]
-		});
-		$[75] = addLabel;
-		$[76] = canAddMore;
-		$[77] = disabled;
-		$[78] = handleAdd;
-		$[79] = readOnly;
-		$[80] = t15;
-	} else t15 = $[80];
-	let t16;
-	if ($[81] !== error) {
-		t16 = error && /* @__PURE__ */ jsx("p", {
-			className: "text-destructive text-sm text-pretty",
-			children: error
-		});
-		$[81] = error;
-		$[82] = t16;
-	} else t16 = $[82];
-	let t17;
-	if ($[83] !== t11 || $[84] !== t12 || $[85] !== t14 || $[86] !== t15 || $[87] !== t16) {
-		t17 = /* @__PURE__ */ jsxs("div", {
-			className: "qa-array-field space-y-2",
-			children: [
-				t11,
-				t12,
-				t14,
-				t15,
-				t16
-			]
-		});
-		$[83] = t11;
-		$[84] = t12;
-		$[85] = t14;
-		$[86] = t15;
-		$[87] = t16;
-		$[88] = t17;
-	} else t17 = $[88];
-	return t17;
+		]
+	});
 }
 
 //#endregion