treege 3.0.0-beta.62 → 3.0.0-beta.63

package/dist/{ThemeContext-cGSTk24y.js → ThemeContext-nopV_oRU.js}

@@ -538,7 +538,7 @@ var d = (e) => e?.type === "input", f = (e) => e?.type === "ui", p = (e) => e?.t
 	language: "",
 	optionsDisplayLimit: void 0,
 	setFieldValue: () => {}
-}, k = t(null), ee = ({ children: e, value: t }) => {
+}, k = t(null), A = ({ children: e, value: t }) => {
 	let n = a(() => ({
 		...O,
 		...t
@@ -547,7 +547,7 @@ var d = (e) => e?.type === "input", f = (e) => e?.type === "ui", p = (e) => e?.t
 		value: n,
 		children: e
 	});
-}, A = () => {
+}, j = () => {
 	let e = r(k) ?? O, t = a(() => e.flow?.edges ?? [], [e.flow]);
 	return {
 		...e,
@@ -556,12 +556,12 @@ var d = (e) => e?.type === "input", f = (e) => e?.type === "ui", p = (e) => e?.t
 };
 //#endregion
 //#region src/renderer/features/TreegeRenderer/InputRendererHost.tsx
-function j({ render: e, field: t, extra: n }) {
+function M({ render: e, field: t, extra: n }) {
 	return /* @__PURE__ */ l(c, { children: e(t, n) });
 }
 //#endregion
 //#region src/renderer/utils/sanitize.ts
-var M = [
+var N = [
 	"b",
 	"i",
 	"em",
@@ -570,14 +570,14 @@ var M = [
 	"br",
 	"p",
 	"span"
-], te = ["class"], N = (e, t = {}) => {
+], ee = ["class"], P = (e, t = {}) => {
 	if (e == null || e === "") return "";
 	let n = String(e), { plainTextOnly: r = !0, allowedTags: i, allowedAttributes: a } = t;
 	if (r) return u.sanitize(n, {
 		ALLOWED_ATTR: [],
 		ALLOWED_TAGS: []
 	});
-	let o = i ?? M, s = a ?? te;
+	let o = i ?? N, s = a ?? ee;
 	return u.sanitize(n, {
 		ALLOW_DATA_ATTR: !1,
 		ALLOW_UNKNOWN_PROTOCOLS: !1,
@@ -589,10 +589,10 @@ var M = [
 		RETURN_DOM: !1,
 		RETURN_DOM_FRAGMENT: !1
 	});
-}, P = 100, F = (e, t = {}, n = 0, r = /* @__PURE__ */ new WeakSet()) => {
-	if (n > P) return console.warn(`sanitizeHttpResponse: Maximum depth (${P}) exceeded.`), typeof e == "string" ? N(e, t) : "[Max Depth Exceeded]";
+}, te = 100, F = (e, t = {}, n = 0, r = /* @__PURE__ */ new WeakSet()) => {
+	if (n > te) return console.warn(`sanitizeHttpResponse: Maximum depth (${te}) exceeded.`), typeof e == "string" ? P(e, t) : "[Max Depth Exceeded]";
 	if (e == null) return e;
-	if (typeof e == "string") return N(e, t);
+	if (typeof e == "string") return P(e, t);
 	if (Array.isArray(e)) return e.map((e) => F(e, t, n + 1, r));
 	if (typeof e == "object") {
 		if (r.has(e)) return console.warn("sanitizeHttpResponse: Circular reference detected. Breaking cycle to prevent infinite recursion."), "[Circular Reference]";
@@ -603,10 +603,10 @@ var M = [
 	}
 	return e;
 }, ne = (e) => {
-	let t = A(), n = T(e ?? t.language);
+	let t = j(), n = T(e ?? t.language);
 	return a(() => (e) => {
 		let t = n(e);
-		return typeof e == "object" && e ? N(t) : t;
+		return typeof e == "object" && e ? P(t) : t;
 	}, [n]);
 }, I = (...e) => {
 	let t = /* @__PURE__ */ new Map();
@@ -665,7 +665,7 @@ var M = [
 	return e.replace(/\{\{([\w-]+)}}/g, (e, n) => {
 		let a = t[n.trim()];
 		if (a == null) return i ? "null" : "";
-		let o = typeof a == "string" ? N(a) : a;
+		let o = typeof a == "string" ? P(a) : a;
 		if (r) return encodeURIComponent(String(o));
 		if (i) {
 			if (typeof o == "string") return `"${o.replace(/\\/g, "\\\\").replace(/"/g, "\\\"")}"`;
@@ -674,14 +674,14 @@ var M = [
 		}
 		return String(o);
 	});
-}, H = (e, t) => e ? e.replace(/\{\{response\.([\w.-]+)}}/g, (e, n) => {
-	let r = re(t, n.trim());
+}, re = (e, t) => e ? e.replace(/\{\{response\.([\w.-]+)}}/g, (e, n) => {
+	let r = ie(t, n.trim());
 	return r == null ? "" : String(r);
-}) : "", re = (e, t) => {
+}) : "", ie = (e, t) => {
 	if (!(!e || typeof e != "object")) return t.split(".").reduce((e, t) => {
 		if (!(typeof e != "object" || !e)) return e[t];
 	}, e);
-}, U = (e, t) => t ? t.split(".").reduce((e, t) => {
+}, H = (e, t) => t ? t.split(".").reduce((e, t) => {
 	if (e == null) return;
 	let n = t.match(/^(\w+)\[(\d+)]$/);
 	if (n) {
@@ -689,26 +689,26 @@ var M = [
 		return Array.isArray(i) ? i[Number.parseInt(r, 10)] : i;
 	}
 	return e[t];
-}, e) : e, ie = (e, t, n) => {
-	let r = U(e, t ?? "");
+}, e) : e, ae = (e, t, n) => {
+	let r = H(e, t ?? "");
 	return Array.isArray(r) ? r.map((e) => {
-		let t = U(e, n.valueField), r = U(e, n.labelField);
+		let t = H(e, n.valueField), r = H(e, n.labelField);
 		if (t == null) return null;
 		let i = {
 			label: { en: String(r ?? t) },
 			value: String(t)
 		};
 		if (n.descriptionField) {
-			let t = U(e, n.descriptionField);
+			let t = H(e, n.descriptionField);
 			t != null && t !== "" && (i.description = { en: String(t) });
 		}
 		if (n.imageField) {
-			let t = U(e, n.imageField);
+			let t = H(e, n.imageField);
 			typeof t == "string" && t !== "" && (i.image = t);
 		}
 		return i;
 	}).filter((e) => e !== null) : [];
-}, W = (e) => new Promise((t, n) => {
+}, oe = (e) => new Promise((t, n) => {
 	let r = new FileReader();
 	r.onload = () => {
 		let n = r.result;
@@ -722,7 +722,7 @@ var M = [
 	}, r.onerror = () => {
 		n(/* @__PURE__ */ Error(`Failed to read file: ${e.name}`));
 	}, r.readAsDataURL(e);
-}), G = (e) => {
+}), se = (e) => {
 	let t = e.data.split(",")[1], n = atob(t), r = new ArrayBuffer(n.length), i = new Uint8Array(r);
 	for (let e = 0; e < n.length; e++) i[e] = n.charCodeAt(e);
 	let a = new Blob([r], { type: e.type });
@@ -730,13 +730,13 @@ var M = [
 		lastModified: e.lastModified,
 		type: e.type
 	});
-}, K = (e) => Promise.all(e.map((e) => W(e))), ae = new Set([
+}, U = (e) => Promise.all(e.map((e) => oe(e))), W = new Set([
 	"text",
 	"number",
 	"password",
 	"textarea",
 	"time"
-]), oe = (e) => e.filter(d), q = (e) => {
+]), ce = (e) => e.filter(d), G = (e) => {
 	if (e.data.name) return e.data.name;
 	if (e.data.label) {
 		if (e.data.label.en) return e.data.label.en;
@@ -744,13 +744,30 @@ var M = [
 		if (t) return t;
 	}
 	return e.id;
-}, J = (e, t) => x(e.data.label, t) || e.data.name || e.id, se = (e, t) => {
+}, le = (e, t) => x(e.data.label, t) || e.data.name || e.id, K = (e, t) => {
 	let n = e.type ?? "text";
-	return !e.placeholder?.[t] && ae.has(n) ? w(t)["renderer.defaultInputs.newAnswer"] ?? "" : x(e.placeholder, t);
-}, Y = (e) => e == null || typeof e == "string" && e.trim() === "" ? !0 : Array.isArray(e) && e.length === 0, ce = (e, t) => e ? t[e] != null : !1, le = (e, t) => {
+	return !e.placeholder?.[t] && W.has(n) ? w(t)["renderer.defaultInputs.newAnswer"] ?? "" : x(e.placeholder, t);
+}, q = (e) => e == null || typeof e == "string" && e.trim() === "" ? !0 : Array.isArray(e) && e.length === 0, J = (e, t) => e ? t[e] != null : !1, Y = (e, t) => {
 	let n = {};
 	return t.forEach((t) => {
-		let r = t.id, i = q(t);
+		if (e[t.id] !== void 0) {
+			n[t.id] = e[t.id];
+			return;
+		}
+		let r = G(t);
+		e[r] !== void 0 && (n[t.id] = e[r]);
+	}), t.forEach((e) => {
+		if (n[e.id] !== void 0) return;
+		let { defaultValue: t } = e.data;
+		if (t && (t.type === "static" && t.staticValue !== void 0 && (n[e.id] = t.staticValue), t.type === "reference" && t.referenceField)) {
+			let r = n[t.referenceField];
+			r !== void 0 && (n[e.id] = r);
+		}
+	}), n;
+}, ue = (e, t) => {
+	let n = {};
+	return t.forEach((t) => {
+		let r = t.id, i = G(t);
 		e[r] !== void 0 && (n[i] = e[r]);
 	}), n;
 }, X = (e, t, n) => {
@@ -788,7 +805,7 @@ var M = [
 			return e;
 		default: return e;
 	}
-}, ue = (e, t) => {
+}, de = (e, t) => {
 	if (Object.is(e, t)) return !0;
 	if (!(e && t) || typeof e != "object" || typeof t != "object") return !1;
 	try {
@@ -796,20 +813,20 @@ var M = [
 	} catch {
 		return !1;
 	}
-}, de = (e, t, n) => {
+}, fe = (e, t, n) => {
 	let r = {};
 	return e.forEach((e) => {
 		let { defaultValue: i } = e.data;
 		if (!i || i.type !== "reference" || !i.referenceField) return;
 		let a = e.id, { referenceField: o, transformFunction: s, objectMapping: c } = i, l = t[o], u = n[o];
 		if (l === u || l == null) return;
-		let d = X(l, s, c), f = X(u, s, c), p = t[a], m = ue(p, f), h = ue(p, d);
+		let d = X(l, s, c), f = X(u, s, c), p = t[a], m = de(p, f), h = de(p, d);
 		!m || h || (r[a] = d);
 	}), r;
-}, Z = t(void 0), fe = () => r(Z), pe = ({ children: e, ...t }) => /* @__PURE__ */ l(Z.Provider, {
+}, pe = t(void 0), me = () => r(pe), he = ({ children: e, ...t }) => /* @__PURE__ */ l(pe.Provider, {
 	value: t,
 	children: e
-}), me = async (e, t, n, r, i) => {
+}), ge = async (e, t, n, r, i) => {
 	if (!e.url || e.url.trim() === "") return {
 		error: "No URL configured for submission",
 		success: !1
@@ -820,7 +837,7 @@ var M = [
 		success: !1
 	};
 	let o = await B({
-		body: e.sendAllFormValues ? JSON.stringify(le(t, n)) : e.body ? V(e.body, t, { json: !0 }) : void 0,
+		body: e.sendAllFormValues ? JSON.stringify(ue(t, n)) : e.body ? V(e.body, t, { json: !0 }) : void 0,
 		headers: I(L(r, t), L(e.headers, t)),
 		method: e.method || "POST",
 		queryParams: L(e.queryParams, t),
@@ -832,7 +849,7 @@ var M = [
 		success: !1
 	};
 	let s = e.redirectUrl ? (() => {
-		let t = H(e.redirectUrl, o.data);
+		let t = re(e.redirectUrl, o.data);
 		return t && t.trim() !== "" ? t : void 0;
 	})() : void 0;
 	return {
@@ -840,9 +857,9 @@ var M = [
 		redirectUrl: s,
 		success: !0
 	};
-}, he = (e) => {
+}, _e = (e) => {
 	e && (e.startsWith("http://") || e.startsWith("https://") ? window.location.href = e : window.history?.pushState ? (window.history.pushState({}, "", e), window.dispatchEvent(new PopStateEvent("popstate"))) : window.location.href = e);
-}, ge = (e, t, r, i, o, c) => {
+}, ve = (e, t, r, i, o, c) => {
 	let [l, u] = s(!1), [f, p] = s(null), m = a(() => {
 		let t = e.find((e) => d(e) && e.data?.type === "submit");
 		return t && d(t) ? t : null;
@@ -852,7 +869,7 @@ var M = [
 		if (!n.url || n.url.trim() === "") return null;
 		p(null), n.showLoading !== !1 && u(!0);
 		try {
-			let a = await me(n, t, i, o, c);
+			let a = await ge(n, t, i, o, c);
 			if (a.success) {
 				let t = x(n.successMessage, r);
 				if (t && p({
@@ -860,7 +877,7 @@ var M = [
 					type: "success"
 				}), e && e(a.data), a.redirectUrl) {
 					let e = a.redirectUrl;
-					setTimeout(() => he(e), 1e3);
+					setTimeout(() => _e(e), 1e3);
 				}
 			} else p({
 				message: x(n.errorMessage, r) || a.error || "An error occurred during submission",
@@ -897,8 +914,8 @@ var M = [
 		submitButtonNode: m,
 		submitMessage: f
 	};
-}, _e = (e) => e == null ? null : typeof e == "boolean" || typeof e == "number" ? e : typeof e == "string" ? e === "" ? null : e : typeof e == "object" ? JSON.stringify(e) : String(e), Q = (e, t, n) => {
-	let r = _e(e), i = _e(t);
+}, ye = (e) => e == null ? null : typeof e == "boolean" || typeof e == "number" ? e : typeof e == "string" ? e === "" ? null : e : typeof e == "object" ? JSON.stringify(e) : String(e), Z = (e, t, n) => {
+	let r = ye(e), i = ye(t);
 	if (r === null || i === null) switch (n) {
 		case "===": return r === i;
 		case "!==": return r !== i;
@@ -931,7 +948,7 @@ var M = [
 		}
 		default: return !1;
 	}
-}, $ = (e, t, n) => {
+}, Q = (e, t, n) => {
 	let { field: r, operator: i, value: a } = e;
 	if (!(r && i) || a === void 0) return !0;
 	let o = t[r];
@@ -939,25 +956,25 @@ var M = [
 		let e = n.get(r);
 		e && d(e) && (o = t[e.id]);
 	}
-	return Array.isArray(o) ? i === "===" ? o.some((e) => Q(e, a, "===")) || Q(o, a, "===") : i === "!==" ? o.every((e) => Q(e, a, "!==")) && Q(o, a, "!==") : o.some((e) => Q(e, a, i)) : Q(o, a, i);
-}, ve = (e, t, n) => {
+	return Array.isArray(o) ? i === "===" ? o.some((e) => Z(e, a, "===")) || Z(o, a, "===") : i === "!==" ? o.every((e) => Z(e, a, "!==")) && Z(o, a, "!==") : o.some((e) => Z(e, a, i)) : Z(o, a, i);
+}, be = (e, t, n) => {
 	if (!e || e.length === 0) return !0;
-	if (e.length === 1) return $(e[0], t, n);
-	let r = $(e[0], t, n);
+	if (e.length === 1) return Q(e[0], t, n);
+	let r = Q(e[0], t, n);
 	for (let i = 1; i < e.length; i += 1) {
-		let a = e[i], o = $(a, t, n), s = e[i - 1].logicalOperator || E.AND;
+		let a = e[i], o = Q(a, t, n), s = e[i - 1].logicalOperator || E.AND;
 		if (s === E.AND) {
 			if (r &&= o, !r) return !1;
 		} else if (s === E.OR && (r ||= o, r)) return !0;
 	}
 	return r;
-}, ye = (e) => {
+}, xe = (e) => {
 	let t = /* @__PURE__ */ new Map();
 	return e.forEach((e) => {
 		let n = t.get(e.source);
 		n ? n.push(e) : t.set(e.source, [e]);
 	}), t;
-}, be = (e, t, n) => {
+}, Se = (e, t, n) => {
 	let r = [], i = [], a = [];
 	e.forEach((e) => {
 		let t = e.data?.isFallback, n = e.data?.conditions?.length;
@@ -973,13 +990,13 @@ var M = [
 		return r ? r.every((e) => {
 			if (!e.field) return !0;
 			let r = n.get(e.field);
-			return ce(d(r) ? r.id : e.field, t);
+			return J(d(r) ? r.id : e.field, t);
 		}) : !1;
 	})) return a.length > 0 && o.push(...a), {
 		edgesToFollow: o,
 		waitingForInput: o.length === 0
 	};
-	let s = i.filter((e) => ve(e.data?.conditions, t, n));
+	let s = i.filter((e) => be(e.data?.conditions, t, n));
 	return s.length > 0 ? (o.push(...s), {
 		edgesToFollow: o,
 		waitingForInput: !1
@@ -987,10 +1004,10 @@ var M = [
 		edgesToFollow: o,
 		waitingForInput: !1
 	});
-}, xe = (e, t) => !t.some((t) => t.target === e), Se = (e, t) => {
-	let n = e.filter((e) => xe(e.id, t));
+}, Ce = (e, t) => !t.some((t) => t.target === e), we = (e, t) => {
+	let n = e.filter((e) => Ce(e.id, t));
 	return n.find(d) || n[0];
-}, Ce = (e, t, n, r) => {
+}, Te = (e, t, n, r) => {
 	e.forEach((e) => {
 		let i = r.get(e);
 		if (!i) return;
@@ -1003,21 +1020,21 @@ var M = [
 			a = r.get(a)?.parentId;
 		}
 	});
-}, we = (e, t, n) => {
-	let r = Se(e, t);
+}, Ee = (e, t, n) => {
+	let r = we(e, t);
 	if (!r) return {
 		endOfPathReached: !0,
 		visibleNodeIds: /* @__PURE__ */ new Set(),
 		visibleNodes: [],
 		visibleRootNodes: []
 	};
-	let i = new Map(e.map((e) => [e.id, e])), a = ye(t), o = [], s = /* @__PURE__ */ new Set(), c = /* @__PURE__ */ new Set(), l = !1, u = (e) => {
+	let i = new Map(e.map((e) => [e.id, e])), a = xe(t), o = [], s = /* @__PURE__ */ new Set(), c = /* @__PURE__ */ new Set(), l = !1, u = (e) => {
 		if (c.has(e)) return;
 		c.add(e);
 		let t = i.get(e);
 		if (!t) return;
 		s.add(e), o.push(t);
-		let { edgesToFollow: r, waitingForInput: d } = be(a.get(e) || [], n, i);
+		let { edgesToFollow: r, waitingForInput: d } = Se(a.get(e) || [], n, i);
 		if (d) {
 			l = !0;
 			return;
@@ -1028,7 +1045,7 @@ var M = [
 	};
 	u(r.id);
 	let d = new Map(o.map((e, t) => [e.id, t])), f = new Set(s);
-	Ce(s, f, d, i);
+	Te(s, f, d, i);
 	let p = e.filter((e) => f.has(e.id)).sort((e, t) => (d.get(e.id) ?? 2 ** 53 - 1) - (d.get(t.id) ?? 2 ** 53 - 1)), m = p.filter((e) => !(e.parentId && f.has(e.parentId)));
 	return {
 		endOfPathReached: !l,
@@ -1036,7 +1053,7 @@ var M = [
 		visibleNodes: p,
 		visibleRootNodes: m
 	};
-}, Te = (e) => e.filter((e) => !p(e)).reduce((e, t) => {
+}, De = (e) => e.filter((e) => !p(e)).reduce((e, t) => {
 	let n = t.parentId ?? null, r = e.at(-1);
 	return r && r.groupId === n ? [...e.slice(0, -1), {
 		...r,
@@ -1045,8 +1062,13 @@ var M = [
 		groupId: n,
 		nodes: [t]
 	}];
-}, []), Ee = ({ baseUrl: e, components: t, flow: r, googleApiKey: c, headers: l, language: u, onChange: f, onSubmit: m, theme: h, validate: g, validationMode: _, initialValues: v = {} }) => {
-	let y = fe(), b = a(() => ({
+}, []), $ = (e) => {
+	if (typeof e != "object" || !e) return JSON.stringify(e) ?? "null";
+	if (Array.isArray(e)) return `[${e.map($).join(",")}]`;
+	let t = e;
+	return `{${Object.keys(t).sort().map((e) => `${JSON.stringify(e)}:${$(t[e])}`).join(",")}}`;
+}, Oe = ({ baseUrl: e, components: t, flow: r, googleApiKey: c, headers: l, language: u, onChange: f, onSubmit: m, theme: h, validate: g, validationMode: _, initialValues: v = {} }) => {
+	let y = me(), b = a(() => ({
 		baseUrl: e ?? y?.baseUrl,
 		components: {
 			form: t?.form ?? y?.components?.form,
@@ -1077,30 +1099,16 @@ var M = [
 		u,
 		h,
 		_
-	]), x = a(() => r?.nodes ?? [], [r]), S = a(() => r?.edges ?? [], [r]), C = a(() => oe(x), [x]), w = ne(b.language), T = o({}), [E, D] = s({}), [O, k] = s(() => {
-		let e = { ...v };
-		return x.forEach((t) => {
-			if (d(t)) {
-				let n = t.id;
-				if (e[n] !== void 0) return;
-				let { defaultValue: r } = t.data;
-				if (!r) return;
-				if (r.type === "static" && r.staticValue !== void 0 && (e[n] = r.staticValue), r.type === "reference" && r.referenceField) {
-					let { referenceField: t } = r, i = e[t];
-					i !== void 0 && (e[n] = i);
-				}
-			}
-		}), e;
-	}), { endOfPathReached: ee, visibleNodes: A, visibleRootNodes: j } = a(() => we(x, S, O), [
+	]), x = a(() => r?.nodes ?? [], [r]), S = a(() => r?.edges ?? [], [r]), C = a(() => ce(x), [x]), w = ne(b.language), T = o({}), [E, D] = s({}), [O, k] = s(() => Y(v, C)), A = a(() => $(v), [v]), j = o(A), { endOfPathReached: M, visibleNodes: N, visibleRootNodes: ee } = a(() => Ee(x, S, O), [
 		x,
 		S,
 		O
-	]), M = a(() => Te(A), [A]), te = a(() => {
+	]), P = a(() => De(N), [N]), te = a(() => {
 		let e = /* @__PURE__ */ new Map();
 		return x.forEach((t) => {
 			p(t) && e.set(t.id, t);
 		}), e;
-	}, [x]), [N, P] = s(0), F = M.length === 0 ? 0 : Math.min(N, M.length - 1), L = M[F], R = L?.groupId ? te.get(L.groupId) : void 0, z = F === 0, B = M.length === 0 || F >= M.length - 1, { clearSubmitMessage: V, handleSubmitWithConfig: H, hasSubmitConfig: re, isSubmitting: U, submitMessage: ie } = ge(A, O, b.language, C, b.headers, b.baseUrl), W = o(f), G = o(g), K = a(() => le(O, C), [O, C]), ae = n((e, t) => {
+	}, [x]), [F, L] = s(0), R = P.length === 0 ? 0 : Math.min(F, P.length - 1), z = P[R], B = z?.groupId ? te.get(z.groupId) : void 0, V = R === 0, re = P.length === 0 || R >= P.length - 1, { clearSubmitMessage: ie, handleSubmitWithConfig: H, hasSubmitConfig: ae, isSubmitting: oe, submitMessage: se } = ve(N, O, b.language, C, b.headers, b.baseUrl), U = o(f), W = o(g), G = a(() => ue(O, C), [O, C]), le = n((e, t) => {
 		k((n) => ({
 			...n,
 			[e]: t
@@ -1108,7 +1116,7 @@ var M = [
 			let n = { ...t };
 			return delete n[e], n;
 		});
-	}, []), q = n((e) => {
+	}, []), K = n((e) => {
 		Object.keys(e).length !== 0 && (k((t) => ({
 			...t,
 			...e
@@ -1120,21 +1128,21 @@ var M = [
 		}));
 	}, []), J = n((e) => {
 		let t = {};
-		A.forEach((e) => {
+		N.forEach((e) => {
 			if (d(e)) {
 				let n = e.id, r = O[n];
-				if (e.data.required && Y(r)) {
+				if (e.data.required && q(r)) {
 					t[n] = w(e.data.errorMessage) || w("validation.required");
 					return;
 				}
-				if (!Y(r) && e.data.pattern) try {
+				if (!q(r) && e.data.pattern) try {
 					new RegExp(e.data.pattern).test(String(r)) || (t[n] = w(e.data.errorMessage) || w("validation.invalidFormat"));
 				} catch (e) {
 					console.error(`Invalid pattern for field ${n}:`, e);
 				}
 			}
 		});
-		let n = e ? e(O, A) : {}, r = {
+		let n = e ? e(O, N) : {}, r = {
 			...t,
 			...n
 		};
@@ -1144,143 +1152,150 @@ var M = [
 			isValid: Object.keys(r).length === 0
 		};
 	}, [
-		A,
+		N,
 		O,
 		w
-	]), se = n(() => {
-		P((e) => e >= M.length - 1 ? e : e + 1);
-	}, [M.length]), ce = n(() => {
-		P((e) => Math.max(0, e - 1));
-	}, []), X = n(async () => {
-		let { isValid: e } = J(G.current);
+	]), X = n(() => {
+		L((e) => e >= P.length - 1 ? e : e + 1);
+	}, [P.length]), de = n(() => {
+		L((e) => Math.max(0, e - 1));
+	}, []), pe = n(async () => {
+		let { isValid: e } = J(W.current);
 		if (!e) return !1;
-		if (re) {
+		if (ae) {
 			let e = await H((e) => {
-				m && m(K, { httpResponse: e });
+				m && m(G, { httpResponse: e });
 			});
-			if (e === null) return m?.(K), !0;
+			if (e === null) return m?.(G), !0;
 			if (!e.success) return !0;
-		} else m && m(K);
+		} else m && m(G);
 		return !0;
 	}, [
 		J,
-		re,
+		ae,
 		H,
 		m,
-		K
-	]), ue = a(() => {
+		G
+	]), he = a(() => {
 		let e = [];
-		return A.forEach((t) => {
+		return N.forEach((t) => {
 			if (!d(t)) return;
 			let n = t.id, r = O[n];
-			if (t.data.required && Y(r)) {
+			if (t.data.required && q(r)) {
 				let r = w(t.data.label) || n;
 				e.push(r);
 			}
 		}), e;
 	}, [
-		A,
+		N,
 		O,
 		w
-	]), Z = a(() => A.some((e) => d(e) && e.data.type === "submit"), [A]), pe = a(() => L ? L.nodes.every((e) => !d(e) || !e.data.required || e.data.type === "submit" ? !0 : !Y(O[e.id])) : !1, [L, O]), me = a(() => {
+	]), ge = a(() => N.some((e) => d(e) && e.data.type === "submit"), [N]), _e = a(() => z ? z.nodes.every((e) => !d(e) || !e.data.required || e.data.type === "submit" ? !0 : !q(O[e.id])) : !1, [z, O]), ye = a(() => {
 		let e = Object.keys(E);
 		return e.length > 0 ? e[0] : void 0;
 	}, [E]);
 	return i(() => {
-		if (M.length === 0) {
-			N !== 0 && P(0);
+		if (P.length === 0) {
+			F !== 0 && L(0);
 			return;
 		}
-		N > M.length - 1 && P(M.length - 1);
-	}, [M.length, N]), i(() => {
-		W.current = f;
+		F > P.length - 1 && L(P.length - 1);
+	}, [P.length, F]), i(() => {
+		U.current = f;
 	}, [f]), i(() => {
-		G.current = g;
+		W.current = g;
 	}, [g]), i(() => {
-		W.current?.(K);
-	}, [K]), i(() => {
-		b.validationMode === "onChange" && J(G.current);
+		U.current?.(G);
+	}, [G]), i(() => {
+		b.validationMode === "onChange" && J(W.current);
 	}, [b.validationMode, J]), i(() => {
-		let e = de(C, O, T.current);
-		Object.keys(e).length > 0 && q(e), T.current = O;
+		let e = fe(C, O, T.current);
+		Object.keys(e).length > 0 && K(e), T.current = O;
 	}, [
 		O,
 		C,
-		q
+		K
+	]), i(() => {
+		j.current !== A && (j.current = A, k(Y(v, C)), D({}));
+	}, [
+		A,
+		v,
+		C
 	]), {
-		canContinueStep: pe,
-		canSubmit: !Z && ee && x.length > 0,
-		clearSubmitMessage: V,
+		canContinueStep: _e,
+		canSubmit: !ge && M && x.length > 0,
+		clearSubmitMessage: ie,
 		config: b,
-		currentStep: L,
-		currentStepGroupNode: R,
-		currentStepIndex: F,
-		firstErrorFieldId: me,
+		currentStep: z,
+		currentStepGroupNode: B,
+		currentStepIndex: R,
+		firstErrorFieldId: ye,
 		formErrors: E,
 		formValues: O,
-		goToNextStep: se,
-		goToPreviousStep: ce,
-		handleSubmit: X,
-		hasSubmitInput: Z,
+		goToNextStep: X,
+		goToPreviousStep: de,
+		handleSubmit: pe,
+		hasSubmitInput: ge,
 		inputNodes: C,
-		isFirstStep: z,
-		isLastStep: B,
-		isSubmitting: U,
-		missingRequiredFields: ue,
+		isFirstStep: V,
+		isLastStep: re,
+		isSubmitting: oe,
+		missingRequiredFields: he,
 		prevFormValuesRef: T,
 		setFieldErrors: D,
-		setFieldValue: ae,
-		setMultipleFieldValues: q,
-		steps: M,
-		submitMessage: ie,
+		setFieldValue: le,
+		setMultipleFieldValues: K,
+		steps: P,
+		submitMessage: se,
 		t: w,
 		validateForm: J,
-		visibleNodes: A,
-		visibleRootNodes: j
+		visibleNodes: N,
+		visibleRootNodes: ee
 	};
-}, De = /\{\{([\w-]+)}}/g, Oe = (e) => e == null || e === "", ke = (...e) => {
+}, ke = /\{\{([\w-]+)}}/g, Ae = (e) => e == null || e === "", je = (...e) => {
 	let t = [];
-	for (let n of e) if (n) for (let e of n.matchAll(De)) t.includes(e[1]) || t.push(e[1]);
+	for (let n of e) if (n) for (let e of n.matchAll(ke)) t.includes(e[1]) || t.push(e[1]);
 	return t;
-}, Ae = (e) => {
+}, Me = (e) => {
 	let t = e.data.httpConfig ?? e.data.optionsSource;
 	if (!t) return [];
 	let n = Object.values(t.queryParams ?? {});
-	return ke(t.url, t.body, ...n);
-}, je = (e, t, n, r) => Ae(e).filter((e) => Oe(t[e])).map((e) => {
+	return je(t.url, t.body, ...n);
+}, Ne = (e, t, n, r) => Me(e).filter((e) => Ae(t[e])).map((e) => {
 	let t = n.find((t) => t.id === e);
 	return {
 		id: e,
-		label: t ? J(t, r) : e
+		label: t ? le(t, r) : e
 	};
-}), Me = ({ DefaultFormWrapper: t, DefaultInputWrapper: r, DefaultSubmitButton: i, DefaultSubmitButtonWrapper: o, config: s, defaultInputRenderers: c, defaultUI: u, formErrors: p, formValues: m, inputNodes: h, missingRequiredFields: g, setFieldValue: _ }) => {
-	let v = a(() => s.components.form || t, [s.components.form, t]), y = a(() => s.components.submitButton || i, [s.components.submitButton, i]), b = a(() => s.components.submitButtonWrapper || o || e, [s.components.submitButtonWrapper, o]);
+}), Pe = ({ DefaultFormWrapper: t, DefaultInputWrapper: r, DefaultSubmitButton: i, DefaultSubmitButtonWrapper: o, config: s, defaultInputRenderers: c, defaultUI: u, formErrors: p, formValues: m, inputNodes: h, isSubmitting: g, missingRequiredFields: _, setFieldValue: v }) => {
+	let y = a(() => s.components.form || t, [s.components.form, t]), b = a(() => s.components.submitButton || i, [s.components.submitButton, i]), S = a(() => s.components.submitButtonWrapper || o || e, [s.components.submitButtonWrapper, o]);
 	return {
-		FormWrapper: v,
+		FormWrapper: y,
 		renderNode: n(function(e) {
 			let { type: t } = e;
 			switch (t) {
 				case D.input: {
 					if (!d(e)) return null;
-					let t = e.data, n = t.type || "text", i = s.components.inputs?.[n], a = c[n], o = i || a, u = e.id, f = (e) => _(u, e), v = m[u], y = p[u], b = x(t.label, s.language), S = se(t, s.language), C = x(t.helperText, s.language), w = q(e), T = N(b), E = N(S), D = N(C);
+					let t = e.data, n = t.type || "text", i = s.components.inputs?.[n], a = c[n], o = i || a, u = e.id, f = (e) => v(u, e), y = m[u], b = p[u], S = x(t.label, s.language), C = K(t, s.language), w = x(t.helperText, s.language), T = G(e), E = P(S), D = P(C), O = P(w);
 					return o ? /* @__PURE__ */ l(r, {
 						node: e,
-						children: /* @__PURE__ */ l(j, {
+						children: /* @__PURE__ */ l(M, {
 							render: o,
 							field: {
-								"aria-invalid": y ? !0 : void 0,
+								"aria-invalid": b ? !0 : void 0,
 								id: e.id,
-								name: w,
-								placeholder: E,
+								name: T,
+								placeholder: D,
 								required: t.required,
-								value: v
+								value: y
 							},
 							extra: {
-								error: y,
-								helperText: D,
-								label: T,
-								missingDependencies: je(e, m, h, s.language),
-								missingRequiredFields: g,
+								error: b,
+								helperText: O,
+								isSubmitting: g,
+								label: E,
+								missingDependencies: Ne(e, m, h, s.language),
+								missingRequiredFields: _,
 								node: e,
 								setValue: f
 							}
@@ -1299,17 +1314,18 @@ var M = [
 			s,
 			m,
 			p,
-			_,
+			v,
 			g,
+			_,
 			h,
 			c,
 			u,
 			r
 		]),
-		SubmitButton: y,
-		SubmitButtonWrapper: b
+		SubmitButton: b,
+		SubmitButtonWrapper: S
 	};
-}, Ne = {
+}, Fe = {
 	dark: {
 		background: "#0A0A0A",
 		border: "#262626",
@@ -1352,12 +1368,12 @@ var M = [
 		textMuted: "#737373",
 		textSecondary: "#525252"
 	}
-}, Pe = t({
-	colors: Ne.light,
+}, Ie = t({
+	colors: Fe.light,
 	setTheme: () => null,
 	theme: "system"
-}), Fe = ({ children: e, defaultTheme: t = "system", storageKey: n = "treege-theme", theme: r, ...o }) => {
-	let [c, u] = s(() => r || typeof window < "u" && localStorage.getItem(n) || t), d = r ?? c, f = Ne[d === "system" ? typeof window < "u" && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : d], p = a(() => ({
+}), Le = ({ children: e, defaultTheme: t = "system", storageKey: n = "treege-theme", theme: r, ...o }) => {
+	let [c, u] = s(() => r || typeof window < "u" && localStorage.getItem(n) || t), d = r ?? c, f = Fe[d === "system" ? typeof window < "u" && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : d], p = a(() => ({
 		colors: f,
 		setTheme: (e) => {
 			!r && typeof window < "u" && localStorage.setItem(n, e), u(e);
@@ -1383,15 +1399,15 @@ var M = [
 			return t.addEventListener("change", r), () => t.removeEventListener("change", r);
 		}
 		e.classList.add(d);
-	}, [d]), /* @__PURE__ */ l(Pe.Provider, {
+	}, [d]), /* @__PURE__ */ l(Ie.Provider, {
 		...o,
 		value: p,
 		children: e
 	});
-}, Ie = () => {
-	let e = r(Pe);
+}, Re = () => {
+	let e = r(Ie);
 	if (e === void 0) throw Error("useTheme must be used within a ThemeProvider");
 	return e;
 };
 //#endregion
-export { ne as A, x as B, ie as C, V as D, I as E, A as F, d as H, D as I, E as L, F as M, j as N, L as O, ee as P, T as R, R as S, B as T, f as U, p as V, se as _, Se as a, K as b, $ as c, fe as d, X as f, Y as g, le as h, Ee as i, N as j, z as k, ve as l, ce as m, Ie as n, we as o, de as p, Me as r, xe as s, Fe as t, pe as u, q as v, U as w, G as x, W as y, w as z };
+export { z as A, w as B, R as C, I as D, B as E, A as F, p as H, j as I, D as L, P as M, F as N, V as O, M as P, E as R, se as S, H as T, d as U, x as V, f as W, q as _, we as a, oe as b, Q as c, me as d, X as f, ue as g, J as h, Oe as i, ne as j, L as k, be as l, fe as m, Re as n, Ee as o, Y as p, Pe as r, Ce as s, Le as t, he as u, K as v, ae as w, U as x, G as y, T as z };