@questpie/admin 1.1.1 → 3.0.0

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

@@ -0,0 +1,209 @@
+"use client";
+
+import { useTranslation } from "../../../i18n/hooks.mjs";
+import { EMPTY_BLOCK_CONTENT, isBlockContent } from "../../../blocks/types.mjs";
+import { useAdminConfig } from "../../../hooks/use-admin-config.mjs";
+import { FieldWrapper } from "../field-wrapper.mjs";
+import { Card, CardContent, CardHeader, CardTitle } from "../../ui/card.mjs";
+import { countBlocks } from "../../blocks/utils/tree-utils.mjs";
+import { BlockEditorLayout } from "../../blocks/block-editor-layout.mjs";
+import { BlockEditorProvider } from "../../blocks/block-editor-provider.mjs";
+import { c } from "react/compiler-runtime";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useFormContext, useWatch } from "react-hook-form";
+
+//#region src/client/components/fields/blocks-field/blocks-field.tsx
+/**
+* Blocks Field Component
+*
+* Form field for editing block content using the visual block editor.
+* Block definitions are fetched from server introspection API.
+*/
+/**
+* Blocks field component.
+*
+* Renders the visual block editor for editing block content.
+*/
+function BlocksField(t0) {
+	const $ = c(42);
+	const { name, value, onChange, label, description, error, required, disabled, allowedBlocks, minBlocks, maxBlocks } = t0;
+	const { t } = useTranslation();
+	const form = useFormContext();
+	let t1;
+	if ($[0] !== form.control || $[1] !== name) {
+		t1 = {
+			control: form.control,
+			name
+		};
+		$[0] = form.control;
+		$[1] = name;
+		$[2] = t1;
+	} else t1 = $[2];
+	const watchedContent = useWatch(t1);
+	const { data: adminConfig } = useAdminConfig();
+	let t2;
+	if ($[3] !== value || $[4] !== watchedContent) {
+		t2 = isBlockContent(watchedContent) ? watchedContent : isBlockContent(value) ? value : EMPTY_BLOCK_CONTENT;
+		$[3] = value;
+		$[4] = watchedContent;
+		$[5] = t2;
+	} else t2 = $[5];
+	const content = t2;
+	let t3;
+	if ($[6] !== adminConfig?.blocks) {
+		t3 = adminConfig?.blocks ?? {};
+		$[6] = adminConfig?.blocks;
+		$[7] = t3;
+	} else t3 = $[7];
+	const blocks = t3;
+	let t4;
+	bb0: {
+		if (!allowedBlocks || allowedBlocks.length === 0) {
+			t4 = blocks;
+			break bb0;
+		}
+		let t5$1;
+		if ($[8] !== allowedBlocks) {
+			t5$1 = new Set(allowedBlocks);
+			$[8] = allowedBlocks;
+			$[9] = t5$1;
+		} else t5$1 = $[9];
+		const allowed = t5$1;
+		let t6$1;
+		if ($[10] !== allowed || $[11] !== blocks) {
+			t6$1 = Object.fromEntries(Object.entries(blocks).filter((t7$1) => {
+				const [name_0] = t7$1;
+				return allowed.has(name_0);
+			}));
+			$[10] = allowed;
+			$[11] = blocks;
+			$[12] = t6$1;
+		} else t6$1 = $[12];
+		t4 = t6$1;
+	}
+	const filteredBlocks = t4;
+	let t5;
+	if ($[13] !== onChange) {
+		t5 = (newContent) => {
+			onChange?.(newContent);
+		};
+		$[13] = onChange;
+		$[14] = t5;
+	} else t5 = $[14];
+	const handleChange = t5;
+	let t6;
+	if ($[15] !== content._tree) {
+		t6 = countBlocks(content._tree);
+		$[15] = content._tree;
+		$[16] = t6;
+	} else t6 = $[16];
+	const blockCount = t6;
+	let t7;
+	if ($[17] !== filteredBlocks) {
+		t7 = Object.keys(filteredBlocks);
+		$[17] = filteredBlocks;
+		$[18] = t7;
+	} else t7 = $[18];
+	const hasBlocks = t7.length > 0;
+	let t8;
+	if ($[19] !== allowedBlocks || $[20] !== blockCount || $[21] !== content || $[22] !== filteredBlocks || $[23] !== handleChange || $[24] !== hasBlocks || $[25] !== t) {
+		t8 = hasBlocks ? /* @__PURE__ */ jsx(BlockEditorProvider, {
+			value: content,
+			onChange: handleChange,
+			blocks: filteredBlocks,
+			allowedBlocks,
+			children: /* @__PURE__ */ jsx(BlockEditorLayout, {})
+		}) : /* @__PURE__ */ jsxs(Card, {
+			className: "border-dashed",
+			children: [/* @__PURE__ */ jsx(CardHeader, {
+				className: "pb-2",
+				children: /* @__PURE__ */ jsx(CardTitle, {
+					className: "flex items-center justify-between text-sm font-medium",
+					children: /* @__PURE__ */ jsxs("span", { children: [
+						"Blocks (",
+						blockCount,
+						")"
+					] })
+				})
+			}), /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", {
+				className: "text-muted-foreground py-8 text-center",
+				children: [/* @__PURE__ */ jsx("p", {
+					className: "text-sm",
+					children: t("blocks.noDefinitions")
+				}), /* @__PURE__ */ jsx("p", {
+					className: "mt-1 text-xs",
+					children: t("blocks.noDefinitionsHint")
+				})]
+			}) })]
+		});
+		$[19] = allowedBlocks;
+		$[20] = blockCount;
+		$[21] = content;
+		$[22] = filteredBlocks;
+		$[23] = handleChange;
+		$[24] = hasBlocks;
+		$[25] = t;
+		$[26] = t8;
+	} else t8 = $[26];
+	let t9;
+	if ($[27] !== blockCount || $[28] !== maxBlocks || $[29] !== minBlocks) {
+		t9 = (minBlocks || maxBlocks) && /* @__PURE__ */ jsxs("div", {
+			className: "text-muted-foreground mt-2 text-xs",
+			children: [
+				minBlocks && /* @__PURE__ */ jsxs("span", { children: [
+					"Min: ",
+					minBlocks,
+					" blocks "
+				] }),
+				maxBlocks && /* @__PURE__ */ jsxs("span", { children: [
+					"Max: ",
+					maxBlocks,
+					" blocks"
+				] }),
+				/* @__PURE__ */ jsxs("span", {
+					className: "ml-2",
+					children: ["Current: ", blockCount]
+				})
+			]
+		});
+		$[27] = blockCount;
+		$[28] = maxBlocks;
+		$[29] = minBlocks;
+		$[30] = t9;
+	} else t9 = $[30];
+	let t10;
+	if ($[31] !== t8 || $[32] !== t9) {
+		t10 = /* @__PURE__ */ jsxs("div", {
+			className: "qa-blocks-field",
+			children: [t8, t9]
+		});
+		$[31] = t8;
+		$[32] = t9;
+		$[33] = t10;
+	} else t10 = $[33];
+	let t11;
+	if ($[34] !== description || $[35] !== disabled || $[36] !== error || $[37] !== label || $[38] !== name || $[39] !== required || $[40] !== t10) {
+		t11 = /* @__PURE__ */ jsx(FieldWrapper, {
+			name,
+			label,
+			description,
+			error,
+			required,
+			disabled,
+			children: t10
+		});
+		$[34] = description;
+		$[35] = disabled;
+		$[36] = error;
+		$[37] = label;
+		$[38] = name;
+		$[39] = required;
+		$[40] = t10;
+		$[41] = t11;
+	} else t11 = $[41];
+	return t11;
+}
+
+//#endregion
+export { BlocksField };

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

