treege 3.0.0-beta.52 → 3.0.0-beta.54

package/dist/renderer-native.js

@@ -1,12 +1,12 @@
-import { E as e, L as t, M as n, O as r, S as i, _ as a, a as o, b as s, c, d as l, f as u, g as d, h as f, i as p, j as m, l as h, m as g, n as _, o as v, p as y, r as b, s as x, t as S, u as C, w, x as T } from "./ThemeContext-DRLlkF0n.js";
+import { E as e, L as t, M as n, O as r, S as i, _ as a, a as o, b as s, c, d as l, f as u, g as d, h as f, i as p, j as m, l as h, m as g, n as _, o as v, p as y, r as b, s as x, t as S, u as C, w, x as T } from "./ThemeContext-C9418UR6.js";
 import { useCallback as ee, useEffect as E, useMemo as D, useRef as O, useState as k } from "react";
 import { jsx as A, jsxs as j } from "react/jsx-runtime";
-import { ActivityIndicator as M, Alert as N, FlatList as te, Image as P, Modal as F, ScrollView as I, StyleSheet as L, Switch as R, Text as z, TextInput as ne, TouchableOpacity as B, View as V } from "react-native";
+import { ActivityIndicator as M, Alert as N, Animated as P, FlatList as te, Image as F, Modal as ne, ScrollView as I, StyleSheet as L, Switch as R, Text as z, TextInput as re, TouchableOpacity as B, View as V } from "react-native";
 //#region src/renderer/features/TreegeRenderer/native/components/DefaultFormWrapper.tsx
