@questpie/admin 3.2.4 → 3.2.6

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

@@ -2,65 +2,36 @@ import { cn } from "../../lib/utils.mjs";
 import { useResolvedControl } from "./field-utils.mjs";
 import { FieldWrapper } from "./field-wrapper.mjs";
 import { TextInput } from "../primitives/text-input.mjs";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { Controller } from "react-hook-form";
 
 //#region src/client/components/fields/email-field.tsx
-function EmailField(t0) {
-	const $ = c(14);
-	const { name, label, description, placeholder, required, disabled, localized, locale, control, className } = t0;
-	const resolvedControl = useResolvedControl(control);
-	let t1;
-	if ($[0] !== className || $[1] !== description || $[2] !== disabled || $[3] !== label || $[4] !== locale || $[5] !== localized || $[6] !== name || $[7] !== placeholder || $[8] !== required) {
-		t1 = (t2$1) => {
-			const { field, fieldState } = t2$1;
-			return /* @__PURE__ */ jsx(FieldWrapper, {
-				name,
-				label,
-				description,
-				required,
-				disabled,
-				localized,
-				locale,
-				error: fieldState.error?.message,
-				children: /* @__PURE__ */ jsx(TextInput, {
-					id: name,
-					value: field.value ?? "",
-					onChange: field.onChange,
-					type: "email",
-					placeholder,
-					disabled,
-					autoComplete: "email",
-					"aria-invalid": !!fieldState.error,
-					className: cn("qa-email-field", className)
-				})
-			});
-		};
-		$[0] = className;
-		$[1] = description;
-		$[2] = disabled;
-		$[3] = label;
-		$[4] = locale;
-		$[5] = localized;
-		$[6] = name;
-		$[7] = placeholder;
-		$[8] = required;
-		$[9] = t1;
-	} else t1 = $[9];
-	let t2;
-	if ($[10] !== name || $[11] !== resolvedControl || $[12] !== t1) {
-		t2 = /* @__PURE__ */ jsx(Controller, {
+function EmailField({ name, label, description, placeholder, required, disabled, localized, locale, control, className }) {
+	return /* @__PURE__ */ jsx(Controller, {
+		name,
+		control: useResolvedControl(control),
+		render: ({ field, fieldState }) => /* @__PURE__ */ jsx(FieldWrapper, {
 			name,
-			control: resolvedControl,
-			render: t1
-		});
-		$[10] = name;
-		$[11] = resolvedControl;
-		$[12] = t1;
-		$[13] = t2;
-	} else t2 = $[13];
-	return t2;
+			label,
+			description,
+			required,
+			disabled,
+			localized,
+			locale,
+			error: fieldState.error?.message,
+			children: /* @__PURE__ */ jsx(TextInput, {
+				id: name,
+				value: field.value ?? "",
+				onChange: field.onChange,
+				type: "email",
+				placeholder,
+				disabled,
+				autoComplete: "email",
+				"aria-invalid": !!fieldState.error,
+				className: cn("qa-email-field", className)
+			})
+		})
+	});
 }
 
 //#endregion

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

@@ -3,121 +3,46 @@ import { useSafeContentLocales } from "../../runtime/content-locales-provider.mj
 import { useScopedLocale } from "../../runtime/locale-scope.mjs";
 import { LocaleSwitcher } from "../locale-switcher.mjs";
 import { Field, FieldContent, FieldDescription, FieldError, FieldLabel } from "../ui/field.mjs";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/client/components/fields/field-wrapper.tsx
-function FieldWrapper(t0) {
-	const $ = c(33);
-	const { name, label, description, required, disabled, readOnly, error, localized, locale, children, fieldPath } = t0;
+function FieldWrapper({ name, label, description, required, disabled, readOnly, error, localized, locale, children, fieldPath }) {
 	const resolveText = useResolveText();
 	const { locale: scopedLocale } = useScopedLocale();
 	const contentLocales = useSafeContentLocales();
 	const resolvedLocale = locale ?? scopedLocale;
-	let t1;
-	if ($[0] !== contentLocales || $[1] !== resolvedLocale) {
-		t1 = contentLocales?.locales?.length ? contentLocales.locales : resolvedLocale ? [{ code: resolvedLocale }] : [];
-		$[0] = contentLocales;
-		$[1] = resolvedLocale;
-		$[2] = t1;
-	} else t1 = $[2];
-	const localeOptions = t1;
-	let t2;
-	if ($[3] !== label || $[4] !== resolveText) {
-		t2 = label ? resolveText(label) : void 0;
-		$[3] = label;
-		$[4] = resolveText;
-		$[5] = t2;
-	} else t2 = $[5];
-	const resolvedLabel = t2;
-	let t3;
-	if ($[6] !== description || $[7] !== resolveText) {
-		t3 = description ? resolveText(description) : void 0;
-		$[6] = description;
-		$[7] = resolveText;
-		$[8] = t3;
-	} else t3 = $[8];
-	const resolvedDescription = t3;
-	const t4 = !disabled && readOnly;
-	const t5 = !!error;
-	const t6 = fieldPath ?? name;
-	let t7;
-	if ($[9] !== localeOptions || $[10] !== localized || $[11] !== name || $[12] !== required || $[13] !== resolvedLabel || $[14] !== resolvedLocale) {
-		t7 = resolvedLabel && /* @__PURE__ */ jsxs(FieldLabel, {
-			htmlFor: name,
-			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ jsxs("span", {
-				className: "flex items-center gap-1",
-				children: [resolvedLabel, required && /* @__PURE__ */ jsx("span", {
-					className: "text-destructive",
-					children: "*"
-				})]
-			}), localized && /* @__PURE__ */ jsx(LocaleSwitcher, {
-				locales: localeOptions,
-				value: resolvedLocale,
-				showFlag: false
-			})]
-		});
-		$[9] = localeOptions;
-		$[10] = localized;
-		$[11] = name;
-		$[12] = required;
-		$[13] = resolvedLabel;
-		$[14] = resolvedLocale;
-		$[15] = t7;
-	} else t7 = $[15];
-	let t8;
-	if ($[16] !== children) {
-		t8 = /* @__PURE__ */ jsx(FieldContent, { children });
-		$[16] = children;
-		$[17] = t8;
-	} else t8 = $[17];
-	let t9;
-	if ($[18] !== resolvedDescription) {
-		t9 = resolvedDescription && /* @__PURE__ */ jsx(FieldDescription, { children: resolvedDescription });
-		$[18] = resolvedDescription;
-		$[19] = t9;
-	} else t9 = $[19];
-	let t10;
-	if ($[20] !== error) {
-		t10 = error && /* @__PURE__ */ jsx(FieldError, { errors: [{ message: error }] });
-		$[20] = error;
-		$[21] = t10;
-	} else t10 = $[21];
-	let t11;
-	if ($[22] !== t10 || $[23] !== t7 || $[24] !== t8 || $[25] !== t9) {
-		t11 = /* @__PURE__ */ jsxs("div", {
+	const localeOptions = contentLocales?.locales?.length ? contentLocales.locales : resolvedLocale ? [{ code: resolvedLocale }] : [];
+	const resolvedLabel = label ? resolveText(label) : void 0;
+	const resolvedDescription = description ? resolveText(description) : void 0;
+	return /* @__PURE__ */ jsx(Field, {
+		"data-disabled": disabled,
+		"data-readonly": !disabled && readOnly,
+		"data-invalid": !!error,
+		"data-field-path": fieldPath ?? name,
+		children: /* @__PURE__ */ jsxs("div", {
 			className: "qa-field-wrapper space-y-2",
 			children: [
-				t7,
-				t8,
-				t9,
-				t10
+				resolvedLabel && /* @__PURE__ */ jsxs(FieldLabel, {
+					htmlFor: name,
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ jsxs("span", {
+						className: "flex items-center gap-1",
+						children: [resolvedLabel, required && /* @__PURE__ */ jsx("span", {
+							className: "text-destructive",
+							children: "*"
+						})]
+					}), localized && /* @__PURE__ */ jsx(LocaleSwitcher, {
+						locales: localeOptions,
+						value: resolvedLocale,
+						showFlag: false
+					})]
+				}),
+				/* @__PURE__ */ jsx(FieldContent, { children }),
+				resolvedDescription && /* @__PURE__ */ jsx(FieldDescription, { children: resolvedDescription }),
+				error && /* @__PURE__ */ jsx(FieldError, { errors: [{ message: error }] })
 			]
-		});
-		$[22] = t10;
-		$[23] = t7;
-		$[24] = t8;
-		$[25] = t9;
-		$[26] = t11;
-	} else t11 = $[26];
-	let t12;
-	if ($[27] !== disabled || $[28] !== t11 || $[29] !== t4 || $[30] !== t5 || $[31] !== t6) {
-		t12 = /* @__PURE__ */ jsx(Field, {
-			"data-disabled": disabled,
-			"data-readonly": t4,
-			"data-invalid": t5,
-			"data-field-path": t6,
-			children: t11
-		});
-		$[27] = disabled;
-		$[28] = t11;
-		$[29] = t4;
-		$[30] = t5;
-		$[31] = t6;
-		$[32] = t12;
-	} else t12 = $[32];
-	return t12;
+		})
+	});
 }
 
 //#endregion

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