@@ -0,0 +1,77 @@
+import { cn } from "../../lib/utils.mjs";
+import { useResolvedControl } from "./field-utils.mjs";
+import { FieldWrapper } from "./field-wrapper.mjs";
+import { CheckboxInput } from "../primitives/checkbox-input.mjs";
+import { ToggleInput } from "../primitives/toggle-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/boolean-field.tsx
+/**
+* Unified boolean field component.
+* Renders as checkbox (default) or switch based on `displayAs` prop.
+*/
+function BooleanField(t0) {
+	const $ = c(14);
+	const { name, label, description, required, disabled, localized, locale, control, className, displayAs: t1 } = t0;
+	const displayAs = t1 === void 0 ? "checkbox" : t1;
+	const resolvedControl = useResolvedControl(control);
+	let t2;
+	if ($[0] !== className || $[1] !== description || $[2] !== disabled || $[3] !== displayAs || $[4] !== label || $[5] !== locale || $[6] !== localized || $[7] !== name || $[8] !== required) {
+		t2 = (t3$1) => {
+			const { field, fieldState } = t3$1;
+			return /* @__PURE__ */ jsx(FieldWrapper, {
+				name,
+				label,
+				description,
+				required,
+				disabled,
+				localized,
+				locale,
+				error: fieldState.error?.message,
+				children: displayAs === "switch" ? /* @__PURE__ */ jsx(ToggleInput, {
+					id: name,
+					value: !!field.value,
+					onChange: field.onChange,
+					disabled,
+					"aria-invalid": !!fieldState.error,
+					className: cn("qa-boolean-field", className)
+				}) : /* @__PURE__ */ jsx(CheckboxInput, {
+					id: name,
+					value: !!field.value,
+					onChange: field.onChange,
+					disabled,
+					"aria-invalid": !!fieldState.error,
+					className: cn("qa-boolean-field", className)
+				})
+			});
+		};
+		$[0] = className;
+		$[1] = description;
+		$[2] = disabled;
+		$[3] = displayAs;
+		$[4] = label;
+		$[5] = locale;
+		$[6] = localized;
+		$[7] = name;
+		$[8] = required;
+		$[9] = t2;
+	} else t2 = $[9];
+	let t3;
+	if ($[10] !== name || $[11] !== resolvedControl || $[12] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Controller, {
+			name,
+			control: resolvedControl,
+			render: t2
+		});
+		$[10] = name;
+		$[11] = resolvedControl;
+		$[12] = t2;
+		$[13] = t3;
+	} else t3 = $[13];
+	return t3;
+}
+
+//#endregion
+export { BooleanField };

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

