@loopstack/loopstack-studio 0.25.0 → 0.25.1

package/dist/components/dynamic-form/fields/SelectField.js

@@ -1,60 +1,42 @@
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../ui/select.js";
-import { useFieldConfig } from "../hooks/useFieldConfig.js";
-import { BaseFieldWrapper } from "./BaseFieldWrapper.js";
-import { c } from "react/compiler-runtime";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Controller } from "react-hook-form";
-const SelectField = (m) => {
-	let h = c(22), { name: g, schema: _, ui: v, required: y, form: b, disabled: x } = m, S = useFieldConfig(g, _, v, x), C = v, w = C?.enumOptions ?? _.enumOptions, T;
-	h[0] !== w || h[1] !== _ ? (T = w && w.length > 0 ? w : _.enum || [], h[0] = w, h[1] = _, h[2] = T) : T = h[2];
-	let E = T, D;
-	h[3] === E ? D = h[4] : (D = E.map(_temp), h[3] = E, h[4] = D);
-	let O = D, k;
-	h[5] === E ? k = h[6] : (k = E.map(_temp2), h[5] = E, h[6] = k);
-	let A = k, j = C?.placeholder || _.placeholder || `Select ${S.fieldLabel}`, M = S.defaultValue || "", N = y ? "This field is required" : void 0, P;
-	h[7] === N ? P = h[8] : (P = { required: N }, h[7] = N, h[8] = P);
-	let F;
-	h[9] !== S || h[10] !== O || h[11] !== A || h[12] !== g || h[13] !== j || h[14] !== y ? (F = (f) => {
-		let { field: p } = f;
-		return /* @__PURE__ */ jsx(BaseFieldWrapper, {
-			name: g,
-			label: S.fieldLabel,
-			required: y,
-			error: S.error,
-			helpText: S.helpText,
-			description: S.description,
-			children: /* @__PURE__ */ jsxs(Select, {
-				value: String(p.value ?? ""),
-				onValueChange: S.isReadOnly ? void 0 : (t) => p.onChange(t),
-				disabled: S.isDisabled,
-				required: y,
-				children: [/* @__PURE__ */ jsx(SelectTrigger, {
-					id: g,
-					className: S.error ? "border-destructive" : "",
-					...S.getAriaProps(),
-					children: /* @__PURE__ */ jsx(SelectValue, { placeholder: j })
-				}), /* @__PURE__ */ jsx(SelectContent, { children: A.map((t, d) => /* @__PURE__ */ jsx(SelectItem, {
-					value: t.toString(),
-					disabled: S.isDisabled,
-					children: O[d]?.toString() || t.toString()
-				}, `${t}-${d}`)) })]
+import { Select as e, SelectContent as t, SelectItem as n, SelectTrigger as r, SelectValue as i } from "../../ui/select.js";
+import { useFieldConfig as a } from "../hooks/useFieldConfig.js";
+import { BaseFieldWrapper as o } from "./BaseFieldWrapper.js";
+import "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Controller as l } from "react-hook-form";
+//#region src/components/dynamic-form/fields/SelectField.tsx
+var u = ({ name: u, schema: d, ui: f, required: p, form: m, disabled: h }) => {
+	let g = a(u, d, f, h), _ = f, v = _?.enumOptions ?? d.enumOptions, y = v && v.length > 0 ? v : d.enum || [], b = y.map((e) => typeof e == "string" || typeof e == "number" ? e : e.label), x = y.map((e) => typeof e == "string" || typeof e == "number" ? e : e.value), S = _?.placeholder || d.placeholder || `Select ${g.fieldLabel}`;
+	return /* @__PURE__ */ s(l, {
+		name: u,
+		control: m.control,
+		defaultValue: g.defaultValue || "",
+		rules: { required: p ? "This field is required" : void 0 },
+		render: ({ field: a }) => /* @__PURE__ */ s(o, {
+			name: u,
+			label: g.fieldLabel,
+			required: p,
+			error: g.error,
+			helpText: g.helpText,
+			description: g.description,
+			children: /* @__PURE__ */ c(e, {
+				value: String(a.value ?? ""),
+				onValueChange: g.isReadOnly ? void 0 : (e) => a.onChange(e),
+				disabled: g.isDisabled,
+				required: p,
+				children: [/* @__PURE__ */ s(r, {
+					id: u,
+					className: g.error ? "border-destructive" : "",
+					...g.getAriaProps(),
+					children: /* @__PURE__ */ s(i, { placeholder: S })
+				}), /* @__PURE__ */ s(t, { children: x.map((e, t) => /* @__PURE__ */ s(n, {
+					value: e.toString(),
+					disabled: g.isDisabled,
+					children: b[t]?.toString() || e.toString()
+				}, `${e}-${t}`)) })]
 			})
-		});
-	}, h[9] = S, h[10] = O, h[11] = A, h[12] = g, h[13] = j, h[14] = y, h[15] = F) : F = h[15];
-	let I;
-	return h[16] !== b.control || h[17] !== g || h[18] !== M || h[19] !== P || h[20] !== F ? (I = /* @__PURE__ */ jsx(Controller, {
-		name: g,
-		control: b.control,
-		defaultValue: M,
-		rules: P,
-		render: F
-	}), h[16] = b.control, h[17] = g, h[18] = M, h[19] = P, h[20] = F, h[21] = I) : I = h[21], I;
+		})
+	});
 };
-function _temp(t) {
-	return typeof t == "string" || typeof t == "number" ? t : t.label;
-}
-function _temp2(t) {
-	return typeof t == "string" || typeof t == "number" ? t : t.value;
-}
-export { SelectField };
+//#endregion
+export { u as SelectField };

package/dist/components/dynamic-form/fields/SliderField.js

@@ -1,112 +1,106 @@
-import { Slider } from "../../ui/slider.js";
-import { useFieldConfig } from "../hooks/useFieldConfig.js";
-import { BaseFieldWrapper } from "./BaseFieldWrapper.js";
-import { c } from "react/compiler-runtime";
-import React, { useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Controller } from "react-hook-form";
-var buildSliderValidationRules = (t, i) => {
-	let a = t.minimum ?? 0, o = t.maximum ?? 100;
+import { Slider as e } from "../../ui/slider.js";
+import { useFieldConfig as t } from "../hooks/useFieldConfig.js";
+import { BaseFieldWrapper as n } from "./BaseFieldWrapper.js";
+import { useRef as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Controller as s } from "react-hook-form";
+//#region src/components/dynamic-form/fields/SliderField.tsx
+var c = (e, t) => {
+	let n = e.minimum ?? 0, r = e.maximum ?? 100;
 	return {
-		required: i ? "This field is required" : void 0,
+		required: t ? "This field is required" : void 0,
 		min: {
-			value: a,
-			message: `Value must be at least ${a}`
+			value: n,
+			message: `Value must be at least ${n}`
 		},
 		max: {
-			value: o,
-			message: `Value must be at most ${o}`
+			value: r,
+			message: `Value must be at most ${r}`
 		},
 		validate: {
-			multipleOf: (i) => t.multipleOf && i % t.multipleOf !== 0 ? `Value must be a multiple of ${t.multipleOf}` : !0,
-			isNumber: (t) => typeof t != "number" || isNaN(t) ? "Value must be a valid number" : !0
+			multipleOf: (t) => e.multipleOf && t % e.multipleOf !== 0 ? `Value must be a multiple of ${e.multipleOf}` : !0,
+			isNumber: (e) => typeof e != "number" || isNaN(e) ? "Value must be a valid number" : !0
 		}
 	};
-};
-const SliderField = (s) => {
-	let f = c(23), { name: p, schema: m, ui: h, required: g, form: _, disabled: v } = s, y = useFieldConfig(p, m, h, v), [b, x] = useState(!1), [S, C] = useState(!1), w = useRef(null), T = m.minimum ?? 0, E = m.maximum ?? 100, D = m.multipleOf ?? 1, O = m.default ?? T, k;
-	f[0] !== g || f[1] !== m ? (k = buildSliderValidationRules(m, g), f[0] = g, f[1] = m, f[2] = k) : k = f[2];
-	let A = k, j;
-	f[3] !== E || f[4] !== T ? (j = (t) => {
-		if (!w.current) return 0;
-		let i = w.current.offsetWidth;
-		return (t - T) / (E - T) * i;
-	}, f[3] = E, f[4] = T, f[5] = j) : j = f[5];
-	let M = j, N;
-	f[6] !== M || f[7] !== y || f[8] !== O || f[9] !== b || f[10] !== S || f[11] !== E || f[12] !== T || f[13] !== p || f[14] !== g || f[15] !== D ? (N = (i) => {
-		let { field: o } = i, { onChange: s, value: l } = o, u = typeof l == "number" && !isNaN(l) ? l : O, d = M(u);
-		return /* @__PURE__ */ jsx(BaseFieldWrapper, {
-			name: p,
-			label: y.fieldLabel,
-			required: g,
-			error: y.error,
-			helpText: y.helpText,
-			description: y.description,
-			children: /* @__PURE__ */ jsxs("div", {
-				className: "relative px-2",
-				ref: w,
-				children: [
-					/* @__PURE__ */ jsx("div", {
-						className: "slider-with-hover",
-						onMouseMove: (t) => {
-							if (!w.current) return;
-							let i = w.current.getBoundingClientRect(), a = t.clientX - i.left - 8;
-							C(Math.abs(a - d) < 12);
-						},
-						onMouseLeave: () => C(!1),
-						children: /* @__PURE__ */ jsx(Slider, {
-							id: p,
-							value: [u],
-							onValueChange: (t) => {
-								y.isReadOnly || s(t[0]);
+}, l = ({ name: l, schema: u, ui: d, required: f, form: p, disabled: m }) => {
+	let h = t(l, u, d, m), [g, _] = i(!1), [v, y] = i(!1), b = r(null), x = u.minimum ?? 0, S = u.maximum ?? 100, C = u.multipleOf ?? 1, w = u.default ?? x, T = c(u, f), E = (e) => {
+		if (!b.current) return 0;
+		let t = b.current.offsetWidth;
+		return (e - x) / (S - x) * t;
+	};
+	return /* @__PURE__ */ a(s, {
+		name: l,
+		control: p.control,
+		defaultValue: w,
+		rules: T,
+		render: ({ field: { onChange: t, value: r } }) => {
+			let i = typeof r == "number" && !isNaN(r) ? r : w, s = E(i);
+			return /* @__PURE__ */ a(n, {
+				name: l,
+				label: h.fieldLabel,
+				required: f,
+				error: h.error,
+				helpText: h.helpText,
+				description: h.description,
+				children: /* @__PURE__ */ o("div", {
+					className: "relative px-2",
+					ref: b,
+					children: [
+						/* @__PURE__ */ a("div", {
+							className: "slider-with-hover",
+							onMouseMove: (e) => {
+								if (!b.current) return;
+								let t = b.current.getBoundingClientRect(), n = e.clientX - t.left - 8;
+								y(Math.abs(n - s) < 12);
 							},
-							"aria-label": y.fieldLabel,
-							step: D,
-							min: T,
-							max: E,
-							disabled: y.isDisabled,
-							className: "w-full hover:cursor-pointer",
-							onPointerDown: () => x(!0),
-							onPointerUp: () => x(!1),
-							onPointerLeave: () => {
-								x(!1), C(!1);
+							onMouseLeave: () => y(!1),
+							children: /* @__PURE__ */ a(e, {
+								id: l,
+								value: [i],
+								onValueChange: (e) => {
+									h.isReadOnly || t(e[0]);
+								},
+								"aria-label": h.fieldLabel,
+								step: C,
+								min: x,
+								max: S,
+								disabled: h.isDisabled,
+								className: "w-full hover:cursor-pointer",
+								onPointerDown: () => _(!0),
+								onPointerUp: () => _(!1),
+								onPointerLeave: () => {
+									_(!1), y(!1);
+								},
+								...h.getAriaProps()
+							})
+						}),
+						(g || v) && /* @__PURE__ */ a("div", {
+							className: "bg-popover text-popover-foreground pointer-events-none absolute -top-10 z-10 rounded-md border px-2 py-1 text-sm shadow-md",
+							style: {
+								left: `${s}px`,
+								transform: "translateX(-50%)"
 							},
-							...y.getAriaProps()
+							role: "tooltip",
+							"aria-live": "polite",
+							children: i
+						}),
+						/* @__PURE__ */ o("div", {
+							className: "mt-2 flex justify-between",
+							children: [/* @__PURE__ */ a("span", {
+								className: "text-muted-foreground text-xs",
+								"aria-label": `Minimum value: ${x}`,
+								children: x
+							}), /* @__PURE__ */ a("span", {
+								className: "text-muted-foreground text-xs",
+								"aria-label": `Maximum value: ${S}`,
+								children: S
+							})]
 						})
-					}),
-					(b || S) && /* @__PURE__ */ jsx("div", {
-						className: "bg-popover text-popover-foreground pointer-events-none absolute -top-10 z-10 rounded-md border px-2 py-1 text-sm shadow-md",
-						style: {
-							left: `${d}px`,
-							transform: "translateX(-50%)"
-						},
-						role: "tooltip",
-						"aria-live": "polite",
-						children: u
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "mt-2 flex justify-between",
-						children: [/* @__PURE__ */ jsx("span", {
-							className: "text-muted-foreground text-xs",
-							"aria-label": `Minimum value: ${T}`,
-							children: T
-						}), /* @__PURE__ */ jsx("span", {
-							className: "text-muted-foreground text-xs",
-							"aria-label": `Maximum value: ${E}`,
-							children: E
-						})]
-					})
-				]
-			})
-		});
-	}, f[6] = M, f[7] = y, f[8] = O, f[9] = b, f[10] = S, f[11] = E, f[12] = T, f[13] = p, f[14] = g, f[15] = D, f[16] = N) : N = f[16];
-	let P;
-	return f[17] !== O || f[18] !== _.control || f[19] !== p || f[20] !== N || f[21] !== A ? (P = /* @__PURE__ */ jsx(Controller, {
-		name: p,
-		control: _.control,
-		defaultValue: O,
-		rules: A,
-		render: N
-	}), f[17] = O, f[18] = _.control, f[19] = p, f[20] = N, f[21] = A, f[22] = P) : P = f[22], P;
+					]
+				})
+			});
+		}
+	});
 };
-export { SliderField };
+//#endregion
+export { l as SliderField };

package/dist/components/dynamic-form/fields/SwitchField.js

@@ -1,66 +1,47 @@
-import { Label } from "../../ui/label.js";
-import { Switch } from "../../ui/switch.js";
-import { useFieldConfig } from "../hooks/useFieldConfig.js";
-import { BaseFieldWrapper } from "./BaseFieldWrapper.js";
-import { c } from "react/compiler-runtime";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Controller } from "react-hook-form";
-const SwitchField = (l) => {
-	let d = c(15), { name: p, schema: m, ui: h, required: g, form: _, disabled: v } = l, y = useFieldConfig(p, m, h, v), b;
-	if (d[0] !== m.const || d[1] !== m.enum) {
-		if (b = {}, m.const === !0) {
-			let e;
-			d[3] === Symbol.for("react.memo_cache_sentinel") ? (e = { mustBeTrue: _temp }, d[3] = e) : e = d[3], b.validate = e;
-		}
-		if (m.enum?.length === 1 && m.enum[0] === !0) {
-			let e;
-			d[4] === Symbol.for("react.memo_cache_sentinel") ? (e = { mustBeTrue: _temp2 }, d[4] = e) : e = d[4], b.validate = e;
-		}
-		d[0] = m.const, d[1] = m.enum, d[2] = b;
-	} else b = d[2];
-	let x = b, S = y.defaultValue ?? !1, C;
-	d[5] !== y || d[6] !== p || d[7] !== g ? (C = (o) => {
-		let { field: s } = o, { onChange: l, value: u, ref: d, ...f } = s;
-		return /* @__PURE__ */ jsx(BaseFieldWrapper, {
-			name: p,
-			label: y.fieldLabel,
-			required: g,
-			error: y.error,
-			helpText: y.helpText,
-			description: y.description,
+import { Label as e } from "../../ui/label.js";
+import { Switch as t } from "../../ui/switch.js";
+import { useFieldConfig as n } from "../hooks/useFieldConfig.js";
+import { BaseFieldWrapper as r } from "./BaseFieldWrapper.js";
+import i from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Controller as s } from "react-hook-form";
+//#region src/components/dynamic-form/fields/SwitchField.tsx
+var c = ({ name: c, schema: l, ui: u, required: d, form: f, disabled: p }) => {
+	let m = n(c, l, u, p), h = i.useMemo(() => {
+		let e = {};
+		return l.const === !0 && (e.validate = { mustBeTrue: (e) => e === !0 || "This field must be accepted" }), l.enum?.length === 1 && l.enum[0] === !0 && (e.validate = { mustBeTrue: (e) => e === !0 || "This field must be accepted" }), e;
+	}, [l.const, l.enum]);
+	return /* @__PURE__ */ a(s, {
+		name: c,
+		control: f.control,
+		defaultValue: m.defaultValue ?? !1,
+		rules: h,
+		render: ({ field: { onChange: n, value: i, ref: s, ...l } }) => /* @__PURE__ */ a(r, {
+			name: c,
+			label: m.fieldLabel,
+			required: d,
+			error: m.error,
+			helpText: m.helpText,
+			description: m.description,
 			showLabel: !1,
-			children: /* @__PURE__ */ jsxs("div", {
+			children: /* @__PURE__ */ o("div", {
 				className: "flex items-center space-x-2",
-				children: [/* @__PURE__ */ jsx(Switch, {
-					id: p,
-					checked: !!u,
-					onCheckedChange: y.isReadOnly ? void 0 : l,
-					disabled: y.isDisabled,
-					ref: d,
-					...f,
-					...y.getAriaProps()
-				}), /* @__PURE__ */ jsx(Label, {
-					htmlFor: p,
-					className: `text-sm leading-none font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70 ${g ? "after:ml-0.5 after:text-red-500 after:content-['*']" : ""}`,
-					children: y.fieldLabel
+				children: [/* @__PURE__ */ a(t, {
+					id: c,
+					checked: !!i,
+					onCheckedChange: m.isReadOnly ? void 0 : n,
+					disabled: m.isDisabled,
+					ref: s,
+					...l,
+					...m.getAriaProps()
+				}), /* @__PURE__ */ a(e, {
+					htmlFor: c,
+					className: `text-sm leading-none font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70 ${d ? "after:ml-0.5 after:text-red-500 after:content-['*']" : ""}`,
+					children: m.fieldLabel
 				})]
 			})
-		});
-	}, d[5] = y, d[6] = p, d[7] = g, d[8] = C) : C = d[8];
-	let w;
-	return d[9] !== _.control || d[10] !== p || d[11] !== S || d[12] !== C || d[13] !== x ? (w = /* @__PURE__ */ jsx(Controller, {
-		name: p,
-		control: _.control,
-		defaultValue: S,
-		rules: x,
-		render: C
-	}), d[9] = _.control, d[10] = p, d[11] = S, d[12] = C, d[13] = x, d[14] = w) : w = d[14], w;
+		})
+	});
 };
-function _temp(e) {
-	return e === !0 || "This field must be accepted";
-}
-function _temp2(e) {
-	return e === !0 || "This field must be accepted";
-}
-export { SwitchField };
+//#endregion
+export { c as SwitchField };

package/dist/components/dynamic-form/fields/TextareaField.js

@@ -1,77 +1,58 @@
-import { Label } from "../../ui/label.js";
-import { Textarea } from "../../ui/textarea.js";
-import { buildTextValidationRules } from "./utils/text-validation-utils.js";
-import { useFieldConfig } from "../hooks/useFieldConfig.js";
-import { BaseFieldWrapper } from "./BaseFieldWrapper.js";
-import { c } from "react/compiler-runtime";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Controller } from "react-hook-form";
-const TextareaField = (d) => {
-	let f = c(25), { name: p, schema: m, ui: h, required: g, form: _, disabled: v, viewOnly: y } = d, b = useFieldConfig(p, m, h, v), x = h, S = x?.placeholder || m.placeholder || m.examples?.[0] || "", C = x?.rows || m.rows || 4, w;
-	f[0] !== g || f[1] !== m ? (w = buildTextValidationRules(m, g), f[0] = g, f[1] = m, f[2] = w) : w = f[2];
-	let T = w;
-	if (y) {
-		let o;
-		f[3] === b.fieldLabel ? o = f[4] : (o = /* @__PURE__ */ jsx(Label, {
+import { Label as e } from "../../ui/label.js";
+import { Textarea as t } from "../../ui/textarea.js";
+import { buildTextValidationRules as n } from "./utils/text-validation-utils.js";
+import { useFieldConfig as r } from "../hooks/useFieldConfig.js";
+import { BaseFieldWrapper as i } from "./BaseFieldWrapper.js";
+import "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Controller as s } from "react-hook-form";
+//#region src/components/dynamic-form/fields/TextareaField.tsx
+var c = ({ name: c, schema: l, ui: u, required: d, form: f, disabled: p, viewOnly: m }) => {
+	let h = r(c, l, u, p), g = u, _ = g?.placeholder || l.placeholder || l.examples?.[0] || "", v = g?.rows || l.rows || 4, y = n(l, d);
+	return m ? /* @__PURE__ */ o("div", {
+		className: "mb-4 block",
+		children: [/* @__PURE__ */ a(e, {
 			className: "text-muted-foreground mb-1 block text-sm",
-			children: b.fieldLabel
-		}), f[3] = b.fieldLabel, f[4] = o);
-		let s = b.defaultValue || "", l;
-		f[5] !== _.control || f[6] !== p || f[7] !== s ? (l = /* @__PURE__ */ jsx(Controller, {
-			name: p,
-			control: _.control,
-			defaultValue: s,
-			render: _temp
-		}), f[5] = _.control, f[6] = p, f[7] = s, f[8] = l) : l = f[8];
-		let u;
-		return f[9] !== o || f[10] !== l ? (u = /* @__PURE__ */ jsxs("div", {
-			className: "mb-4 block",
-			children: [o, l]
-		}), f[9] = o, f[10] = l, f[11] = u) : u = f[11], u;
-	}
-	let E = b.defaultValue || "", D;
-	f[12] !== b || f[13] !== p || f[14] !== S || f[15] !== g || f[16] !== C || f[17] !== m.maxLength ? (D = (r) => {
-		let { field: s } = r;
-		return /* @__PURE__ */ jsx(BaseFieldWrapper, {
-			name: p,
-			label: b.fieldLabel,
-			required: g,
-			error: b.error,
-			helpText: b.helpText,
-			description: b.description,
-			children: /* @__PURE__ */ jsx(Textarea, {
-				...s,
-				id: p,
-				onChange: b.isReadOnly ? void 0 : s.onChange,
-				rows: C,
-				placeholder: S,
-				disabled: b.isDisabled,
-				readOnly: b.isReadOnly,
-				maxLength: m.maxLength,
-				className: b.error ? "border-destructive focus-visible:ring-destructive" : "",
+			children: h.fieldLabel
+		}), /* @__PURE__ */ a(s, {
+			name: c,
+			control: f.control,
+			defaultValue: h.defaultValue || "",
+			render: ({ field: e }) => /* @__PURE__ */ a("div", {
+				className: "text-sm whitespace-pre-wrap",
+				children: e.value || "—"
+			})
+		})]
+	}) : /* @__PURE__ */ a(s, {
+		name: c,
+		control: f.control,
+		defaultValue: h.defaultValue || "",
+		rules: y,
+		render: ({ field: e }) => /* @__PURE__ */ a(i, {
+			name: c,
+			label: h.fieldLabel,
+			required: d,
+			error: h.error,
+			helpText: h.helpText,
+			description: h.description,
+			children: /* @__PURE__ */ a(t, {
+				...e,
+				id: c,
+				onChange: h.isReadOnly ? void 0 : e.onChange,
+				rows: v,
+				placeholder: _,
+				disabled: h.isDisabled,
+				readOnly: h.isReadOnly,
+				maxLength: l.maxLength,
+				className: h.error ? "border-destructive focus-visible:ring-destructive" : "",
 				style: {
-					minHeight: C ? `${C * 1.5}em` : void 0,
-					resize: C ? "vertical" : "none"
+					minHeight: v ? `${v * 1.5}em` : void 0,
+					resize: v ? "vertical" : "none"
 				},
-				...b.getAriaProps()
+				...h.getAriaProps()
 			})
-		});
-	}, f[12] = b, f[13] = p, f[14] = S, f[15] = g, f[16] = C, f[17] = m.maxLength, f[18] = D) : D = f[18];
-	let O;
-	return f[19] !== _.control || f[20] !== p || f[21] !== E || f[22] !== D || f[23] !== T ? (O = /* @__PURE__ */ jsx(Controller, {
-		name: p,
-		control: _.control,
-		defaultValue: E,
-		rules: T,
-		render: D
-	}), f[19] = _.control, f[20] = p, f[21] = E, f[22] = D, f[23] = T, f[24] = O) : O = f[24], O;
-};
-function _temp(r) {
-	let { field: o } = r;
-	return /* @__PURE__ */ jsx("div", {
-		className: "text-sm whitespace-pre-wrap",
-		children: o.value || "—"
+		})
 	});
-}
-export { TextareaField };
+};
+//#endregion
+export { c as TextareaField };

package/dist/components/dynamic-form/fields/utils/text-validation-utils.js

@@ -1,4 +1,5 @@
-const buildTextValidationRules = (e, t) => {
+//#region src/components/dynamic-form/fields/utils/text-validation-utils.ts
+var e = (e, t) => {
 	let n = {};
 	t && (n.required = "This field is required"), e.minLength !== void 0 && (n.minLength = {
 		value: e.minLength,
@@ -30,4 +31,5 @@ const buildTextValidationRules = (e, t) => {
 		message: "Invalid phone number"
 	}), e.multipleOf !== void 0 && (n.validate = { multipleOf: (t) => t % e.multipleOf === 0 || `Value must be a multiple of ${e.multipleOf}` }), n;
 };
-export { buildTextValidationRules };
+//#endregion
+export { e as buildTextValidationRules };

package/dist/components/dynamic-form/hooks/useArrayDefaultValue.js

@@ -1,12 +1,12 @@
-var getPrimaryType = (e) => Array.isArray(e) ? e[0] : e;
-const useArrayDefaultValue = (t) => {
+//#region src/components/dynamic-form/hooks/useArrayDefaultValue.ts
+var e = (e) => Array.isArray(e) ? e[0] : e, t = (t) => {
 	if (!t) return "";
-	let n = getPrimaryType(t.type);
+	let n = e(t.type);
 	if (n === "object") {
 		let n = {};
 		return t.properties && Object.entries(t.properties).forEach(([t, r]) => {
 			if (r.default !== void 0) n[t] = r.default;
-			else switch (getPrimaryType(r.type)) {
+			else switch (e(r.type)) {
 				case "string":
 					n[t] = "";
 					break;
@@ -39,4 +39,5 @@ const useArrayDefaultValue = (t) => {
 		default: return "";
 	}
 };
-export { useArrayDefaultValue };
+//#endregion
+export { t as useArrayDefaultValue };

package/dist/components/dynamic-form/hooks/useFieldConfig.js

@@ -1,21 +1,20 @@
-import { c } from "react/compiler-runtime";
-import { useFormContext } from "react-hook-form";
-const useFieldConfig = (n, r, i, a) => {
-	let o = c(14), s = useFormContext()?.formState.errors[n], l = i, u = l?.title ?? r.title ?? n, d = l?.help ?? r.help, f = l?.description ?? r.description, p = l?.readonly ?? r.readonly, m = l?.disabled ?? r.disabled ?? a, h;
-	o[0] !== s || o[1] !== n || o[2] !== r.description || o[3] !== l?.description ? (h = () => ({
-		"aria-describedby": l?.description ?? r.description ? `${n}-description` : void 0,
-		"aria-invalid": !!s
-	}), o[0] = s, o[1] = n, o[2] = r.description, o[3] = l?.description, o[4] = h) : h = o[4];
-	let g;
-	return o[5] !== s || o[6] !== r.default || o[7] !== u || o[8] !== d || o[9] !== f || o[10] !== p || o[11] !== m || o[12] !== h ? (g = {
-		fieldLabel: u,
-		helpText: d,
-		description: f,
-		isReadOnly: p,
-		isDisabled: m,
-		defaultValue: r.default,
-		error: s,
-		getAriaProps: h
-	}, o[5] = s, o[6] = r.default, o[7] = u, o[8] = d, o[9] = f, o[10] = p, o[11] = m, o[12] = h, o[13] = g) : g = o[13], g;
+import { useFormContext as e } from "react-hook-form";
+//#region src/components/dynamic-form/hooks/useFieldConfig.ts
+var t = (t, n, r, i) => {
+	let a = e()?.formState.errors[t], o = r;
+	return {
+		fieldLabel: o?.title ?? n.title ?? t,
+		helpText: o?.help ?? n.help,
+		description: o?.description ?? n.description,
+		isReadOnly: o?.readonly ?? n.readonly,
+		isDisabled: o?.disabled ?? n.disabled ?? i,
+		defaultValue: n.default,
+		error: a,
+		getAriaProps: () => ({
+			"aria-describedby": o?.description ?? n.description ? `${t}-description` : void 0,
+			"aria-invalid": !!a
+		})
+	};
 };
-export { useFieldConfig };
+//#endregion
+export { t as useFieldConfig };