@@ -3,7 +3,6 @@ import { cn } from "../../lib/utils.mjs";
 import { Button } from "../ui/button.mjs";
 import { Textarea } from "../ui/textarea.mjs";
 import { Field, FieldContent, FieldDescription, FieldError, FieldLabel } from "../ui/field.mjs";
-import { c } from "react/compiler-runtime";
 import { Icon } from "@iconify/react";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -41,32 +40,11 @@ import { Controller, useFormContext } from "react-hook-form";
 * />
 * ```
 */
-function JsonField(t0) {
-	const $ = c(31);
-	const { name, label, description, required, disabled, readOnly, placeholder: t1, defaultMode: t2, allowModeSwitch: t3, minHeight: t4, maxHeight: t5, renderForm, control: controlProp, className } = t0;
-	const placeholder = t1 === void 0 ? "{\n  \"key\": \"value\"\n}" : t1;
-	const defaultMode = t2 === void 0 ? "code" : t2;
-	const allowModeSwitch = t3 === void 0 ? true : t3;
-	const minHeight = t4 === void 0 ? 200 : t4;
-	const maxHeight = t5 === void 0 ? 400 : t5;
+function JsonField({ name, label, description, required, disabled, readOnly, placeholder = "{\n  \"key\": \"value\"\n}", defaultMode = "code", allowModeSwitch = true, minHeight = 200, maxHeight = 400, renderForm, control: controlProp, className }) {
 	const { t } = useTranslation();
 	const resolveText = useResolveText();
-	let t6;
-	if ($[0] !== label || $[1] !== resolveText) {
-		t6 = label ? resolveText(label) : void 0;
-		$[0] = label;
-		$[1] = resolveText;
-		$[2] = t6;
-	} else t6 = $[2];
-	const resolvedLabel = t6;
-	let t7;
-	if ($[3] !== description || $[4] !== resolveText) {
-		t7 = description ? resolveText(description) : void 0;
-		$[3] = description;
-		$[4] = resolveText;
-		$[5] = t7;
-	} else t7 = $[5];
-	const resolvedDescription = t7;
+	const resolvedLabel = label ? resolveText(label) : void 0;
+	const resolvedDescription = description ? resolveText(description) : void 0;
 	const formContext = useFormContext();
 	const control = controlProp ?? formContext?.control;
 	const [mode, setMode] = React.useState(defaultMode);
@@ -75,36 +53,23 @@ function JsonField(t0) {
 		return null;
 	}
 	const showModeSwitch = allowModeSwitch && renderForm;
-	const t8 = required ? `${resolvedLabel || name} is required` : void 0;
-	let t9;
-	if ($[6] !== mode) {
-		t9 = (value) => {
-			if (!value) return true;
-			if (mode === "code" && typeof value === "string") try {
-				JSON.parse(value);
+	return /* @__PURE__ */ jsx(Controller, {
+		name,
+		control,
+		rules: {
+			required: required ? `${resolvedLabel || name} is required` : void 0,
+			validate: (value) => {
+				if (!value) return true;
+				if (mode === "code" && typeof value === "string") try {
+					JSON.parse(value);
+					return true;
+				} catch {
+					return "Invalid JSON format";
+				}
 				return true;
-			} catch {
-				return "Invalid JSON format";
 			}
-			return true;
-		};
-		$[6] = mode;
-		$[7] = t9;
-	} else t9 = $[7];
-	let t10;
-	if ($[8] !== t8 || $[9] !== t9) {
-		t10 = {
-			required: t8,
-			validate: t9
-		};
-		$[8] = t8;
-		$[9] = t9;
-		$[10] = t10;
-	} else t10 = $[10];
-	let t11;
-	if ($[11] !== className || $[12] !== disabled || $[13] !== maxHeight || $[14] !== minHeight || $[15] !== mode || $[16] !== name || $[17] !== placeholder || $[18] !== readOnly || $[19] !== renderForm || $[20] !== required || $[21] !== resolvedDescription || $[22] !== resolvedLabel || $[23] !== showModeSwitch || $[24] !== t) {
-		t11 = (t12$1) => {
-			const { field, fieldState } = t12$1;
+		},
+		render: ({ field, fieldState }) => {
 			const error = fieldState.error?.message;
 			return /* @__PURE__ */ jsxs(Field, {
 				"data-invalid": !!error,
@@ -167,38 +132,8 @@ function JsonField(t0) {
 					/* @__PURE__ */ jsx(FieldError, { children: error })
 				] })]
 			});
-		};
-		$[11] = className;
-		$[12] = disabled;
-		$[13] = maxHeight;
-		$[14] = minHeight;
-		$[15] = mode;
-		$[16] = name;
-		$[17] = placeholder;
-		$[18] = readOnly;
-		$[19] = renderForm;
-		$[20] = required;
-		$[21] = resolvedDescription;
-		$[22] = resolvedLabel;
-		$[23] = showModeSwitch;
-		$[24] = t;
-		$[25] = t11;
-	} else t11 = $[25];
-	let t12;
-	if ($[26] !== control || $[27] !== name || $[28] !== t10 || $[29] !== t11) {
-		t12 = /* @__PURE__ */ jsx(Controller, {
-			name,
-			control,
-			rules: t10,
-			render: t11
-		});
-		$[26] = control;
-		$[27] = name;
-		$[28] = t10;
-		$[29] = t11;
-		$[30] = t12;
-	} else t12 = $[30];
-	return t12;
+		}
+	});
 }
 /**
 * Code editor for JSON (using Textarea for simplicity)
@@ -213,150 +148,72 @@ function formatJsonEditorValue(value) {
 		return "";
 	}
 }
-function JsonCodeEditor(t0) {
-	const $ = c(40);
-	const { value, onChange, disabled, readOnly, placeholder, minHeight, maxHeight, error } = t0;
-	let t1;
-	if ($[0] !== value) {
-		t1 = formatJsonEditorValue(value);
-		$[0] = value;
-		$[1] = t1;
-	} else t1 = $[1];
-	const externalValue = t1;
+function JsonCodeEditor({ value, onChange, disabled, readOnly, placeholder, minHeight, maxHeight, error }) {
+	const externalValue = React.useMemo(() => formatJsonEditorValue(value), [value]);
 	const [localValue, setLocalValue] = React.useState(externalValue);
 	const [parseError, setParseError] = React.useState(null);
 	const [isEditing, setIsEditing] = React.useState(false);
 	const displayedValue = isEditing ? localValue : externalValue;
-	let t2;
-	if ($[2] !== onChange) {
-		t2 = (e) => {
-			const newValue = e.target.value;
-			setIsEditing(true);
-			setLocalValue(newValue);
-			if (!newValue.trim()) {
-				setParseError(null);
-				onChange(null);
-				return;
-			}
-			try {
-				const parsed = JSON.parse(newValue);
-				setParseError(null);
-				onChange(parsed);
-			} catch (t3$1) {
-				setParseError("Invalid JSON");
-				onChange(newValue);
-			}
-		};
-		$[2] = onChange;
-		$[3] = t2;
-	} else t2 = $[3];
-	const handleChange = t2;
-	let t3;
-	if ($[4] !== displayedValue || $[5] !== onChange) {
-		t3 = () => {
-			try {
-				const parsed_0 = JSON.parse(displayedValue);
-				const formatted = JSON.stringify(parsed_0, null, 2);
-				setIsEditing(true);
-				setLocalValue(formatted);
-				setParseError(null);
-				onChange(parsed_0);
-			} catch {}
-		};
-		$[4] = displayedValue;
-		$[5] = onChange;
-		$[6] = t3;
-	} else t3 = $[6];
-	const handleFormat = t3;
-	let t4;
-	if ($[7] !== externalValue) {
-		t4 = () => {
-			setLocalValue(externalValue);
+	const handleChange = (e) => {
+		const newValue = e.target.value;
+		setIsEditing(true);
+		setLocalValue(newValue);
+		if (!newValue.trim()) {
+			setParseError(null);
+			onChange(null);
+			return;
+		}
+		try {
+			const parsed = JSON.parse(newValue);
+			setParseError(null);
+			onChange(parsed);
+		} catch (err) {
+			setParseError("Invalid JSON");
+			onChange(newValue);
+		}
+	};
+	const handleFormat = () => {
+		try {
+			const parsed = JSON.parse(displayedValue);
+			const formatted = JSON.stringify(parsed, null, 2);
 			setIsEditing(true);
-		};
-		$[7] = externalValue;
-		$[8] = t4;
-	} else t4 = $[8];
-	let t5;
-	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = () => {
-			setIsEditing(false);
-		};
-		$[9] = t5;
-	} else t5 = $[9];
-	const t6 = error || parseError ? "border-destructive" : "";
-	let t7;
-	if ($[10] !== t6) {
-		t7 = cn("font-mono text-xs", t6);
-		$[10] = t6;
-		$[11] = t7;
-	} else t7 = $[11];
-	const t8 = `${minHeight}px`;
-	const t9 = maxHeight ? `${maxHeight}px` : void 0;
-	const t10 = maxHeight ? "none" : "vertical";
-	let t11;
-	if ($[12] !== t10 || $[13] !== t8 || $[14] !== t9) {
-		t11 = {
-			minHeight: t8,
-			maxHeight: t9,
-			resize: t10
-		};
-		$[12] = t10;
-		$[13] = t8;
-		$[14] = t9;
-		$[15] = t11;
-	} else t11 = $[15];
-	const t12 = !!error || !!parseError;
-	let t13;
-	if ($[16] !== disabled || $[17] !== displayedValue || $[18] !== handleChange || $[19] !== placeholder || $[20] !== readOnly || $[21] !== t11 || $[22] !== t12 || $[23] !== t4 || $[24] !== t7) {
-		t13 = /* @__PURE__ */ jsx(Textarea, {
-			value: displayedValue,
-			onChange: handleChange,
-			onFocus: t4,
-			onBlur: t5,
-			disabled,
-			readOnly,
-			placeholder,
-			className: t7,
-			style: t11,
-			"aria-invalid": t12
-		});
-		$[16] = disabled;
-		$[17] = displayedValue;
-		$[18] = handleChange;
-		$[19] = placeholder;
-		$[20] = readOnly;
-		$[21] = t11;
-		$[22] = t12;
-		$[23] = t4;
-		$[24] = t7;
-		$[25] = t13;
-	} else t13 = $[25];
-	let t14;
-	if ($[26] !== parseError) {
-		t14 = parseError && /* @__PURE__ */ jsxs("div", {
-			className: "text-destructive bg-background/80 absolute top-2 right-2 flex items-center gap-1 px-1 text-xs text-pretty backdrop-blur-sm",
-			children: [/* @__PURE__ */ jsx(Icon, {
-				icon: "ph:warning-circle-fill",
-				className: "size-3"
-			}), parseError]
-		});
-		$[26] = parseError;
-		$[27] = t14;
-	} else t14 = $[27];
-	let t15;
-	if ($[28] !== t13 || $[29] !== t14) {
-		t15 = /* @__PURE__ */ jsxs("div", {
+			setLocalValue(formatted);
+			setParseError(null);
+			onChange(parsed);
+		} catch {}
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-2",
+		children: [/* @__PURE__ */ jsxs("div", {
 			className: "relative",
-			children: [t13, t14]
-		});
-		$[28] = t13;
-		$[29] = t14;
-		$[30] = t15;
-	} else t15 = $[30];
-	let t16;
-	if ($[31] !== disabled || $[32] !== displayedValue || $[33] !== handleFormat || $[34] !== parseError || $[35] !== readOnly) {
-		t16 = !readOnly && !disabled && displayedValue && /* @__PURE__ */ jsx("div", {
+			children: [/* @__PURE__ */ jsx(Textarea, {
+				value: displayedValue,
+				onChange: handleChange,
+				onFocus: () => {
+					setLocalValue(externalValue);
+					setIsEditing(true);
+				},
+				onBlur: () => {
+					setIsEditing(false);
+				},
+				disabled,
+				readOnly,
+				placeholder,
+				className: cn("font-mono text-xs", error || parseError ? "border-destructive" : ""),
+				style: {
+					minHeight: `${minHeight}px`,
+					maxHeight: maxHeight ? `${maxHeight}px` : void 0,
+					resize: maxHeight ? "none" : "vertical"
+				},
+				"aria-invalid": !!error || !!parseError
+			}), parseError && /* @__PURE__ */ jsxs("div", {
+				className: "text-destructive bg-background/80 absolute top-2 right-2 flex items-center gap-1 px-1 text-xs text-pretty backdrop-blur-sm",
+				children: [/* @__PURE__ */ jsx(Icon, {
+					icon: "ph:warning-circle-fill",
+					className: "size-3"
+				}), parseError]
+			})]
+		}), !readOnly && !disabled && displayedValue && /* @__PURE__ */ jsx("div", {
 			className: "flex justify-end",
 			children: /* @__PURE__ */ jsx(Button, {
 				type: "button",
@@ -366,91 +223,32 @@ function JsonCodeEditor(t0) {
 				disabled: !!parseError,
 				children: "Format JSON"
 			})
-		});
-		$[31] = disabled;
-		$[32] = displayedValue;
-		$[33] = handleFormat;
-		$[34] = parseError;
-		$[35] = readOnly;
-		$[36] = t16;
-	} else t16 = $[36];
-	let t17;
-	if ($[37] !== t15 || $[38] !== t16) {
-		t17 = /* @__PURE__ */ jsxs("div", {
-			className: "space-y-2",
-			children: [t15, t16]
-		});
-		$[37] = t15;
-		$[38] = t16;
-		$[39] = t17;
-	} else t17 = $[39];
-	return t17;
+		})]
+	});
 }
 /**
 * Form-based editor wrapper
 */
-function JsonFormEditor(t0) {
-	const $ = c(12);
-	const { value, onChange, disabled, readOnly, renderForm } = t0;
-	let t1;
-	bb0: {
-		if (typeof value === "object" && value !== null) {
-			t1 = value;
-			break bb0;
-		}
+function JsonFormEditor({ value, onChange, disabled, readOnly, renderForm }) {
+	const safeValue = React.useMemo(() => {
+		if (typeof value === "object" && value !== null) return value;
 		if (typeof value === "string") try {
-			let t2$2;
-			if ($[0] !== value) {
-				t2$2 = JSON.parse(value);
-				$[0] = value;
-				$[1] = t2$2;
-			} else t2$2 = $[1];
-			t1 = t2$2;
-			break bb0;
+			return JSON.parse(value);
 		} catch {
-			let t2$2;
-			if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-				t2$2 = {};
-				$[2] = t2$2;
-			} else t2$2 = $[2];
-			t1 = t2$2;
-			break bb0;
+			return {};
 		}
-		let t2$1;
-		if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-			t2$1 = {};
-			$[3] = t2$1;
-		} else t2$1 = $[3];
-		t1 = t2$1;
-	}
-	const safeValue = t1;
+		return {};
+	}, [value]);
 	if (!renderForm) return null;
-	let t2;
-	if ($[4] !== disabled || $[5] !== onChange || $[6] !== readOnly || $[7] !== renderForm || $[8] !== safeValue) {
-		t2 = renderForm({
+	return /* @__PURE__ */ jsx("div", {
+		className: "panel-surface p-4",
+		children: renderForm({
 			value: safeValue,
 			onChange,
 			disabled,
 			readOnly
-		});
-		$[4] = disabled;
-		$[5] = onChange;
-		$[6] = readOnly;
-		$[7] = renderForm;
-		$[8] = safeValue;
-		$[9] = t2;
-	} else t2 = $[9];
-	const formContent = t2;
-	let t3;
-	if ($[10] !== formContent) {
-		t3 = /* @__PURE__ */ jsx("div", {
-			className: "panel-surface p-4",
-			children: formContent
-		});
-		$[10] = formContent;
-		$[11] = t3;
-	} else t3 = $[11];
-	return t3;
+		})
+	});
 }
 
 //#endregion