-var H = ({ children: e }) => /* @__PURE__ */ A(V, {
-	style: re.container,
+var ie = ({ children: e }) => /* @__PURE__ */ A(V, {
+	style: ae.container,
 	children: e
-}), re = L.create({ container: { padding: 16 } }), ie = async (e, t) => {
+}), ae = L.create({ container: { padding: 16 } }), oe = async (e, t) => {
 	if (!e || e.trim().length < 3) return [];
 	try {
 		let n = await fetch(`https://nominatim.openstreetmap.org/search?q=${encodeURIComponent(e)}&format=jsonv2&addressdetails=1&limit=5`, { headers: {
@@ -21,7 +21,7 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 	} catch (e) {
 		return console.error("Nominatim fetch error:", e), [];
 	}
-}, ae = async (e, t) => {
+}, se = async (e, t) => {
 	if (!e || e.trim().length < 3) return [];
 	try {
 		let n = await fetch(`https://maps.googleapis.com/maps/api/place/autocomplete/json?input=${encodeURIComponent(e)}&key=${t}`);
@@ -34,7 +34,7 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 	} catch (e) {
 		return console.error("Google Places fetch error:", e), [];
 	}
-}, oe = ({ node: e, value: t, setValue: i, error: a, label: o, placeholder: s, helperText: c, id: l, name: u }) => {
+}, ce = ({ node: e, value: t, setValue: i, error: a, label: o, placeholder: s, helperText: c, id: l, name: u }) => {
 	let [d, f] = k(""), [p, m] = k([]), [h, g] = k(!1), [v, y] = k(!1), { language: b, googleApiKey: x } = n(), S = r(), { colors: C } = _(), w = ee((e) => {
 		i(e.value), f(""), g(!1), m([]);
 	}, [i]), T = () => {
@@ -47,7 +47,7 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 		}
 		y(!0);
 		let e = setTimeout(async () => {
-			m(x ? await ae(d, x) : await ie(d, b)), y(!1);
+			m(x ? await se(d, x) : await oe(d, b)), y(!1);
 		}, 300);
 		return () => {
 			clearTimeout(e), y(!1);
@@ -57,10 +57,10 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 		b,
 		x
 	]), /* @__PURE__ */ j(V, {
-		style: U.container,
+		style: H.container,
 		children: [
 			/* @__PURE__ */ j(z, {
-				style: [U.label, { color: C.textSecondary }],
+				style: [H.label, { color: C.textSecondary }],
 				children: [o || e.data.name, e.data.required && /* @__PURE__ */ A(z, {
 					style: { color: C.error },
 					children: "*"
@@ -68,7 +68,7 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 			}),
 			/* @__PURE__ */ j(B, {
 				style: [
-					U.trigger,
+					H.trigger,
 					{
 						backgroundColor: C.input,
 						borderColor: C.border
@@ -79,48 +79,48 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 				activeOpacity: .7,
 				children: [/* @__PURE__ */ A(z, {
 					style: [
-						U.triggerText,
+						H.triggerText,
 						{ color: C.text },
 						!t && { color: C.textMuted }
 					],
 					numberOfLines: 1,
 					children: t || s || S("renderer.defaultAddressInput.enterAddress")
 				}), /* @__PURE__ */ A(z, {
-					style: U.icon,
+					style: H.icon,
 					children: "📍"
 				})]
 			}),
-			/* @__PURE__ */ A(F, {
+			/* @__PURE__ */ A(ne, {
 				visible: h,
 				transparent: !0,
 				animationType: "fade",
 				onRequestClose: T,
 				children: /* @__PURE__ */ A(B, {
-					style: U.modalOverlay,
+					style: H.modalOverlay,
 					activeOpacity: 1,
 					onPress: T,
 					children: /* @__PURE__ */ j(B, {
-						style: [U.modalContent, { backgroundColor: C.card }],
+						style: [H.modalContent, { backgroundColor: C.card }],
 						activeOpacity: 1,
 						onPress: () => {},
 						children: [
 							/* @__PURE__ */ j(V, {
-								style: [U.modalHeader, { borderBottomColor: C.separator }],
+								style: [H.modalHeader, { borderBottomColor: C.separator }],
 								children: [/* @__PURE__ */ A(z, {
-									style: [U.modalTitle, { color: C.text }],
+									style: [H.modalTitle, { color: C.text }],
 									children: o || e.data.name
 								}), /* @__PURE__ */ A(B, {
 									onPress: T,
 									children: /* @__PURE__ */ A(z, {
-										style: [U.closeButton, { color: C.textMuted }],
+										style: [H.closeButton, { color: C.textMuted }],
 										children: "✕"
 									})
 								})]
 							}),
 							/* @__PURE__ */ j(V, {
-								style: U.searchContainer,
-								children: [/* @__PURE__ */ A(ne, {
-									style: [U.searchInput, {
+								style: H.searchContainer,
+								children: [/* @__PURE__ */ A(re, {
+									style: [H.searchInput, {
 										backgroundColor: C.muted,
 										borderColor: C.border,
 										color: C.text
@@ -135,46 +135,46 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 								}), v && /* @__PURE__ */ A(M, {
 									size: "small",
 									color: C.primary,
-									style: U.searchLoader
+									style: H.searchLoader
 								})]
 							}),
 							v ? /* @__PURE__ */ j(V, {
-								style: U.loadingContainer,
+								style: H.loadingContainer,
 								children: [/* @__PURE__ */ A(M, {
 									size: "small",
 									color: C.primary
 								}), /* @__PURE__ */ A(z, {
-									style: [U.loadingText, { color: C.textMuted }],
+									style: [H.loadingText, { color: C.textMuted }],
 									children: S("renderer.defaultAddressInput.searching")
 								})]
 							}) : /* @__PURE__ */ A(te, {
 								data: p,
 								keyExtractor: (e, t) => t.toString(),
-								style: U.suggestionsList,
-								contentContainerStyle: U.suggestionsListContent,
+								style: H.suggestionsList,
+								contentContainerStyle: H.suggestionsListContent,
 								keyboardShouldPersistTaps: "handled",
 								ListEmptyComponent: d.length >= 3 ? /* @__PURE__ */ A(V, {
-									style: U.emptyContainer,
+									style: H.emptyContainer,
 									children: /* @__PURE__ */ A(z, {
-										style: [U.emptyText, { color: C.textMuted }],
+										style: [H.emptyText, { color: C.textMuted }],
 										children: S("renderer.defaultAddressInput.noAddressesFound")
 									})
 								}) : /* @__PURE__ */ A(V, {
-									style: U.emptyContainer,
+									style: H.emptyContainer,
 									children: /* @__PURE__ */ A(z, {
-										style: [U.emptyText, { color: C.textMuted }],
+										style: [H.emptyText, { color: C.textMuted }],
 										children: S("renderer.defaultAddressInput.typeMinChars")
 									})
 								}),
 								renderItem: ({ item: e }) => /* @__PURE__ */ j(B, {
-									style: U.suggestionItem,
+									style: H.suggestionItem,
 									onPress: () => w(e),
 									activeOpacity: .7,
 									children: [/* @__PURE__ */ A(z, {
-										style: U.suggestionIcon,
+										style: H.suggestionIcon,
 										children: "📍"
 									}), /* @__PURE__ */ A(z, {
-										style: [U.suggestionText, { color: C.text }],
+										style: [H.suggestionText, { color: C.text }],
 										numberOfLines: 2,
 										children: e.label
 									})]
@@ -185,16 +185,16 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 				})
 			}),
 			a && /* @__PURE__ */ A(z, {
-				style: [U.error, { color: C.error }],
+				style: [H.error, { color: C.error }],
 				children: a
 			}),
 			c && !a && /* @__PURE__ */ A(z, {
-				style: [U.helperText, { color: C.textMuted }],
+				style: [H.helperText, { color: C.textMuted }],
 				children: c
 			})
 		]
 	});
-}, U = L.create({
+}, H = L.create({
 	closeButton: {
 		fontSize: 24,
 		fontWeight: "300"
@@ -304,7 +304,7 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 		flex: 1,
 		fontSize: 14
 	}
-}), se = ({ node: e, value: t, setValue: n, error: i, label: a, placeholder: o, helperText: s }) => {
+}), le = ({ node: e, value: t, setValue: n, error: i, label: a, placeholder: o, helperText: s }) => {
 	let [c, l] = k(!1), [u, d] = k(""), f = r(), { colors: p } = _(), m = e.data.options || [], h = m.find((e) => e.value === t), g = D(() => {
 		if (!u.trim()) return m;
 		let e = u.toLowerCase();
@@ -319,10 +319,10 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 		l(!1), d("");
 	};
 	return /* @__PURE__ */ j(V, {
-		style: W.container,
+		style: U.container,
 		children: [
 			/* @__PURE__ */ j(z, {
-				style: [W.label, { color: p.textSecondary }],
+				style: [U.label, { color: p.textSecondary }],
 				children: [a || e.data.name, e.data.required && /* @__PURE__ */ A(z, {
 					style: { color: p.error },
 					children: "*"
@@ -330,7 +330,7 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 			}),
 			/* @__PURE__ */ j(B, {
 				style: [
-					W.trigger,
+					U.trigger,
 					{
 						backgroundColor: p.input,
 						borderColor: p.border
@@ -341,48 +341,48 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 				activeOpacity: .7,
 				children: [/* @__PURE__ */ A(z, {
 					style: [
-						W.triggerText,
+						U.triggerText,
 						{ color: p.text },
 						!t && { color: p.textMuted }
 					],
 					numberOfLines: 1,
 					children: t && h ? f(h.label) : o || f("renderer.defaultAutocompleteInput.selectOption")
 				}), /* @__PURE__ */ A(z, {
-					style: [W.arrow, { color: p.textMuted }],
+					style: [U.arrow, { color: p.textMuted }],
 					children: "▼"
 				})]
 			}),
-			/* @__PURE__ */ A(F, {
+			/* @__PURE__ */ A(ne, {
 				visible: c,
 				transparent: !0,
 				animationType: "fade",
 				onRequestClose: y,
 				children: /* @__PURE__ */ A(B, {
-					style: W.modalOverlay,
+					style: U.modalOverlay,
 					activeOpacity: 1,
 					onPress: y,
 					children: /* @__PURE__ */ j(B, {
-						style: [W.modalContent, { backgroundColor: p.card }],
+						style: [U.modalContent, { backgroundColor: p.card }],
 						activeOpacity: 1,
 						onPress: () => {},
 						children: [
 							/* @__PURE__ */ j(V, {
-								style: [W.modalHeader, { borderBottomColor: p.separator }],
+								style: [U.modalHeader, { borderBottomColor: p.separator }],
 								children: [/* @__PURE__ */ A(z, {
-									style: [W.modalTitle, { color: p.text }],
+									style: [U.modalTitle, { color: p.text }],
 									children: a || e.data.name
 								}), /* @__PURE__ */ A(B, {
 									onPress: y,
 									children: /* @__PURE__ */ A(z, {
-										style: [W.closeButton, { color: p.textMuted }],
+										style: [U.closeButton, { color: p.textMuted }],
 										children: "✕"
 									})
 								})]
 							}),
 							/* @__PURE__ */ A(V, {
-								style: W.searchContainer,
-								children: /* @__PURE__ */ A(ne, {
-									style: [W.searchInput, {
+								style: U.searchContainer,
+								children: /* @__PURE__ */ A(re, {
+									style: [U.searchInput, {
 										backgroundColor: p.muted,
 										borderColor: p.border,
 										color: p.text
@@ -399,31 +399,31 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 							/* @__PURE__ */ A(te, {
 								data: g,
 								keyExtractor: (e) => e.value,
-								style: W.optionsList,
-								contentContainerStyle: W.optionsListContent,
+								style: U.optionsList,
+								contentContainerStyle: U.optionsListContent,
 								ListEmptyComponent: /* @__PURE__ */ A(V, {
-									style: W.emptyContainer,
+									style: U.emptyContainer,
 									children: /* @__PURE__ */ A(z, {
-										style: [W.emptyText, { color: p.textMuted }],
+										style: [U.emptyText, { color: p.textMuted }],
 										children: f("renderer.defaultAutocompleteInput.noResults")
 									})
 								}),
 								renderItem: ({ item: e }) => {
 									let n = e.value === t;
 									return /* @__PURE__ */ j(B, {
-										style: [W.option, n && { backgroundColor: p.primaryLight }],
+										style: [U.option, n && { backgroundColor: p.primaryLight }],
 										onPress: () => v(e.value),
 										disabled: e.disabled,
 										activeOpacity: .7,
 										children: [/* @__PURE__ */ A(z, {
 											style: [
-												W.optionText,
+												U.optionText,
 												{ color: p.text },
 												e.disabled && { color: p.textMuted }
 											],
 											children: f(e.label)
 										}), n && /* @__PURE__ */ A(z, {
-											style: [W.checkmark, { color: p.primary }],
+											style: [U.checkmark, { color: p.primary }],
 											children: "✓"
 										})]
 									});
@@ -434,16 +434,16 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 				})
 			}),
 			i && /* @__PURE__ */ A(z, {
-				style: [W.error, { color: p.error }],
+				style: [U.error, { color: p.error }],
 				children: i
 			}),
 			s && !i && /* @__PURE__ */ A(z, {
-				style: [W.helperText, { color: p.textMuted }],
+				style: [U.helperText, { color: p.textMuted }],
 				children: s
 			})
 		]
 	});
-}, W = L.create({
+}, U = L.create({
 	arrow: { fontSize: 12 },
 	checkmark: {
 		fontSize: 18,
@@ -534,7 +534,7 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 		flex: 1,
 		fontSize: 14
 	}
-}), ce = ({ node: e, value: t, setValue: n, error: i, label: a, helperText: o }) => {
+}), W = ({ node: e, value: t, setValue: n, error: i, label: a, helperText: o }) => {
 	let s = r(), { colors: c } = _(), l = e.data.options || [], u = l.length > 0, d = Array.isArray(t) ? t : [], f = typeof t == "boolean" ? t : !1, p = (e) => {
 		n(u ? d.includes(e) ? d.filter((t) => t !== e) : [...d, e] : !f);
 	}, m = (e) => u ? d.includes(e) : f;
@@ -672,7 +672,7 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 	},
 	optionLabel: { fontSize: 14 },
 	optionTextContainer: { flex: 1 }
-}), le = ({ node: e, value: t, setValue: n, error: i, label: a, placeholder: o, helperText: s }) => {
+}), ue = ({ node: e, value: t, setValue: n, error: i, label: a, placeholder: o, helperText: s }) => {
 	let [c, l] = k(!1), u = r(), { colors: d } = _(), f = t ? new Date(t) : void 0, { year: p, month: m, today: h } = D(() => {
 		let e = f || /* @__PURE__ */ new Date(), t = e.getFullYear(), n = e.getMonth(), r = /* @__PURE__ */ new Date();
 		return r.setHours(0, 0, 0, 0), {
@@ -757,7 +757,7 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 					children: "📅"
 				})]
 			}),
-			/* @__PURE__ */ A(F, {
+			/* @__PURE__ */ A(ne, {
 				visible: c,
 				transparent: !0,
 				animationType: "fade",
@@ -980,7 +980,7 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 		flexDirection: "row",
 		marginBottom: 8
 	}
-}), ue = ({ node: e, value: t, setValue: n, error: i, label: a, helperText: o }) => {
+}), de = ({ node: e, value: t, setValue: n, error: i, label: a, helperText: o }) => {
 	let [s, c] = k(!1), [l, u] = k(!0), d = r(), { colors: f } = _(), p = Array.isArray(t) ? t : [], m = p[0] ? new Date(p[0]) : void 0, h = p[1] ? new Date(p[1]) : void 0, { year: g, month: v, today: y } = D(() => {
 		let e = m || /* @__PURE__ */ new Date(), t = e.getFullYear(), n = e.getMonth(), r = /* @__PURE__ */ new Date();
 		return r.setHours(0, 0, 0, 0), {
@@ -1033,7 +1033,7 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 		S === 0 ? (C(11), x(b - 1)) : C(S - 1);
 	}, M = () => {
 		S === 11 ? (C(0), x(b + 1)) : C(S + 1);
-	}, N = () => m && h ? `${m.toLocaleDateString()} - ${h.toLocaleDateString()}` : m ? m.toLocaleDateString() : d("renderer.defaultInputs.selectDateRange"), P = (t) => e.data.disablePast ? t < y : !1, I = (e) => m && h ? e >= m && e <= h : !1, L = (e) => {
+	}, N = () => m && h ? `${m.toLocaleDateString()} - ${h.toLocaleDateString()}` : m ? m.toLocaleDateString() : d("renderer.defaultInputs.selectDateRange"), P = (t) => e.data.disablePast ? t < y : !1, F = (e) => m && h ? e >= m && e <= h : !1, I = (e) => {
 		if (!(m || h)) return !1;
 		let t = m && e.getDate() === m.getDate() && e.getMonth() === m.getMonth() && e.getFullYear() === m.getFullYear(), n = h && e.getDate() === h.getDate() && e.getMonth() === h.getMonth() && e.getFullYear() === h.getFullYear();
 		return t || n;
@@ -1072,7 +1072,7 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 					children: "📅"
 				})]
 			}),
-			/* @__PURE__ */ A(F, {
+			/* @__PURE__ */ A(ne, {
 				visible: s,
 				transparent: !0,
 				animationType: "fade",
@@ -1158,7 +1158,7 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 								style: q.calendar,
 								contentContainerStyle: q.calendarContent,
 								renderItem: ({ item: e }) => {
-									let t = P(e.date), n = I(e.date), r = L(e.date);
+									let t = P(e.date), n = F(e.date), r = I(e.date);
 									return /* @__PURE__ */ A(B, {
 										style: [
 											q.dayCell,
@@ -1314,7 +1314,7 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 		flexDirection: "row",
 		marginBottom: 8
 	}
-}), de = ({ node: e, value: t, setValue: n, error: i, label: a, helperText: o }) => {
+}), fe = ({ node: e, value: t, setValue: n, error: i, label: a, helperText: o }) => {
 	let [s, c] = k(null), [l, u] = k(!0), d = r(), { colors: f } = _(), p = Array.isArray(t) ? t : t ? [t] : [], m = e.data.multiple, h = ee(async () => {
 		if (s) try {
 			let e = (await s({ allowMultiSelection: m })).map((e) => ({
@@ -1513,59 +1513,59 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 		fontSize: 12,
 		textAlign: "center"
 	}
-}), fe = (e) => null, pe = (e) => e.replace(/<[^>]*>/g, ""), me = (e) => e.replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, "\"").replace(/&#x27;/g, "'").replace(/&#x2F;/g, "/"), he = (e, t = {}) => e == null || e === "" ? "" : me(pe(String(e))), ge = 100, _e = (e, t = {}, n = 0, r = /* @__PURE__ */ new WeakSet()) => {
-	if (n > ge) return console.warn(`sanitizeHttpResponse: Maximum depth (${ge}) exceeded.`), typeof e == "string" ? he(e, t) : "[Max Depth Exceeded]";
+}), pe = (e) => null, me = (e) => e.replace(/<[^>]*>/g, ""), he = (e) => e.replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, "\"").replace(/&#x27;/g, "'").replace(/&#x2F;/g, "/"), ge = (e, t = {}) => e == null || e === "" ? "" : he(me(String(e))), _e = 100, ve = (e, t = {}, n = 0, r = /* @__PURE__ */ new WeakSet()) => {
+	if (n > _e) return console.warn(`sanitizeHttpResponse: Maximum depth (${_e}) exceeded.`), typeof e == "string" ? ge(e, t) : "[Max Depth Exceeded]";
 	if (e == null) return e;
-	if (typeof e == "string") return he(e, t);
-	if (Array.isArray(e)) return e.map((e) => _e(e, t, n + 1, r));
+	if (typeof e == "string") return ge(e, t);
+	if (Array.isArray(e)) return e.map((e) => ve(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]";
 		r.add(e);
 		let i = {};
-		for (let [a, o] of Object.entries(e)) i[a] = _e(o, t, n + 1, r);
+		for (let [a, o] of Object.entries(e)) i[a] = ve(o, t, n + 1, r);
 		return r.delete(e), i;
 	}
 	return e;
-}, ve = (e) => {
+}, ye = (e) => {
 	let t = e.matchAll(/{{([\w-]+)}}/g);
 	return Array.from(t, (e) => e[1]);
-}, ye = (e, t) => ve(e).every((e) => {
+}, be = (e, t) => ye(e).every((e) => {
 	let n = t[e];
 	return n != null && n !== "";
-}), be = (e, t, n = !1) => e.replace(/{{([\w-]+)}}/g, (e, r) => {
+}), xe = (e, t, n = !1) => e.replace(/{{([\w-]+)}}/g, (e, r) => {
 	let i = t[r], a = i == null ? "" : String(i);
 	return n ? encodeURIComponent(a) : a;
-}), xe = ({ node: t, value: i, setValue: o, error: s, label: c, placeholder: l, helperText: u, id: d, name: p }) => {
-	let [m, h] = k(!1), [g, v] = k(null), [y, b] = k([]), [x, S] = k(""), [C, T] = k(!1), { formValues: N, inputNodes: P, headers: I } = n(), { colors: L } = _(), { httpConfig: R } = t.data, H = r(), re = O(!1), ie = O(""), ae = O(R), oe = O(N), U = O(P), se = O(I), W = O(o), ce = O(null), G = O(null), le = D(() => R?.url ? ve(R.url) : [], [R?.url]), K = le.length > 0, ue = D(() => le.map((e) => `${e}:${String(N[e] ?? "")}`).join("|"), [le, N]), q = D(() => R?.url ? K ? ye(R.url, N) : !0 : !1, [
-		R?.url,
-		K,
+}), Se = ({ node: t, value: i, setValue: o, error: s, label: c, placeholder: l, helperText: u, id: d, name: p }) => {
+	let [m, h] = k(!1), [g, v] = k(null), [y, b] = k([]), [x, S] = k(""), [C, T] = k(!1), { formValues: N, inputNodes: P, headers: F } = n(), { colors: I } = _(), { httpConfig: L } = t.data, R = r(), ie = O(!1), ae = O(""), oe = O(L), se = O(N), ce = O(P), H = O(F), le = O(o), U = O(null), W = O(null), G = D(() => L?.url ? ye(L.url) : [], [L?.url]), ue = G.length > 0, K = D(() => G.map((e) => `${e}:${String(N[e] ?? "")}`).join("|"), [G, N]), de = D(() => L?.url ? ue ? be(L.url, N) : !0 : !1, [
+		L?.url,
+		ue,
 		N
-	]), de = ee(async (t) => {
-		G.current && G.current.abort();
+	]), q = ee(async (t) => {
+		W.current && W.current.abort();
 		let n = new AbortController();
-		G.current = n;
-		let r = ae.current, i = oe.current, a = W.current;
+		W.current = n;
+		let r = oe.current, i = se.current, a = le.current;
 		if (!r?.url) {
-			v(H("renderer.defaultHttpInput.noUrlConfigured")), G.current = null;
+			v(R("renderer.defaultHttpInput.noUrlConfigured")), W.current = null;
 			return;
 		}
-		if (r.url && !ye(r.url, i)) {
-			G.current = null;
+		if (r.url && !be(r.url, i)) {
+			W.current = null;
 			return;
 		}
 		h(!0), v(null);
 		try {
-			let o = be(r.url, i, !0), s = r.searchParam && t ? `${o}${o.includes("?") ? "&" : "?"}${r.searchParam}=${encodeURIComponent(t)}` : o, c = (e) => ({
+			let o = xe(r.url, i, !0), s = r.searchParam && t ? `${o}${o.includes("?") ? "&" : "?"}${r.searchParam}=${encodeURIComponent(t)}` : o, c = (e) => ({
 				key: e.key,
-				value: be(e.value, i)
+				value: xe(e.value, i)
 			}), l = e([{
 				key: "Content-Type",
 				value: "application/json"
-			}], se.current?.map(c), r.headers?.map(c)), u = [
+			}], H.current?.map(c), r.headers?.map(c)), u = [
 				"POST",
 				"PUT",
 				"PATCH"
-			].includes(r.method || "") ? r.sendAllFormValues ? JSON.stringify(f(i, U.current)) : r.body ? be(r.body, i) : void 0 : void 0, d = setTimeout(() => n.abort(), 3e4), p = await fetch(s, {
+			].includes(r.method || "") ? r.sendAllFormValues ? JSON.stringify(f(i, ce.current)) : r.body ? xe(r.body, i) : void 0 : void 0, d = setTimeout(() => n.abort(), 3e4), p = await fetch(s, {
 				body: u || void 0,
 				headers: Object.fromEntries(l.filter((e) => e.key && e.value).map((e) => [e.key, e.value])),
 				method: r.method || "GET",
@@ -1575,7 +1575,7 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 				v(`HTTP Error ${p.status}: ${p.statusText}`), h(!1);
 				return;
 			}
-			let m = _e(await p.json()), g = r.responsePath ? w(m, r.responsePath) : m;
+			let m = ve(await p.json()), g = r.responsePath ? w(m, r.responsePath) : m;
 			if (r.responseMapping && Array.isArray(g)) {
 				let { valueField: e = "value", labelField: t = "label" } = r.responseMapping;
 				b(g.map((n) => ({
@@ -1585,59 +1585,59 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 			} else a(typeof g == "string" ? g : JSON.stringify(g));
 		} catch (e) {
 			if (e instanceof Error && e.name === "AbortError") return;
-			v(e instanceof Error ? e.message : H("renderer.defaultHttpInput.fetchFailed")), console.error("HTTP Input fetch error:", e);
+			v(e instanceof Error ? e.message : R("renderer.defaultHttpInput.fetchFailed")), console.error("HTTP Input fetch error:", e);
 		} finally {
-			h(!1), G.current = null;
+			h(!1), W.current = null;
 		}
-	}, [H]);
+	}, [R]);
 	if (E(() => {
-		ae.current = R, oe.current = N, U.current = P, se.current = I, W.current = o, ce.current = de;
+		oe.current = L, se.current = N, ce.current = P, H.current = F, le.current = o, U.current = q;
 	}, [
-		R,
+		L,
 		N,
 		P,
-		I,
+		F,
 		o,
-		de
+		q
 	]), E(() => () => {
-		G.current && G.current.abort();
+		W.current && W.current.abort();
 	}, []), E(() => {
-		if (re.current) return;
-		re.current = !0;
-		let e = ae.current, t = oe.current, n = ce.current, r = e?.url && ye(e.url, t);
-		e?.fetchOnMount && r && n && (n(), e.url && (ie.current = ve(e.url).map((e) => `${e}:${String(t[e] ?? "")}`).join("|")));
+		if (ie.current) return;
+		ie.current = !0;
+		let e = oe.current, t = se.current, n = U.current, r = e?.url && be(e.url, t);
+		e?.fetchOnMount && r && n && (n(), e.url && (ae.current = ye(e.url).map((e) => `${e}:${String(t[e] ?? "")}`).join("|")));
 	}, []), E(() => {
-		if (!re.current || !K || ie.current === ue || !q) return;
+		if (!ie.current || !ue || ae.current === K || !de) return;
 		let e = setTimeout(() => {
-			de(), ie.current = ue;
+			q(), ae.current = K;
 		}, 500);
 		return () => clearTimeout(e);
 	}, [
-		ue,
 		K,
-		q,
-		de
+		ue,
+		de,
+		q
 	]), E(() => {
-		if (!(R?.searchParam && x)) return;
+		if (!(L?.searchParam && x)) return;
 		let e = setTimeout(() => {
-			de(x);
+			q(x);
 		}, 300);
 		return () => clearTimeout(e);
 	}, [
 		x,
-		R?.searchParam,
-		de
-	]), R?.responseMapping) {
+		L?.searchParam,
+		q
+	]), L?.responseMapping) {
 		let e = Array.isArray(i) ? i[0] : i, n = y.find((t) => t.value === e);
-		if (R.searchParam) {
-			let r = m && R?.showLoading;
+		if (L.searchParam) {
+			let r = m && L?.showLoading;
 			return /* @__PURE__ */ j(V, {
 				style: Y.container,
 				children: [
 					/* @__PURE__ */ j(z, {
-						style: [Y.label, { color: L.textSecondary }],
+						style: [Y.label, { color: I.textSecondary }],
 						children: [c || t.data.name, t.data.required && /* @__PURE__ */ A(z, {
-							style: { color: L.error },
+							style: { color: I.error },
 							children: "*"
 						})]
 					}),
@@ -1645,10 +1645,10 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 						style: [
 							Y.trigger,
 							{
-								backgroundColor: L.input,
-								borderColor: L.border
+								backgroundColor: I.input,
+								borderColor: I.border
 							},
-							s && { borderColor: L.error }
+							s && { borderColor: I.error }
 						],
 						onPress: () => T(!0),
 						activeOpacity: .7,
@@ -1656,26 +1656,26 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 							style: Y.loadingTrigger,
 							children: [/* @__PURE__ */ A(M, {
 								size: "small",
-								color: L.primary
+								color: I.primary
 							}), /* @__PURE__ */ A(z, {
-								style: [Y.triggerText, { color: L.textMuted }],
+								style: [Y.triggerText, { color: I.textMuted }],
 								numberOfLines: 1,
-								children: n?.label || l || H("renderer.defaultHttpInput.search")
+								children: n?.label || l || R("renderer.defaultHttpInput.search")
 							})]
 						}) : /* @__PURE__ */ A(z, {
 							style: [
 								Y.triggerText,
-								{ color: L.text },
-								!n && { color: L.textMuted }
+								{ color: I.text },
+								!n && { color: I.textMuted }
 							],
 							numberOfLines: 1,
-							children: n?.label || l || H("renderer.defaultHttpInput.search")
+							children: n?.label || l || R("renderer.defaultHttpInput.search")
 						}), /* @__PURE__ */ A(z, {
-							style: [Y.arrow, { color: L.textMuted }],
+							style: [Y.arrow, { color: I.textMuted }],
 							children: "▼"
 						})]
 					}),
-					/* @__PURE__ */ A(F, {
+					/* @__PURE__ */ A(ne, {
 						visible: C,
 						transparent: !0,
 						animationType: "fade",
@@ -1685,33 +1685,33 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 							activeOpacity: 1,
 							onPress: () => T(!1),
 							children: /* @__PURE__ */ j(B, {
-								style: [Y.modalContent, { backgroundColor: L.card }],
+								style: [Y.modalContent, { backgroundColor: I.card }],
 								activeOpacity: 1,
 								onPress: () => {},
 								children: [
 									/* @__PURE__ */ j(V, {
-										style: [Y.modalHeader, { borderBottomColor: L.separator }],
+										style: [Y.modalHeader, { borderBottomColor: I.separator }],
 										children: [/* @__PURE__ */ A(z, {
-											style: [Y.modalTitle, { color: L.text }],
+											style: [Y.modalTitle, { color: I.text }],
 											children: c || t.data.name
 										}), /* @__PURE__ */ A(B, {
 											onPress: () => T(!1),
 											children: /* @__PURE__ */ A(z, {
-												style: [Y.closeButton, { color: L.textMuted }],
+												style: [Y.closeButton, { color: I.textMuted }],
 												children: "✕"
 											})
 										})]
 									}),
 									/* @__PURE__ */ A(V, {
 										style: Y.searchContainer,
-										children: /* @__PURE__ */ A(ne, {
+										children: /* @__PURE__ */ A(re, {
 											style: [Y.searchInput, {
-												backgroundColor: L.muted,
-												borderColor: L.border,
-												color: L.text
+												backgroundColor: I.muted,
+												borderColor: I.border,
+												color: I.text
 											}],
-											placeholder: H("renderer.defaultHttpInput.search"),
-											placeholderTextColor: L.textMuted,
+											placeholder: R("renderer.defaultHttpInput.search"),
+											placeholderTextColor: I.textMuted,
 											value: x,
 											onChangeText: (e) => {
 												S(e), v(null);
@@ -1725,19 +1725,19 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 										style: Y.loadingContainer,
 										children: /* @__PURE__ */ A(M, {
 											size: "small",
-											color: L.primary
+											color: I.primary
 										})
 									}) : g ? /* @__PURE__ */ j(V, {
 										style: Y.errorContainer,
 										children: [/* @__PURE__ */ A(z, {
-											style: [Y.errorText, { color: L.error }],
+											style: [Y.errorText, { color: I.error }],
 											children: g
 										}), /* @__PURE__ */ A(B, {
-											onPress: () => de(x),
+											onPress: () => q(x),
 											style: Y.retryButton,
 											children: /* @__PURE__ */ A(z, {
-												style: [Y.retryButtonText, { color: L.primary }],
-												children: H("renderer.defaultHttpInput.retry")
+												style: [Y.retryButtonText, { color: I.primary }],
+												children: R("renderer.defaultHttpInput.retry")
 											})
 										})]
 									}) : /* @__PURE__ */ A(te, {
@@ -1748,23 +1748,23 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 										ListEmptyComponent: /* @__PURE__ */ A(V, {
 											style: Y.emptyContainer,
 											children: /* @__PURE__ */ A(z, {
-												style: [Y.emptyText, { color: L.textMuted }],
-												children: H("renderer.defaultHttpInput.noResults")
+												style: [Y.emptyText, { color: I.textMuted }],
+												children: R("renderer.defaultHttpInput.noResults")
 											})
 										}),
 										renderItem: ({ item: t }) => {
 											let n = t.value === e;
 											return /* @__PURE__ */ j(B, {
-												style: [Y.option, n && { backgroundColor: L.primaryLight }],
+												style: [Y.option, n && { backgroundColor: I.primaryLight }],
 												onPress: () => {
 													o(t.value), T(!1);
 												},
 												activeOpacity: .7,
 												children: [/* @__PURE__ */ A(z, {
-													style: [Y.optionText, { color: L.text }],
+													style: [Y.optionText, { color: I.text }],
 													children: t.label
 												}), n && /* @__PURE__ */ A(z, {
-													style: [Y.checkmark, { color: L.primary }],
+													style: [Y.checkmark, { color: I.primary }],
 													children: "✓"
 												})]
 											});
@@ -1775,27 +1775,27 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 						})
 					}),
 					s && /* @__PURE__ */ A(z, {
-						style: [Y.error, { color: L.error }],
+						style: [Y.error, { color: I.error }],
 						children: s
 					}),
 					u && !s && /* @__PURE__ */ A(z, {
-						style: [Y.helperText, { color: L.textMuted }],
+						style: [Y.helperText, { color: I.textMuted }],
 						children: u
 					})
 				]
 			});
 		}
-		let r = m && R?.showLoading, d = le.filter((e) => {
+		let r = m && L?.showLoading, d = G.filter((e) => {
 			let t = N[e];
 			return t == null || t === "";
-		}), f = d.map((e) => a(e, P) || e), p = y.length === 0 && !r ? g || (d.length > 0 ? `${H("renderer.defaultHttpInput.waitingForRequiredFields")}: ${f.join(", ")}` : H("renderer.defaultHttpInput.noDataAvailable")) : void 0;
+		}), f = d.map((e) => a(e, P) || e), p = y.length === 0 && !r ? g || (d.length > 0 ? `${R("renderer.defaultHttpInput.waitingForRequiredFields")}: ${f.join(", ")}` : R("renderer.defaultHttpInput.noDataAvailable")) : void 0;
 		return /* @__PURE__ */ j(V, {
 			style: Y.container,
 			children: [
 				/* @__PURE__ */ j(z, {
-					style: [Y.label, { color: L.textSecondary }],
+					style: [Y.label, { color: I.textSecondary }],
 					children: [c || t.data.name, t.data.required && /* @__PURE__ */ A(z, {
-						style: { color: L.error },
+						style: { color: I.error },
 						children: "*"
 					})]
 				}),
@@ -1803,11 +1803,11 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 					style: [
 						Y.trigger,
 						{
-							backgroundColor: L.input,
-							borderColor: L.border
+							backgroundColor: I.input,
+							borderColor: I.border
 						},
-						s && { borderColor: L.error },
-						(r || y.length === 0) && { backgroundColor: L.muted }
+						s && { borderColor: I.error },
+						(r || y.length === 0) && { backgroundColor: I.muted }
 					],
 					onPress: () => T(!0),
 					disabled: r || y.length === 0,
@@ -1815,29 +1815,29 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 					children: [
 						r && /* @__PURE__ */ A(M, {
 							size: "small",
-							color: L.primary,
+							color: I.primary,
 							style: Y.triggerLoader
 						}),
 						/* @__PURE__ */ A(z, {
 							style: [
 								Y.triggerText,
-								{ color: L.text },
-								!n && { color: L.textMuted }
+								{ color: I.text },
+								!n && { color: I.textMuted }
 							],
 							numberOfLines: 1,
-							children: n?.label || l || H("renderer.defaultHttpInput.selectOption")
+							children: n?.label || l || R("renderer.defaultHttpInput.selectOption")
 						}),
 						/* @__PURE__ */ A(z, {
-							style: [Y.arrow, { color: L.textMuted }],
+							style: [Y.arrow, { color: I.textMuted }],
 							children: "▼"
 						})
 					]
 				}),
 				p && /* @__PURE__ */ A(z, {
-					style: [Y.disabledMessage, { color: L.error }],
+					style: [Y.disabledMessage, { color: I.error }],
 					children: p
 				}),
-				/* @__PURE__ */ A(F, {
+				/* @__PURE__ */ A(ne, {
 					visible: C,
 					transparent: !0,
 					animationType: "fade",
@@ -1847,18 +1847,18 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 						activeOpacity: 1,
 						onPress: () => T(!1),
 						children: /* @__PURE__ */ j(B, {
-							style: [Y.modalContent, { backgroundColor: L.card }],
+							style: [Y.modalContent, { backgroundColor: I.card }],
 							activeOpacity: 1,
 							onPress: () => {},
 							children: [/* @__PURE__ */ j(V, {
-								style: [Y.modalHeader, { borderBottomColor: L.separator }],
+								style: [Y.modalHeader, { borderBottomColor: I.separator }],
 								children: [/* @__PURE__ */ A(z, {
-									style: [Y.modalTitle, { color: L.text }],
+									style: [Y.modalTitle, { color: I.text }],
 									children: c || t.data.name
 								}), /* @__PURE__ */ A(B, {
 									onPress: () => T(!1),
 									children: /* @__PURE__ */ A(z, {
-										style: [Y.closeButton, { color: L.textMuted }],
+										style: [Y.closeButton, { color: I.textMuted }],
 										children: "✕"
 									})
 								})]
@@ -1870,16 +1870,16 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 								renderItem: ({ item: t }) => {
 									let n = t.value === e;
 									return /* @__PURE__ */ j(B, {
-										style: [Y.option, n && { backgroundColor: L.primaryLight }],
+										style: [Y.option, n && { backgroundColor: I.primaryLight }],
 										onPress: () => {
 											o(t.value), T(!1);
 										},
 										activeOpacity: .7,
 										children: [/* @__PURE__ */ A(z, {
-											style: [Y.optionText, { color: L.text }],
+											style: [Y.optionText, { color: I.text }],
 											children: t.label
 										}), n && /* @__PURE__ */ A(z, {
-											style: [Y.checkmark, { color: L.primary }],
+											style: [Y.checkmark, { color: I.primary }],
 											children: "✓"
 										})]
 									});
@@ -1889,11 +1889,11 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 					})
 				}),
 				s && /* @__PURE__ */ A(z, {
-					style: [Y.error, { color: L.error }],
+					style: [Y.error, { color: I.error }],
 					children: s
 				}),
 				u && !s && /* @__PURE__ */ A(z, {
-					style: [Y.helperText, { color: L.textMuted }],
+					style: [Y.helperText, { color: I.textMuted }],
 					children: u
 				})
 			]
@@ -1903,27 +1903,27 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 		style: Y.container,
 		children: [
 			/* @__PURE__ */ j(z, {
-				style: [Y.label, { color: L.textSecondary }],
+				style: [Y.label, { color: I.textSecondary }],
 				children: [c || t.data.name, t.data.required && /* @__PURE__ */ A(z, {
-					style: { color: L.error },
+					style: { color: I.error },
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ A(ne, {
+			/* @__PURE__ */ A(re, {
 				style: [Y.input, {
-					backgroundColor: L.muted,
-					borderColor: L.border,
-					color: L.textMuted
+					backgroundColor: I.muted,
+					borderColor: I.border,
+					color: I.textMuted
 				}],
 				value: typeof i == "string" ? i : JSON.stringify(i),
 				editable: !1
 			}),
 			s && /* @__PURE__ */ A(z, {
-				style: [Y.error, { color: L.error }],
+				style: [Y.error, { color: I.error }],
 				children: s
 			}),
 			u && !s && /* @__PURE__ */ A(z, {
-				style: [Y.helperText, { color: L.textMuted }],
+				style: [Y.helperText, { color: I.textMuted }],
 				children: u
 			})
 		]
@@ -2054,23 +2054,23 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 		flex: 1,
 		fontSize: 14
 	}
-}), Se = ({ node: e, value: t, setValue: n, error: r, label: i, placeholder: a, helperText: o, name: s }) => {
+}), Ce = ({ node: e, value: t, setValue: n, error: r, label: i, placeholder: a, helperText: o, name: s }) => {
 	let { colors: c } = _(), [l, u] = k(t?.toString() ?? "");
 	return E(() => {
 		u(t?.toString() ?? "");
 	}, [t]), /* @__PURE__ */ j(V, {
-		style: Ce.container,
+		style: we.container,
 		children: [
 			/* @__PURE__ */ j(z, {
-				style: [Ce.label, { color: c.textSecondary }],
+				style: [we.label, { color: c.textSecondary }],
 				children: [i || e.data.name, e.data.required && /* @__PURE__ */ A(z, {
 					style: { color: c.error },
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ A(ne, {
+			/* @__PURE__ */ A(re, {
 				style: [
-					Ce.input,
+					we.input,
 					{
 						backgroundColor: c.input,
 						borderColor: c.border,
@@ -2093,16 +2093,16 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 				accessibilityLabel: s
 			}),
 			r && /* @__PURE__ */ A(z, {
-				style: [Ce.error, { color: c.error }],
+				style: [we.error, { color: c.error }],
 				children: r
 			}),
 			o && !r && /* @__PURE__ */ A(z, {
-				style: [Ce.helperText, { color: c.textMuted }],
+				style: [we.helperText, { color: c.textMuted }],
 				children: o
 			})
 		]
 	});
-}, Ce = L.create({
+}, we = L.create({
 	container: { marginBottom: 16 },
 	error: {
 		fontSize: 12,
@@ -2124,23 +2124,23 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 		fontWeight: "500",
 		marginBottom: 8
 	}
-}), we = ({ node: e, value: t, setValue: n, error: r, label: i, placeholder: a, helperText: o, name: s }) => {
+}), Te = ({ node: e, value: t, setValue: n, error: r, label: i, placeholder: a, helperText: o, name: s }) => {
 	let { colors: c } = _(), [l, u] = k(!1);
 	return /* @__PURE__ */ j(V, {
-		style: Te.container,
+		style: Ee.container,
 		children: [
 			/* @__PURE__ */ j(z, {
-				style: [Te.label, { color: c.textSecondary }],
+				style: [Ee.label, { color: c.textSecondary }],
 				children: [i || e.data.name, e.data.required && /* @__PURE__ */ A(z, {
 					style: { color: c.error },
 					children: "*"
 				})]
 			}),
 			/* @__PURE__ */ j(V, {
-				style: Te.inputWrapper,
-				children: [/* @__PURE__ */ A(ne, {
+				style: Ee.inputWrapper,
+				children: [/* @__PURE__ */ A(re, {
 					style: [
-						Te.input,
+						Ee.input,
 						{
 							backgroundColor: c.input,
 							borderColor: c.border,
@@ -2155,26 +2155,26 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 					secureTextEntry: !l,
 					accessibilityLabel: s
 				}), /* @__PURE__ */ A(B, {
-					style: Te.toggleButton,
+					style: Ee.toggleButton,
 					onPress: () => u(!l),
 					activeOpacity: .7,
 					children: /* @__PURE__ */ A(z, {
-						style: [Te.toggleText, { color: c.primary }],
+						style: [Ee.toggleText, { color: c.primary }],
 						children: l ? "Hide" : "Show"
 					})
 				})]
 			}),
 			r && /* @__PURE__ */ A(z, {
-				style: [Te.error, { color: c.error }],
+				style: [Ee.error, { color: c.error }],
 				children: r
 			}),
 			o && !r && /* @__PURE__ */ A(z, {
-				style: [Te.helperText, { color: c.textMuted }],
+				style: [Ee.helperText, { color: c.textMuted }],
 				children: o
 			})
 		]
 	});
-}, Te = L.create({
+}, Ee = L.create({
 	container: { marginBottom: 16 },
 	error: {
 		fontSize: 12,
@@ -2212,7 +2212,7 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 		fontSize: 12,
 		fontWeight: "600"
 	}
-}), Ee = ({ node: e, value: t, setValue: n, error: i, label: a, helperText: o }) => {
+}), De = ({ node: e, value: t, setValue: n, error: i, label: a, helperText: o }) => {
 	let s = r(), { colors: c } = _(), l = e.data.options || [], u = t || "", d = e.data.variant !== "default", f = (e) => {
 		n(e);
 	};
@@ -2245,7 +2245,7 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 					disabled: e.disabled,
 					activeOpacity: .7,
 					children: [
-						e.image && /* @__PURE__ */ A(P, {
+						e.image && /* @__PURE__ */ A(F, {
 							source: { uri: e.image },
 							style: X.cardImage
 						}),
@@ -2289,7 +2289,7 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 							],
 							children: t && /* @__PURE__ */ A(V, { style: [X.radioInner, { backgroundColor: c.primary }] })
 						}),
-						e.image && /* @__PURE__ */ A(P, {
+						e.image && /* @__PURE__ */ A(F, {
 							source: { uri: e.image },
 							style: X.image
 						}),
@@ -2393,7 +2393,7 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 		height: 10,
 		width: 10
 	}
-}), De = ({ node: e, value: t, setValue: n, error: i, label: a, placeholder: o, helperText: s }) => {
+}), Oe = ({ node: e, value: t, setValue: n, error: i, label: a, placeholder: o, helperText: s }) => {
 	let [c, l] = k(!1), u = r(), { colors: d } = _(), f = e.data.options || [], p = e.data.multiple, m = Array.isArray(t) ? t : t ? [t] : [], h = (e) => {
 		p ? n(m.includes(e) ? m.filter((t) => t !== e) : [...m, e]) : (n(e), l(!1));
 	};
@@ -2435,7 +2435,7 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 					children: "▼"
 				})]
 			}),
-			/* @__PURE__ */ A(F, {
+			/* @__PURE__ */ A(ne, {
 				visible: c,
 				transparent: !0,
 				animationType: "fade",
@@ -2588,17 +2588,17 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 		flex: 1,
 		fontSize: 14
 	}
-}), Oe = ({ node: e, value: t, setValue: n, error: r, label: i, helperText: a }) => {
+}), ke = ({ node: e, value: t, setValue: n, error: r, label: i, helperText: a }) => {
 	let { colors: o } = _(), s = !!t;
 	return /* @__PURE__ */ j(V, {
-		style: ke.container,
+		style: Ae.container,
 		children: [
 			/* @__PURE__ */ j(V, {
-				style: ke.row,
+				style: Ae.row,
 				children: [/* @__PURE__ */ A(V, {
-					style: ke.labelContainer,
+					style: Ae.labelContainer,
 					children: /* @__PURE__ */ j(z, {
-						style: [ke.label, { color: o.textSecondary }],
+						style: [Ae.label, { color: o.textSecondary }],
 						children: [i || e.data.name, e.data.required && /* @__PURE__ */ A(z, {
 							style: { color: o.error },
 							children: "*"
@@ -2616,16 +2616,16 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 				})]
 			}),
 			r && /* @__PURE__ */ A(z, {
-				style: [ke.error, { color: o.error }],
+				style: [Ae.error, { color: o.error }],
 				children: r
 			}),
 			a && !r && /* @__PURE__ */ A(z, {
-				style: [ke.helperText, { color: o.textMuted }],
+				style: [Ae.helperText, { color: o.textMuted }],
 				children: a
 			})
 		]
 	});
-}, ke = L.create({
+}, Ae = L.create({
 	container: { marginBottom: 16 },
 	error: {
 		fontSize: 12,
@@ -2645,21 +2645,21 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 		flexDirection: "row",
 		justifyContent: "space-between"
 	}
-}), Ae = ({ node: e, value: t, setValue: n, error: r, label: i, placeholder: a, helperText: o, name: s }) => {
+}), je = ({ node: e, value: t, setValue: n, error: r, label: i, placeholder: a, helperText: o, name: s }) => {
 	let { colors: c } = _();
 	return /* @__PURE__ */ j(V, {
-		style: je.container,
+		style: Me.container,
 		children: [
 			/* @__PURE__ */ j(z, {
-				style: [je.label, { color: c.textSecondary }],
+				style: [Me.label, { color: c.textSecondary }],
 				children: [i || e.data.name, e.data.required && /* @__PURE__ */ A(z, {
 					style: { color: c.error },
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ A(ne, {
+			/* @__PURE__ */ A(re, {
 				style: [
-					je.textarea,
+					Me.textarea,
 					{
 						backgroundColor: c.input,
 						borderColor: c.border,
@@ -2677,16 +2677,16 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 				accessibilityLabel: s
 			}),
 			r && /* @__PURE__ */ A(z, {
-				style: [je.error, { color: c.error }],
+				style: [Me.error, { color: c.error }],
 				children: r
 			}),
 			o && !r && /* @__PURE__ */ A(z, {
-				style: [je.helperText, { color: c.textMuted }],
+				style: [Me.helperText, { color: c.textMuted }],
 				children: o
 			})
 		]
 	});
-}, je = L.create({
+}, Me = L.create({
 	container: { marginBottom: 16 },
 	error: {
 		fontSize: 12,
@@ -2709,21 +2709,21 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 		paddingHorizontal: 12,
 		paddingVertical: 8
 	}
-}), Me = ({ node: e, value: t, setValue: n, error: r, label: i, placeholder: a, helperText: o, name: s }) => {
+}), Ne = ({ node: e, value: t, setValue: n, error: r, label: i, placeholder: a, helperText: o, name: s }) => {
 	let { colors: c } = _();
 	return /* @__PURE__ */ j(V, {
-		style: Ne.container,
+		style: Pe.container,
 		children: [
 			/* @__PURE__ */ j(z, {
-				style: [Ne.label, { color: c.textSecondary }],
+				style: [Pe.label, { color: c.textSecondary }],
 				children: [i || e.data.name, e.data.required && /* @__PURE__ */ A(z, {
 					style: { color: c.error },
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ A(ne, {
+			/* @__PURE__ */ A(re, {
 				style: [
-					Ne.input,
+					Pe.input,
 					{
 						backgroundColor: c.input,
 						borderColor: c.border,
@@ -2738,16 +2738,16 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 				accessibilityLabel: s
 			}),
 			r && /* @__PURE__ */ A(z, {
-				style: [Ne.error, { color: c.error }],
+				style: [Pe.error, { color: c.error }],
 				children: r
 			}),
 			o && !r && /* @__PURE__ */ A(z, {
-				style: [Ne.helperText, { color: c.textMuted }],
+				style: [Pe.helperText, { color: c.textMuted }],
 				children: o
 			})
 		]
 	});
-}, Ne = L.create({
+}, Pe = L.create({
 	container: { marginBottom: 16 },
 	error: {
 		fontSize: 12,
@@ -2769,7 +2769,7 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 		fontWeight: "500",
 		marginBottom: 8
 	}
-}), Pe = ({ node: e, value: t, setValue: n, error: r, label: i, placeholder: a, helperText: o }) => {
+}), Fe = ({ node: e, value: t, setValue: n, error: r, label: i, placeholder: a, helperText: o }) => {
 	let [s, c] = k(!1), { colors: l } = _(), u = (t || "").split(":"), d = Number.parseInt(u[0], 10), f = Number.parseInt(u[1], 10), p = Number.isNaN(d) ? 0 : d, m = Number.isNaN(f) ? 0 : f, [h, g] = k(p || 0), [v, y] = k(m || 0), b = O(null), x = O(null), S = Array.from({ length: 24 }, (e, t) => t), C = Array.from({ length: 60 }, (e, t) => t), w = () => t || a || "Select time", T = ee(() => {
 		n(`${String(h).padStart(2, "0")}:${String(v).padStart(2, "0")}`), c(!1);
 	}, [
@@ -2813,7 +2813,7 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 					children: "🕐"
 				})]
 			}),
-			/* @__PURE__ */ A(F, {
+			/* @__PURE__ */ A(ne, {
 				visible: s,
 				transparent: !0,
 				animationType: "fade",
@@ -3019,8 +3019,8 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 		flex: 1,
 		fontSize: 14
 	}
-}), Fe = ({ node: e, value: t, setValue: n, error: i, label: a, helperText: o }) => {
-	let [s, c] = k(!1), [l, u] = k(!0), d = r(), { colors: f } = _(), p = Array.isArray(t) ? t : [], m = p[0] || "", h = p[1] || "", g = m.split(":"), v = Number.parseInt(g[0], 10), y = Number.parseInt(g[1], 10), b = Number.isNaN(v) ? 0 : v, x = Number.isNaN(y) ? 0 : y, S = h.split(":"), C = Number.parseInt(S[0], 10), w = Number.parseInt(S[1], 10), T = Number.isNaN(C) ? 0 : C, E = Number.isNaN(w) ? 0 : w, [D, O] = k(0), [M, N] = k(0), te = Array.from({ length: 24 }, (e, t) => t), P = Array.from({ length: 60 }, (e, t) => t), L = () => m && h ? `${m} - ${h}` : m || d("renderer.defaultInputs.selectDateRange"), R = ee(() => {
+}), Ie = ({ node: e, value: t, setValue: n, error: i, label: a, helperText: o }) => {
+	let [s, c] = k(!1), [l, u] = k(!0), d = r(), { colors: f } = _(), p = Array.isArray(t) ? t : [], m = p[0] || "", h = p[1] || "", g = m.split(":"), v = Number.parseInt(g[0], 10), y = Number.parseInt(g[1], 10), b = Number.isNaN(v) ? 0 : v, x = Number.isNaN(y) ? 0 : y, S = h.split(":"), C = Number.parseInt(S[0], 10), w = Number.parseInt(S[1], 10), T = Number.isNaN(C) ? 0 : C, E = Number.isNaN(w) ? 0 : w, [D, O] = k(0), [M, N] = k(0), P = Array.from({ length: 24 }, (e, t) => t), te = Array.from({ length: 60 }, (e, t) => t), F = () => m && h ? `${m} - ${h}` : m || d("renderer.defaultInputs.selectDateRange"), L = ee(() => {
 		let e = `${String(D).padStart(2, "0")}:${String(M).padStart(2, "0")}`;
 		l ? (n([e, h]), u(!1), O(T || 0), N(E || 0)) : (n([m, e]), c(!1), u(!0));
 	}, [
@@ -3063,13 +3063,13 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 						!m && { color: f.textMuted }
 					],
 					numberOfLines: 1,
-					children: L()
+					children: F()
 				}), /* @__PURE__ */ A(z, {
 					style: $.icon,
 					children: "🕐"
 				})]
 			}),
-			/* @__PURE__ */ A(F, {
+			/* @__PURE__ */ A(ne, {
 				visible: s,
 				transparent: !0,
 				animationType: "fade",
@@ -3115,7 +3115,7 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 											style: $.picker,
 											contentContainerStyle: $.pickerContent,
 											showsVerticalScrollIndicator: !1,
-											children: te.map((e) => /* @__PURE__ */ A(B, {
+											children: P.map((e) => /* @__PURE__ */ A(B, {
 												style: [$.pickerItem, D === e && { backgroundColor: f.primary }],
 												onPress: () => O(e),
 												activeOpacity: .7,
@@ -3146,7 +3146,7 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 											style: $.picker,
 											contentContainerStyle: $.pickerContent,
 											showsVerticalScrollIndicator: !1,
-											children: P.map((e) => /* @__PURE__ */ A(B, {
+											children: te.map((e) => /* @__PURE__ */ A(B, {
 												style: [$.pickerItem, M === e && { backgroundColor: f.primary }],
 												onPress: () => N(e),
 												activeOpacity: .7,
@@ -3168,7 +3168,7 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 							}),
 							/* @__PURE__ */ A(B, {
 								style: [$.confirmButton, { backgroundColor: f.primary }],
-								onPress: R,
+								onPress: L,
 								activeOpacity: .7,
 								children: /* @__PURE__ */ A(z, {
 									style: [$.confirmButtonText, { color: f.background }],
@@ -3290,58 +3290,58 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 		flex: 1,
 		fontSize: 14
 	}
-}), Ie = ({ node: e }) => /* @__PURE__ */ j(z, { children: [
+}), Le = ({ node: e }) => /* @__PURE__ */ j(z, { children: [
 	"TODO: Implement ",
 	e.data.type,
 	" input for React Native"
-] }), Le = {
-	address: oe,
-	autocomplete: se,
-	checkbox: ce,
-	date: le,
-	daterange: ue,
-	file: de,
-	hidden: fe,
-	http: xe,
-	number: Se,
-	password: we,
-	radio: Ee,
-	select: De,
-	submit: Ie,
-	switch: Oe,
-	text: Me,
-	textarea: Ae,
-	time: Pe,
-	timerange: Fe
-}, Re = ({ label: e, children: t, isFirstStep: n, isLastStep: i, canContinue: a, isSubmitting: o, onBack: s, onContinue: c }) => {
+] }), Re = {
+	address: ce,
+	autocomplete: le,
+	checkbox: W,
+	date: ue,
+	daterange: de,
+	file: fe,
+	hidden: pe,
+	http: Se,
+	number: Ce,
+	password: Te,
+	radio: De,
+	select: Oe,
+	submit: Le,
+	switch: ke,
+	text: Ne,
+	textarea: je,
+	time: Fe,
+	timerange: Ie
+}, ze = ({ label: e, children: t, isFirstStep: n, isLastStep: i, canContinue: a, isSubmitting: o, onBack: s, onContinue: c }) => {
 	let l = r(), { colors: u } = _(), d = !a || o;
 	return /* @__PURE__ */ j(V, { children: [
 		e ? /* @__PURE__ */ A(z, {
-			style: [ze.label, { color: u.text }],
+			style: [Be.label, { color: u.text }],
 			children: e
 		}) : null,
 		/* @__PURE__ */ A(V, {
-			style: ze.content,
+			style: Be.content,
 			children: t
 		}),
 		/* @__PURE__ */ j(V, {
-			style: ze.actions,
+			style: Be.actions,
 			children: [n ? /* @__PURE__ */ A(V, {}) : /* @__PURE__ */ A(B, {
 				style: [
-					ze.backButton,
+					Be.backButton,
 					{ borderColor: u.border },
-					o && ze.disabled
+					o && Be.disabled
 				],
 				onPress: s,
 				disabled: o,
 				activeOpacity: .7,
 				children: /* @__PURE__ */ A(z, {
-					style: [ze.backButtonText, { color: u.text }],
+					style: [Be.backButtonText, { color: u.text }],
 					children: l("renderer.step.back")
 				})
 			}), /* @__PURE__ */ A(B, {
 				style: [
-					ze.continueButton,
+					Be.continueButton,
 					{ backgroundColor: u.primary },
 					d && {
 						backgroundColor: u.primaryDisabled,
@@ -3352,13 +3352,13 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 				disabled: d,
 				activeOpacity: .7,
 				children: o ? /* @__PURE__ */ A(M, { color: u.primaryForeground }) : /* @__PURE__ */ A(z, {
-					style: [ze.continueButtonText, { color: u.primaryForeground }],
+					style: [Be.continueButtonText, { color: u.primaryForeground }],
 					children: l(i ? "renderer.defaultSubmitButton.submit" : "renderer.step.continue")
 				})
 			})]
 		})
 	] });
-}, ze = L.create({
+}, Be = L.create({
 	actions: {
 		alignItems: "center",
 		flexDirection: "row",
@@ -3393,11 +3393,11 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 		fontWeight: "600",
 		marginBottom: 12
 	}
-}), Be = ({ children: e = "Submit", disabled: t, isSubmitting: n, onPress: r }) => {
+}), Ve = ({ children: e = "Submit", disabled: t, isSubmitting: n, onPress: r }) => {
 	let { colors: i } = _();
 	return /* @__PURE__ */ A(B, {
 		style: [
-			Ve.button,
+			He.button,
 			{ backgroundColor: i.primary },
 			(t || n) && {
 				backgroundColor: i.primaryDisabled,
@@ -3408,11 +3408,11 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 		onPress: r,
 		activeOpacity: .7,
 		children: n ? /* @__PURE__ */ A(M, { color: i.primaryForeground }) : /* @__PURE__ */ A(z, {
-			style: [Ve.buttonText, { color: i.primaryForeground }],
+			style: [He.buttonText, { color: i.primaryForeground }],
 			children: e
 		})
 	});
-}, Ve = L.create({
+}, He = L.create({
 	button: {
 		alignItems: "center",
 		borderRadius: 6,
@@ -3425,16 +3425,16 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 		fontSize: 16,
 		fontWeight: "600"
 	}
-}), He = ({ children: e }) => e, Ue = ({ node: e }) => {
+}), Ue = ({ children: e }) => e, We = ({ node: e }) => {
 	let t = r(), { colors: n } = _(), i = t(e.data?.label);
 	return /* @__PURE__ */ A(z, {
-		style: [Ge.title, { color: n.text }],
+		style: [Ke.title, { color: n.text }],
 		children: i
 	});
-}, We = () => {
+}, Ge = () => {
 	let { colors: e } = _();
-	return /* @__PURE__ */ A(V, { style: [Ge.divider, { backgroundColor: e.separator }] });
-}, Ge = L.create({
+	return /* @__PURE__ */ A(V, { style: [Ke.divider, { backgroundColor: e.separator }] });
+}, Ke = L.create({
 	divider: {
 		height: 1,
 		marginBottom: 16,
@@ -3445,116 +3445,182 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 		fontWeight: "700",
 		marginBottom: 16
 	}
-}), Ke = {
-	divider: We,
-	title: Ue
-}, qe = ({ node: e, children: t }) => {
+}), qe = {
+	divider: Ge,
+	title: We
+}, Je = ({ node: e, children: t }) => {
 	let { image: n } = e.data;
-	return /* @__PURE__ */ j(V, { children: [n && /* @__PURE__ */ A(P, {
+	return /* @__PURE__ */ j(V, { children: [n && /* @__PURE__ */ A(F, {
 		source: { uri: n },
-		style: Je.image,
+		style: Ye.image,
 		resizeMode: "cover"
 	}), t] });
-}, Je = L.create({ image: {
+}, Ye = L.create({ image: {
 	borderRadius: 6,
 	height: 160,
 	marginBottom: 8,
 	width: "100%"
-} }), Ye = ({ components: e, contentContainerStyle: t, flows: n, googleApiKey: r, headers: i, initialValues: a, language: o, onChange: s, onSubmit: c, style: l, theme: u, validate: d, validationMode: f }) => {
-	let { colors: h } = _(), { canContinueStep: g, canSubmit: v, clearSubmitMessage: y, config: x, currentStep: S, currentStepGroupNode: C, currentStepIndex: w, formErrors: T, formValues: E, goToNextStep: O, goToPreviousStep: k, handleSubmit: M, inputNodes: N, isFirstStep: te, isLastStep: P, isSubmitting: F, missingRequiredFields: L, setFieldValue: R, steps: ne, submitMessage: B, t: re } = p({
+} }), Xe = ({ style: e }) => {
+	let { colors: t } = _(), n = O(new P.Value(.5)).current;
+	return E(() => {
+		let e = P.loop(P.sequence([P.timing(n, {
+			duration: 600,
+			toValue: 1,
+			useNativeDriver: !0
+		}), P.timing(n, {
+			duration: 600,
+			toValue: .5,
+			useNativeDriver: !0
+		})]));
+		return e.start(), () => e.stop();
+	}, [n]), /* @__PURE__ */ A(P.View, { style: [
+		Qe.bar,
+		{
+			backgroundColor: t.muted,
+			opacity: n
+		},
+		e
+	] });
+}, Ze = () => /* @__PURE__ */ j(V, {
+	accessibilityState: { busy: !0 },
+	children: [
+		/* @__PURE__ */ A(Xe, { style: Qe.title }),
+		/* @__PURE__ */ A(V, {
+			style: Qe.fields,
+			children: [
+				0,
+				1,
+				2
+			].map((e) => /* @__PURE__ */ j(V, {
+				style: Qe.field,
+				children: [/* @__PURE__ */ A(Xe, { style: Qe.fieldLabel }), /* @__PURE__ */ A(Xe, { style: Qe.fieldInput })]
+			}, e))
+		}),
+		/* @__PURE__ */ A(V, {
+			style: Qe.actions,
+			children: /* @__PURE__ */ A(Xe, { style: Qe.button })
+		})
+	]
+}), Qe = L.create({
+	actions: {
+		alignItems: "flex-end",
+		marginTop: 24
+	},
+	bar: { borderRadius: 6 },
+	button: {
+		height: 44,
+		width: 120
+	},
+	field: { gap: 8 },
+	fieldInput: {
+		height: 44,
+		width: "100%"
+	},
+	fieldLabel: {
+		height: 16,
+		width: "25%"
+	},
+	fields: { gap: 24 },
+	title: {
+		height: 24,
+		marginBottom: 24,
+		width: "33%"
+	}
+}), $e = ({ components: e, contentContainerStyle: t, flows: n, googleApiKey: r, headers: i, initialValues: a, isLoading: o = !1, language: s, onChange: c, onSubmit: l, style: u, theme: d, validate: f, validationMode: h }) => {
+	let { colors: g } = _(), { canContinueStep: v, canSubmit: y, clearSubmitMessage: x, config: S, currentStep: C, currentStepGroupNode: w, currentStepIndex: T, formErrors: E, formValues: O, goToNextStep: k, goToPreviousStep: M, handleSubmit: N, inputNodes: P, isFirstStep: te, isLastStep: F, isSubmitting: ne, missingRequiredFields: L, setFieldValue: R, steps: re, submitMessage: B, t: ae } = p({
 		components: e,
 		flows: n,
 		googleApiKey: r,
 		headers: i,
 		initialValues: a,
-		language: o,
-		onChange: s,
-		onSubmit: c,
-		theme: u,
-		validate: d,
-		validationMode: f
-	}), { FormWrapper: ie, SubmitButtonWrapper: ae, renderNode: oe } = b({
-		config: x,
-		DefaultFormWrapper: H,
-		DefaultInputWrapper: qe,
-		DefaultSubmitButton: Be,
-		DefaultSubmitButtonWrapper: He,
-		defaultInputRenderers: Le,
-		defaultUI: Ke,
-		formErrors: T,
-		formValues: E,
+		language: s,
+		onChange: c,
+		onSubmit: l,
+		theme: d,
+		validate: f,
+		validationMode: h
+	}), { FormWrapper: oe, SubmitButtonWrapper: se, renderNode: ce } = b({
+		config: S,
+		DefaultFormWrapper: ie,
+		DefaultInputWrapper: Je,
+		DefaultSubmitButton: Ve,
+		DefaultSubmitButtonWrapper: Ue,
+		defaultInputRenderers: Re,
+		defaultUI: qe,
+		formErrors: E,
+		formValues: O,
 		missingRequiredFields: L,
 		setFieldValue: R
-	}), U = x.components.step ?? Re, se = D(() => re(C?.data?.label), [re, C]), W = ee(() => {
-		if (P) {
-			M();
+	}), H = S.components.step ?? ze, le = S.components.loadingSkeleton ?? Ze, U = D(() => ae(w?.data?.label), [ae, w]), W = ee(() => {
+		if (F) {
+			N();
 			return;
 		}
-		O();
+		k();
 	}, [
-		P,
-		M,
-		O
+		F,
+		N,
+		k
 	]);
 	return /* @__PURE__ */ A(I, {
 		nestedScrollEnabled: !0,
 		style: [
-			Ze.container,
-			{ backgroundColor: h.background },
-			l
+			tt.container,
+			{ backgroundColor: g.background },
+			u
 		],
 		contentContainerStyle: t,
-		children: /* @__PURE__ */ j(m, {
+		children: o ? /* @__PURE__ */ A(le, {}) : /* @__PURE__ */ j(m, {
 			value: {
 				flows: n,
-				formErrors: T,
-				formValues: E,
-				googleApiKey: x.googleApiKey,
-				headers: x.headers,
-				inputNodes: N,
-				language: x.language,
+				formErrors: E,
+				formValues: O,
+				googleApiKey: S.googleApiKey,
+				headers: S.headers,
+				inputNodes: P,
+				language: S.language,
 				setFieldValue: R
 			},
-			children: [/* @__PURE__ */ j(ie, {
-				onSubmit: M,
-				children: [S && /* @__PURE__ */ A(ae, {
-					missingFields: P ? L : void 0,
-					children: /* @__PURE__ */ A(U, {
-						step: S,
-						groupNode: C,
-						stepIndex: w,
-						totalSteps: ne.length,
+			children: [/* @__PURE__ */ j(oe, {
+				onSubmit: N,
+				children: [C && /* @__PURE__ */ A(se, {
+					missingFields: F ? L : void 0,
+					children: /* @__PURE__ */ A(H, {
+						step: C,
+						groupNode: w,
+						stepIndex: T,
+						totalSteps: re.length,
 						isFirstStep: te,
-						isLastStep: P,
-						canContinue: g && (!P || v),
-						isSubmitting: F,
-						onBack: k,
+						isLastStep: F,
+						canContinue: v && (!F || y),
+						isSubmitting: ne,
+						onBack: M,
 						onContinue: W,
-						label: se,
-						children: S.nodes.map((e) => oe(e))
+						label: U,
+						children: C.nodes.map((e) => ce(e))
 					})
 				}), /* @__PURE__ */ A(z, {
-					style: [Ze.poweredBy, { color: h.textMuted }],
+					style: [tt.poweredBy, { color: g.textMuted }],
 					children: "Powered by Treege"
 				})]
 			}), B && /* @__PURE__ */ j(V, {
-				style: [Ze.message, { backgroundColor: B.type === "success" ? h.successBg : h.errorBg }],
+				style: [tt.message, { backgroundColor: B.type === "success" ? g.successBg : g.errorBg }],
 				children: [/* @__PURE__ */ A(z, {
-					style: [Ze.messageText, { color: B.type === "success" ? h.success : h.error }],
+					style: [tt.messageText, { color: B.type === "success" ? g.success : g.error }],
 					children: B.message
 				}), /* @__PURE__ */ A(z, {
-					style: [Ze.messageClose, { color: B.type === "success" ? h.success : h.error }],
-					onPress: y,
-					children: re("common.close")
+					style: [tt.messageClose, { color: B.type === "success" ? g.success : g.error }],
+					onPress: x,
+					children: ae("common.close")
 				})]
 			})]
 		})
 	});
-}, Xe = (e) => /* @__PURE__ */ A(S, {
+}, et = (e) => /* @__PURE__ */ A(S, {
 	theme: e.theme,
 	storageKey: "treege-renderer-theme",
-	children: /* @__PURE__ */ A(Ye, { ...e })
-}), Ze = L.create({
+	children: /* @__PURE__ */ A($e, { ...e })
+}), tt = L.create({
 	container: { flex: 1 },
 	message: {
 		borderRadius: 6,
@@ -3577,4 +3643,4 @@ var H = ({ children: e }) => /* @__PURE__ */ A(V, {
 	}
 });
 //#endregion
-export { oe as DefaultAddressInput, se as DefaultAutocompleteInput, ce as DefaultCheckboxInput, le as DefaultDateInput, ue as DefaultDateRangeInput, We as DefaultDividerUI, de as DefaultFileInput, fe as DefaultHiddenInput, xe as DefaultHttpInput, Se as DefaultNumberInput, we as DefaultPasswordInput, Ee as DefaultRadioInput, De as DefaultSelectInput, Ie as DefaultSubmitInput, Oe as DefaultSwitchInput, Me as DefaultTextInput, Ae as DefaultTextareaInput, Pe as DefaultTimeInput, Fe as DefaultTimeRangeInput, Ue as DefaultTitleUI, C as TreegeConfigProvider, Xe as TreegeRenderer, u as applyReferenceTransformation, y as calculateReferenceFieldUpdates, g as checkFormFieldHasValue, f as convertFormValuesToNamedFormat, Le as defaultInputRenderers, Ke as defaultUI, c as evaluateCondition, h as evaluateConditions, s as fileToSerializable, T as filesToSerializable, o as findStartNode, v as getFlowRenderState, t as getTranslatedText, d as isFieldEmpty, x as isStartNode, he as sanitize, _e as sanitizeHttpResponse, i as serializableToFile, l as useTreegeConfig, p as useTreegeRenderer };
+export { ce as DefaultAddressInput, le as DefaultAutocompleteInput, W as DefaultCheckboxInput, ue as DefaultDateInput, de as DefaultDateRangeInput, Ge as DefaultDividerUI, fe as DefaultFileInput, pe as DefaultHiddenInput, Se as DefaultHttpInput, Ce as DefaultNumberInput, Te as DefaultPasswordInput, De as DefaultRadioInput, Oe as DefaultSelectInput, Le as DefaultSubmitInput, ke as DefaultSwitchInput, Ne as DefaultTextInput, je as DefaultTextareaInput, Fe as DefaultTimeInput, Ie as DefaultTimeRangeInput, We as DefaultTitleUI, C as TreegeConfigProvider, et as TreegeRenderer, u as applyReferenceTransformation, y as calculateReferenceFieldUpdates, g as checkFormFieldHasValue, f as convertFormValuesToNamedFormat, Re as defaultInputRenderers, qe as defaultUI, c as evaluateCondition, h as evaluateConditions, s as fileToSerializable, T as filesToSerializable, o as findStartNode, v as getFlowRenderState, t as getTranslatedText, d as isFieldEmpty, x as isStartNode, ge as sanitize, ve as sanitizeHttpResponse, i as serializableToFile, l as useTreegeConfig, p as useTreegeRenderer };