@@ -0,0 +1,76 @@
+import { cn } from "../../lib/utils.mjs";
+import { useResolvedControl } from "./field-utils.mjs";
+import { FieldWrapper } from "./field-wrapper.mjs";
+import { DateInput } from "../primitives/date-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/date-field.tsx
+function DateField(t0) {
+	const $ = c(17);
+	const { name, label, description, placeholder, required, disabled, localized, locale, control, className, minDate, maxDate, format } = t0;
+	const resolvedControl = useResolvedControl(control);
+	let t1;
+	if ($[0] !== className || $[1] !== description || $[2] !== disabled || $[3] !== format || $[4] !== label || $[5] !== locale || $[6] !== localized || $[7] !== maxDate || $[8] !== minDate || $[9] !== name || $[10] !== placeholder || $[11] !== required) {
+		t1 = (t2$1) => {
+			const { field, fieldState } = t2$1;
+			const dateValue = (() => {
+				if (!field.value) return null;
+				const d = field.value instanceof Date ? field.value : new Date(field.value);
+				return Number.isNaN(d.getTime()) ? null : d;
+			})();
+			return /* @__PURE__ */ jsx(FieldWrapper, {
+				name,
+				label,
+				description,
+				required,
+				disabled,
+				localized,
+				locale,
+				error: fieldState.error?.message,
+				children: /* @__PURE__ */ jsx(DateInput, {
+					id: name,
+					value: dateValue,
+					onChange: field.onChange,
+					minDate,
+					maxDate,
+					format,
+					placeholder,
+					disabled,
+					"aria-invalid": !!fieldState.error,
+					className: cn("qa-date-field", className)
+				})
+			});
+		};
+		$[0] = className;
+		$[1] = description;
+		$[2] = disabled;
+		$[3] = format;
+		$[4] = label;
+		$[5] = locale;
+		$[6] = localized;
+		$[7] = maxDate;
+		$[8] = minDate;
+		$[9] = name;
+		$[10] = placeholder;
+		$[11] = required;
+		$[12] = t1;
+	} else t1 = $[12];
+	let t2;
+	if ($[13] !== name || $[14] !== resolvedControl || $[15] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Controller, {
+			name,
+			control: resolvedControl,
+			render: t1
+		});
+		$[13] = name;
+		$[14] = resolvedControl;
+		$[15] = t1;
+		$[16] = t2;
+	} else t2 = $[16];
+	return t2;
+}
+
+//#endregion
+export { DateField };

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

@@ -0,0 +1,74 @@
+import { cn } from "../../lib/utils.mjs";
+import { useResolvedControl } from "./field-utils.mjs";
+import { FieldWrapper } from "./field-wrapper.mjs";
+import { DateTimeInput } from "../primitives/date-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/datetime-field.tsx
+function DatetimeField(t0) {
+	const $ = c(18);
+	const { name, label, description, placeholder, required, disabled, localized, locale, control, className, minDate, maxDate, format, precision } = t0;
+	const resolvedControl = useResolvedControl(control);
+	let t1;
+	if ($[0] !== className || $[1] !== description || $[2] !== disabled || $[3] !== format || $[4] !== label || $[5] !== locale || $[6] !== localized || $[7] !== maxDate || $[8] !== minDate || $[9] !== name || $[10] !== placeholder || $[11] !== precision || $[12] !== required) {
+		t1 = (t2$1) => {
+			const { field, fieldState } = t2$1;
+			const dateValue = field.value instanceof Date ? field.value : field.value ? new Date(field.value) : null;
+			return /* @__PURE__ */ jsx(FieldWrapper, {
+				name,
+				label,
+				description,
+				required,
+				disabled,
+				localized,
+				locale,
+				error: fieldState.error?.message,
+				children: /* @__PURE__ */ jsx(DateTimeInput, {
+					id: name,
+					value: dateValue,
+					onChange: field.onChange,
+					minDate,
+					maxDate,
+					format,
+					precision,
+					placeholder,
+					disabled,
+					"aria-invalid": !!fieldState.error,
+					className: cn("qa-datetime-field", className)
+				})
+			});
+		};
+		$[0] = className;
+		$[1] = description;
+		$[2] = disabled;
+		$[3] = format;
+		$[4] = label;
+		$[5] = locale;
+		$[6] = localized;
+		$[7] = maxDate;
+		$[8] = minDate;
+		$[9] = name;
+		$[10] = placeholder;
+		$[11] = precision;
+		$[12] = required;
+		$[13] = t1;
+	} else t1 = $[13];
+	let t2;
+	if ($[14] !== name || $[15] !== resolvedControl || $[16] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Controller, {
+			name,
+			control: resolvedControl,
+			render: t1
+		});
+		$[14] = name;
+		$[15] = resolvedControl;
+		$[16] = t1;
+		$[17] = t2;
+	} else t2 = $[17];
+	return t2;
+}
+
+//#endregion
+export { DatetimeField };

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

@@ -0,0 +1,67 @@
+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, {
+			name,
+			control: resolvedControl,
+			render: t1
+		});
+		$[10] = name;
+		$[11] = resolvedControl;
+		$[12] = t1;
+		$[13] = t2;
+	} else t2 = $[13];
+	return t2;
+}
+
+//#endregion
+export { EmailField };

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

@@ -0,0 +1,64 @@
+import { useFormContext } from "react-hook-form";
+
+//#region src/client/components/fields/field-utils.ts
+function useResolvedControl(control) {
+	const form = useFormContext();
+	return control ?? form.control;
+}
+/**
+* Sanitize filename for safe storage.
+* Removes special characters, replaces spaces with hyphens.
+*/
+function sanitizeFilename(filename) {
+	const lastDot = filename.lastIndexOf(".");
+	const ext = lastDot > 0 ? filename.slice(lastDot) : "";
+	return ((lastDot > 0 ? filename.slice(0, lastDot) : filename).normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/\s+/g, "-").replace(/[^a-zA-Z0-9._-]/g, "").replace(/-+/g, "-").replace(/^-|-$/g, "").toLowerCase() || "file") + ext.toLowerCase();
+}
+/**
+* Extract columns from collection list config.
+* Used by relation fields to auto-detect display columns.
+*/
+function getAutoColumns(collectionConfig) {
+	if (!collectionConfig?.list?.columns) return ["_title"];
+	const columns = collectionConfig.list.columns;
+	if (Array.isArray(columns)) return columns.map((col) => {
+		if (col && typeof col === "object" && col["~fieldName"]) return col["~fieldName"];
+		if (typeof col === "string") return col;
+		return null;
+	}).filter(Boolean).slice(0, 4);
+	return ["_title"];
+}
+/**
+* Grid column classes for responsive layouts.
+* Uses standard responsive breakpoints (sm:, lg:, etc.)
+*/
+const gridColumnClasses = {
+	1: "grid-cols-1",
+	2: "grid-cols-1 sm:grid-cols-2",
+	3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
+	4: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4"
+};
+/**
+* Grid column classes using container queries.
+* Parent must have @container class for these to work.
+*/
+const containerGridColumnClasses = {
+	1: "grid-cols-1",
+	2: "grid-cols-1 @sm:grid-cols-2",
+	3: "grid-cols-1 @sm:grid-cols-2 @lg:grid-cols-3",
+	4: "grid-cols-1 @sm:grid-cols-2 @md:grid-cols-3 @xl:grid-cols-4",
+	5: "grid-cols-1 @xs:grid-cols-2 @sm:grid-cols-3 @lg:grid-cols-4 @xl:grid-cols-5",
+	6: "grid-cols-1 @xs:grid-cols-2 @sm:grid-cols-3 @md:grid-cols-4 @lg:grid-cols-5 @xl:grid-cols-6"
+};
+/**
+* Get grid columns class for a given column count.
+* @param columns Number of columns
+* @param useContainerQueries Use container query classes instead of viewport breakpoints
+*/
+function getGridColumnsClass(columns, useContainerQueries = false) {
+	if (!columns) return "";
+	return (useContainerQueries ? containerGridColumnClasses : gridColumnClasses)[columns] || "";
+}
+
+//#endregion
+export { getAutoColumns, getGridColumnsClass, gridColumnClasses, sanitizeFilename, useResolvedControl };

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

@@ -0,0 +1,124 @@
+import { useResolveText } from "../../i18n/hooks.mjs";
+import { useSafeContentLocales } from "../../runtime/content-locales-provider.mjs";
+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;
+	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", {
+			className: "qa-field-wrapper space-y-2",
+			children: [
+				t7,
+				t8,
+				t9,
+				t10
+			]
+		});
+		$[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
+export { FieldWrapper };