treege 3.0.0-beta.63 → 3.0.0-beta.65

package/dist/renderer-native.js

@@ -1,12 +1,13 @@
-import { A as e, C as t, D as n, F as r, I as i, S as a, T as o, V as s, _ as c, a as l, b as u, c as d, d as f, f as p, g as m, h, i as g, j as _, k as v, l as y, m as b, n as x, o as S, p as C, r as w, s as T, t as E, u as D, x as ee } from "./ThemeContext-nopV_oRU.js";
-import { useCallback as te, useEffect as O, useMemo as k, useRef as A, useState as j } from "react";
-import { Fragment as M, jsx as N, jsxs as P } from "react/jsx-runtime";
-import { ActivityIndicator as ne, Alert as re, Animated as F, FlatList as I, Image as ie, Modal as ae, ScrollView as L, StyleSheet as R, Switch as oe, Text as z, TextInput as B, TouchableOpacity as V, View as H } from "react-native";
+import { C as e, I as t, O as n, P as r, T as i, a, b as o, c as s, g as c, h as l, i as u, k as d, m as f, n as p, o as m, p as h, r as g, s as _, t as v, v as y, w as b } from "./ThemeContext-7cghqUb0.js";
+import { a as x, c as S, i as C, l as w, n as T, o as E, r as D, s as ee, t as O } from "./useRenderNode-DGe-7y4d.js";
+import { useCallback as te, useEffect as k, useMemo as A, useRef as j, useState as M } from "react";
+import { Fragment as ne, jsx as N, jsxs as P } from "react/jsx-runtime";
+import { ActivityIndicator as re, Alert as ie, Animated as F, FlatList as ae, Image as I, Modal as oe, ScrollView as L, StyleSheet as R, Switch as se, Text as z, TextInput as B, TouchableOpacity as V, View as H } from "react-native";
 //#region src/renderer/features/TreegeRenderer/native/components/DefaultFormWrapper.tsx
-var se = ({ children: e }) => /* @__PURE__ */ N(H, {
-	style: ce.container,
+var ce = ({ children: e }) => /* @__PURE__ */ N(H, {
+	style: le.container,
 	children: e
-}), ce = R.create({ container: { padding: 16 } }), le = async (e, t) => {
+}), le = R.create({ container: { padding: 16 } }), ue = 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 +22,7 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 	} catch (e) {
 		return console.error("Nominatim fetch error:", e), [];
 	}
-}, ue = async (e, t) => {
+}, de = 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,20 +35,20 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 	} catch (e) {
 		return console.error("Google Places fetch error:", e), [];
 	}
-}, de = (e, t) => {
-	let [n, r] = j(""), [a, o] = j([]), [s, c] = j(!1), [l, u] = j(!1), { value: d, placeholder: f, id: p, name: m } = e, { node: h, setValue: g, error: v, label: y, helperText: b } = t, { language: S, googleApiKey: C } = i(), w = _(), { colors: T } = x(), E = te((e) => {
-		g(e.value), r(""), c(!1), o([]);
-	}, [g]), D = () => {
+}, fe = ({ field: e, extra: t }) => {
+	let [n, r] = M(""), [a, o] = M([]), [s, c] = M(!1), [l, u] = M(!1), { value: f, placeholder: m, id: h, name: g } = e, { node: _, setValue: v, error: y, label: b, helperText: x } = t, { language: S, googleApiKey: C } = d(), w = i(), { colors: T } = p(), E = te((e) => {
+		v(e.value), r(""), c(!1), o([]);
+	}, [v]), D = () => {
 		c(!1);
 	};
-	return O(() => {
+	return k(() => {
 		if (!n || n.trim().length < 3) {
 			o([]), u(!1);
 			return;
 		}
 		u(!0);
 		let e = setTimeout(async () => {
-			o(C ? await ue(n, C) : await le(n, S)), u(!1);
+			o(C ? await de(n, C) : await ue(n, S)), u(!1);
 		}, 300);
 		return () => {
 			clearTimeout(e), u(!1);
@@ -61,7 +62,7 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 		children: [
 			/* @__PURE__ */ P(z, {
 				style: [U.label, { color: T.textSecondary }],
-				children: [y || h.data.name, h.data.required && /* @__PURE__ */ N(z, {
+				children: [b || _.data.name, _.data.required && /* @__PURE__ */ N(z, {
 					style: { color: T.error },
 					children: "*"
 				})]
@@ -73,7 +74,7 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 						backgroundColor: T.input,
 						borderColor: T.border
 					},
-					v && { borderColor: T.error }
+					y && { borderColor: T.error }
 				],
 				onPress: () => c(!0),
 				activeOpacity: .7,
@@ -81,16 +82,16 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 					style: [
 						U.triggerText,
 						{ color: T.text },
-						!d && { color: T.textMuted }
+						!f && { color: T.textMuted }
 					],
 					numberOfLines: 1,
-					children: d || f || w("renderer.defaultAddressInput.enterAddress")
+					children: f || m || w("renderer.defaultAddressInput.enterAddress")
 				}), /* @__PURE__ */ N(z, {
 					style: U.icon,
 					children: "📍"
 				})]
 			}),
-			/* @__PURE__ */ N(ae, {
+			/* @__PURE__ */ N(oe, {
 				visible: s,
 				transparent: !0,
 				animationType: "fade",
@@ -108,7 +109,7 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 								style: [U.modalHeader, { borderBottomColor: T.separator }],
 								children: [/* @__PURE__ */ N(z, {
 									style: [U.modalTitle, { color: T.text }],
-									children: y || h.data.name
+									children: b || _.data.name
 								}), /* @__PURE__ */ N(V, {
 									onPress: D,
 									children: /* @__PURE__ */ N(z, {
@@ -125,14 +126,14 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 										borderColor: T.border,
 										color: T.text
 									}],
-									placeholder: f || w("renderer.defaultAddressInput.enterAddress"),
+									placeholder: m || w("renderer.defaultAddressInput.enterAddress"),
 									placeholderTextColor: T.textMuted,
 									value: n,
 									onChangeText: r,
 									autoFocus: !0,
 									autoCapitalize: "none",
 									autoCorrect: !1
-								}), l && /* @__PURE__ */ N(ne, {
+								}), l && /* @__PURE__ */ N(re, {
 									size: "small",
 									color: T.primary,
 									style: U.searchLoader
@@ -140,14 +141,14 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 							}),
 							l ? /* @__PURE__ */ P(H, {
 								style: U.loadingContainer,
-								children: [/* @__PURE__ */ N(ne, {
+								children: [/* @__PURE__ */ N(re, {
 									size: "small",
 									color: T.primary
 								}), /* @__PURE__ */ N(z, {
 									style: [U.loadingText, { color: T.textMuted }],
 									children: w("renderer.defaultAddressInput.searching")
 								})]
-							}) : /* @__PURE__ */ N(I, {
+							}) : /* @__PURE__ */ N(ae, {
 								data: a,
 								keyExtractor: (e, t) => t.toString(),
 								style: U.suggestionsList,
@@ -184,13 +185,13 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 					})
 				})
 			}),
-			v && /* @__PURE__ */ N(z, {
+			y && /* @__PURE__ */ N(z, {
 				style: [U.error, { color: T.error }],
-				children: v
+				children: y
 			}),
-			b && !v && /* @__PURE__ */ N(z, {
+			x && !y && /* @__PURE__ */ N(z, {
 				style: [U.helperText, { color: T.textMuted }],
-				children: b
+				children: x
 			})
 		]
 	});
@@ -304,25 +305,25 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 		flex: 1,
 		fontSize: 14
 	}
-}), fe = ({ label: e, description: t, image: n, disabled: r }) => {
-	let { colors: i } = x();
+}), pe = ({ label: e, description: t, image: n, disabled: r }) => {
+	let { colors: i } = p();
 	return /* @__PURE__ */ P(H, {
-		style: pe.content,
-		children: [n ? /* @__PURE__ */ N(ie, {
+		style: me.content,
+		children: [n ? /* @__PURE__ */ N(I, {
 			source: { uri: n },
-			style: pe.image
+			style: me.image
 		}) : null, /* @__PURE__ */ P(H, {
-			style: pe.textWrapper,
+			style: me.textWrapper,
 			children: [/* @__PURE__ */ N(z, {
-				style: [pe.label, { color: r ? i.textMuted : i.text }],
+				style: [me.label, { color: r ? i.textMuted : i.text }],
 				children: e
 			}), t ? /* @__PURE__ */ N(z, {
-				style: [pe.description, { color: i.textMuted }],
+				style: [me.description, { color: i.textMuted }],
 				children: t
 			}) : null]
 		})]
 	});
-}, pe = R.create({
+}, me = R.create({
 	content: {
 		alignItems: "center",
 		flex: 1,
@@ -340,27 +341,27 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 	},
 	label: { fontSize: 14 },
 	textWrapper: { flex: 1 }
-}), me = (e, t) => {
-	let [n, r] = j(!1), [i, a] = j(""), { value: o, placeholder: s } = e, { node: c, setValue: l, error: u, label: d, helperText: f } = t, p = _(), { colors: m } = x(), h = c.data.options || [], g = h.find((e) => e.value === o), v = k(() => {
-		if (!i.trim()) return h;
-		let e = i.toLowerCase();
-		return h.filter((t) => p(t.label).toLowerCase().includes(e) || t.value.toLowerCase().includes(e));
+}), he = ({ field: e, extra: t }) => {
+	let [n, r] = M(!1), [a, o] = M(""), { value: s, placeholder: c } = e, { node: l, setValue: u, error: d, label: f, helperText: m } = t, h = i(), { colors: g } = p(), _ = l.data.options || [], v = _.find((e) => e.value === s), y = A(() => {
+		if (!a.trim()) return _;
+		let e = a.toLowerCase();
+		return _.filter((t) => h(t.label).toLowerCase().includes(e) || t.value.toLowerCase().includes(e));
 	}, [
-		h,
-		i,
-		p
-	]), y = (e) => {
-		l(e === o ? "" : e), r(!1), a("");
-	}, b = () => {
-		r(!1), a("");
+		_,
+		a,
+		h
+	]), b = (e) => {
+		u(e === s ? "" : e), r(!1), o("");
+	}, x = () => {
+		r(!1), o("");
 	};
 	return /* @__PURE__ */ P(H, {
 		style: W.container,
 		children: [
 			/* @__PURE__ */ P(z, {
-				style: [W.label, { color: m.textSecondary }],
-				children: [d || c.data.name, c.data.required && /* @__PURE__ */ N(z, {
-					style: { color: m.error },
+				style: [W.label, { color: g.textSecondary }],
+				children: [f || l.data.name, l.data.required && /* @__PURE__ */ N(z, {
+					style: { color: g.error },
 					children: "*"
 				})]
 			}),
@@ -368,49 +369,49 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 				style: [
 					W.trigger,
 					{
-						backgroundColor: m.input,
-						borderColor: m.border
+						backgroundColor: g.input,
+						borderColor: g.border
 					},
-					u && { borderColor: m.error }
+					d && { borderColor: g.error }
 				],
 				onPress: () => r(!0),
 				activeOpacity: .7,
 				children: [/* @__PURE__ */ N(z, {
 					style: [
 						W.triggerText,
-						{ color: m.text },
-						!o && { color: m.textMuted }
+						{ color: g.text },
+						!s && { color: g.textMuted }
 					],
 					numberOfLines: 1,
-					children: o && g ? p(g.label) : s || p("renderer.defaultAutocompleteInput.selectOption")
+					children: s && v ? h(v.label) : c || h("renderer.defaultAutocompleteInput.selectOption")
 				}), /* @__PURE__ */ N(z, {
-					style: [W.arrow, { color: m.textMuted }],
+					style: [W.arrow, { color: g.textMuted }],
 					children: "▼"
 				})]
 			}),
-			/* @__PURE__ */ N(ae, {
+			/* @__PURE__ */ N(oe, {
 				visible: n,
 				transparent: !0,
 				animationType: "fade",
-				onRequestClose: b,
+				onRequestClose: x,
 				children: /* @__PURE__ */ N(V, {
 					style: W.modalOverlay,
 					activeOpacity: 1,
-					onPress: b,
+					onPress: x,
 					children: /* @__PURE__ */ P(V, {
-						style: [W.modalContent, { backgroundColor: m.card }],
+						style: [W.modalContent, { backgroundColor: g.card }],
 						activeOpacity: 1,
 						onPress: () => {},
 						children: [
 							/* @__PURE__ */ P(H, {
-								style: [W.modalHeader, { borderBottomColor: m.separator }],
+								style: [W.modalHeader, { borderBottomColor: g.separator }],
 								children: [/* @__PURE__ */ N(z, {
-									style: [W.modalTitle, { color: m.text }],
-									children: d || c.data.name
+									style: [W.modalTitle, { color: g.text }],
+									children: f || l.data.name
 								}), /* @__PURE__ */ N(V, {
-									onPress: b,
+									onPress: x,
 									children: /* @__PURE__ */ N(z, {
-										style: [W.closeButton, { color: m.textMuted }],
+										style: [W.closeButton, { color: g.textMuted }],
 										children: "✕"
 									})
 								})]
@@ -419,45 +420,45 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 								style: W.searchContainer,
 								children: /* @__PURE__ */ N(B, {
 									style: [W.searchInput, {
-										backgroundColor: m.muted,
-										borderColor: m.border,
-										color: m.text
+										backgroundColor: g.muted,
+										borderColor: g.border,
+										color: g.text
 									}],
-									placeholder: s || p("renderer.defaultAutocompleteInput.search"),
-									placeholderTextColor: m.textMuted,
-									value: i,
-									onChangeText: a,
+									placeholder: c || h("renderer.defaultAutocompleteInput.search"),
+									placeholderTextColor: g.textMuted,
+									value: a,
+									onChangeText: o,
 									autoFocus: !0,
 									autoCapitalize: "none",
 									autoCorrect: !1
 								})
 							}),
-							/* @__PURE__ */ N(I, {
-								data: v,
+							/* @__PURE__ */ N(ae, {
+								data: y,
 								keyExtractor: (e) => e.value,
 								style: W.optionsList,
 								contentContainerStyle: W.optionsListContent,
 								ListEmptyComponent: /* @__PURE__ */ N(H, {
 									style: W.emptyContainer,
 									children: /* @__PURE__ */ N(z, {
-										style: [W.emptyText, { color: m.textMuted }],
-										children: p("renderer.defaultAutocompleteInput.noResults")
+										style: [W.emptyText, { color: g.textMuted }],
+										children: h("renderer.defaultAutocompleteInput.noResults")
 									})
 								}),
 								renderItem: ({ item: e }) => {
-									let t = e.value === o;
+									let t = e.value === s;
 									return /* @__PURE__ */ P(V, {
-										style: [W.option, t && { backgroundColor: m.primaryLight }],
-										onPress: () => y(e.value),
+										style: [W.option, t && { backgroundColor: g.primaryLight }],
+										onPress: () => b(e.value),
 										disabled: e.disabled,
 										activeOpacity: .7,
-										children: [/* @__PURE__ */ N(fe, {
-											label: p(e.label) || e.value,
-											description: p(e.description),
+										children: [/* @__PURE__ */ N(pe, {
+											label: h(e.label) || e.value,
+											description: h(e.description),
 											image: e.image,
 											disabled: e.disabled
 										}), t && /* @__PURE__ */ N(z, {
-											style: [W.checkmark, { color: m.primary }],
+											style: [W.checkmark, { color: g.primary }],
 											children: "✓"
 										})]
 									});
@@ -467,13 +468,13 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 					})
 				})
 			}),
-			u && /* @__PURE__ */ N(z, {
-				style: [W.error, { color: m.error }],
-				children: u
+			d && /* @__PURE__ */ N(z, {
+				style: [W.error, { color: g.error }],
+				children: d
 			}),
-			f && !u && /* @__PURE__ */ N(z, {
-				style: [W.helperText, { color: m.textMuted }],
-				children: f
+			m && !d && /* @__PURE__ */ N(z, {
+				style: [W.helperText, { color: g.textMuted }],
+				children: m
 			})
 		]
 	});
@@ -564,31 +565,31 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 		flex: 1,
 		fontSize: 14
 	}
-}), he = (e, t) => {
-	let n = _(), { value: r } = e, { node: i, setValue: a, error: o, label: s, helperText: c } = t, { colors: l } = x(), u = i.data.options || [], d = u.length > 0, f = Array.isArray(r) ? r : [], p = typeof r == "boolean" ? r : !1, m = (e) => {
-		a(d ? f.includes(e) ? f.filter((t) => t !== e) : [...f, e] : !p);
-	}, h = (e) => d ? f.includes(e) : p;
+}), ge = ({ field: e, extra: t }) => {
+	let n = i(), { value: r } = e, { node: a, setValue: o, error: s, label: c, helperText: l } = t, { colors: u } = p(), d = a.data.options || [], f = d.length > 0, m = Array.isArray(r) ? r : [], h = typeof r == "boolean" ? r : !1, g = (e) => {
+		o(f ? m.includes(e) ? m.filter((t) => t !== e) : [...m, e] : !h);
+	}, _ = (e) => f ? m.includes(e) : h;
 	return /* @__PURE__ */ P(H, {
 		style: G.container,
 		children: [
 			/* @__PURE__ */ P(z, {
-				style: [G.label, { color: l.textSecondary }],
-				children: [s || i.data.name, i.data.required && /* @__PURE__ */ N(z, {
-					style: { color: l.error },
+				style: [G.label, { color: u.textSecondary }],
+				children: [c || a.data.name, a.data.required && /* @__PURE__ */ N(z, {
+					style: { color: u.error },
 					children: "*"
 				})]
 			}),
-			u.length > 0 ? u.map((e) => {
+			d.length > 0 ? d.map((e) => {
 				let t = n(e.description);
 				return /* @__PURE__ */ P(V, {
 					style: G.option,
-					onPress: () => m(e.value),
+					onPress: () => g(e.value),
 					disabled: e.disabled,
 					activeOpacity: .7,
 					accessible: !0,
 					accessibilityRole: "checkbox",
 					accessibilityState: {
-						checked: h(e.value),
+						checked: _(e.value),
 						disabled: e.disabled
 					},
 					accessibilityLabel: n(e.label) || e.value,
@@ -597,20 +598,20 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 							style: [
 								G.checkbox,
 								{
-									backgroundColor: l.input,
-									borderColor: l.border
+									backgroundColor: u.input,
+									borderColor: u.border
 								},
-								h(e.value) && {
-									backgroundColor: l.primary,
-									borderColor: l.primary
+								_(e.value) && {
+									backgroundColor: u.primary,
+									borderColor: u.primary
 								}
 							],
-							children: h(e.value) && /* @__PURE__ */ N(z, {
+							children: _(e.value) && /* @__PURE__ */ N(z, {
 								style: G.checkmark,
 								children: "✓"
 							})
 						}),
-						e.image ? /* @__PURE__ */ N(ie, {
+						e.image ? /* @__PURE__ */ N(I, {
 							source: { uri: e.image },
 							style: G.image
 						}) : null,
@@ -619,12 +620,12 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 							children: [/* @__PURE__ */ N(z, {
 								style: [
 									G.optionLabel,
-									{ color: l.textSecondary },
-									e.disabled && { color: l.textMuted }
+									{ color: u.textSecondary },
+									e.disabled && { color: u.textMuted }
 								],
 								children: n(e.label) || e.value
 							}), t && /* @__PURE__ */ N(z, {
-								style: [G.optionDescription, { color: l.textMuted }],
+								style: [G.optionDescription, { color: u.textMuted }],
 								children: t
 							})]
 						})
@@ -632,40 +633,40 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 				}, e.value);
 			}) : /* @__PURE__ */ P(V, {
 				style: G.option,
-				onPress: () => m(""),
+				onPress: () => g(""),
 				activeOpacity: .7,
 				accessible: !0,
 				accessibilityRole: "checkbox",
-				accessibilityState: { checked: p },
-				accessibilityLabel: s || i.data.name,
+				accessibilityState: { checked: h },
+				accessibilityLabel: c || a.data.name,
 				children: [/* @__PURE__ */ N(H, {
 					style: [
 						G.checkbox,
 						{
-							backgroundColor: l.input,
-							borderColor: l.border
+							backgroundColor: u.input,
+							borderColor: u.border
 						},
-						p && {
-							backgroundColor: l.primary,
-							borderColor: l.primary
+						h && {
+							backgroundColor: u.primary,
+							borderColor: u.primary
 						}
 					],
-					children: p && /* @__PURE__ */ N(z, {
+					children: h && /* @__PURE__ */ N(z, {
 						style: G.checkmark,
 						children: "✓"
 					})
 				}), /* @__PURE__ */ N(z, {
-					style: [G.optionLabel, { color: l.textSecondary }],
-					children: s || i.data.name
+					style: [G.optionLabel, { color: u.textSecondary }],
+					children: c || a.data.name
 				})]
 			}),
-			o && /* @__PURE__ */ N(z, {
-				style: [G.error, { color: l.error }],
-				children: o
+			s && /* @__PURE__ */ N(z, {
+				style: [G.error, { color: u.error }],
+				children: s
 			}),
-			c && !o && /* @__PURE__ */ N(z, {
-				style: [G.helperText, { color: l.textMuted }],
-				children: c
+			l && !s && /* @__PURE__ */ N(z, {
+				style: [G.helperText, { color: u.textMuted }],
+				children: l
 			})
 		]
 	});
@@ -715,15 +716,15 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 	},
 	optionLabel: { fontSize: 14 },
 	optionTextContainer: { flex: 1 }
-}), ge = (e, t) => {
-	let [n, r] = j(!1), { value: i, placeholder: a } = e, { node: o, setValue: s, error: c, label: l, helperText: u } = t, { colors: d } = x(), f = _(), p = i ? new Date(i) : void 0, { year: m, month: h, today: g } = k(() => {
-		let e = p || /* @__PURE__ */ new Date(), t = e.getFullYear(), n = e.getMonth(), r = /* @__PURE__ */ new Date();
+}), _e = ({ field: e, extra: t }) => {
+	let [n, r] = M(!1), { value: a, placeholder: o } = e, { node: s, setValue: c, error: l, label: u, helperText: d } = t, { colors: f } = p(), m = i(), h = a ? new Date(a) : void 0, { year: g, month: _, today: v } = A(() => {
+		let e = h || /* @__PURE__ */ new Date(), t = e.getFullYear(), n = e.getMonth(), r = /* @__PURE__ */ new Date();
 		return r.setHours(0, 0, 0, 0), {
 			month: n,
 			today: r,
 			year: t
 		};
-	}, [p]), [v, y] = j(m), [b, S] = j(h), C = [
+	}, [h]), [y, b] = M(g), [x, S] = M(_), C = [
 		"January",
 		"February",
 		"March",
@@ -736,43 +737,43 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 		"October",
 		"November",
 		"December"
-	], w = k(() => {
-		let e = new Date(v, b, 1).getDay(), t = new Date(v, b + 1, 0).getDate(), n = new Date(v, b, 0).getDate(), r = [];
+	], w = A(() => {
+		let e = new Date(y, x, 1).getDay(), t = new Date(y, x + 1, 0).getDate(), n = new Date(y, x, 0).getDate(), r = [];
 		for (let t = e - 1; t >= 0; t--) r.push({
-			date: new Date(v, b - 1, n - t),
+			date: new Date(y, x - 1, n - t),
 			day: n - t,
 			isCurrentMonth: !1
 		});
 		for (let e = 1; e <= t; e++) r.push({
-			date: new Date(v, b, e),
+			date: new Date(y, x, e),
 			day: e,
 			isCurrentMonth: !0
 		});
 		let i = 42 - r.length;
 		for (let e = 1; e <= i; e++) r.push({
-			date: new Date(v, b + 1, e),
+			date: new Date(y, x + 1, e),
 			day: e,
 			isCurrentMonth: !1
 		});
 		return r;
-	}, [v, b]), T = te((e) => {
-		o.data.disablePast && e < g || (s(e.toISOString()), r(!1));
+	}, [y, x]), T = te((e) => {
+		s.data.disablePast && e < v || (c(e.toISOString()), r(!1));
 	}, [
-		o.data.disablePast,
-		g,
-		s
+		s.data.disablePast,
+		v,
+		c
 	]), E = () => {
-		b === 0 ? (S(11), y(v - 1)) : S(b - 1);
+		x === 0 ? (S(11), b(y - 1)) : S(x - 1);
 	}, D = () => {
-		b === 11 ? (S(0), y(v + 1)) : S(b + 1);
-	}, ee = () => p ? p.toLocaleDateString() : a || f("renderer.defaultInputs.selectDate"), O = (e) => o.data.disablePast ? e < g : !1, A = (e) => p ? e.getDate() === p.getDate() && e.getMonth() === p.getMonth() && e.getFullYear() === p.getFullYear() : !1;
+		x === 11 ? (S(0), b(y + 1)) : S(x + 1);
+	}, ee = () => h ? h.toLocaleDateString() : o || m("renderer.defaultInputs.selectDate"), O = (e) => s.data.disablePast ? e < v : !1, k = (e) => h ? e.getDate() === h.getDate() && e.getMonth() === h.getMonth() && e.getFullYear() === h.getFullYear() : !1;
 	return /* @__PURE__ */ P(H, {
 		style: K.container,
 		children: [
 			/* @__PURE__ */ P(z, {
-				style: [K.label, { color: d.textSecondary }],
-				children: [l || o.data.name, o.data.required && /* @__PURE__ */ N(z, {
-					style: { color: d.error },
+				style: [K.label, { color: f.textSecondary }],
+				children: [u || s.data.name, s.data.required && /* @__PURE__ */ N(z, {
+					style: { color: f.error },
 					children: "*"
 				})]
 			}),
@@ -780,18 +781,18 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 				style: [
 					K.trigger,
 					{
-						backgroundColor: d.input,
-						borderColor: d.border
+						backgroundColor: f.input,
+						borderColor: f.border
 					},
-					c && { borderColor: d.error }
+					l && { borderColor: f.error }
 				],
 				onPress: () => r(!0),
 				activeOpacity: .7,
 				children: [/* @__PURE__ */ N(z, {
 					style: [
 						K.triggerText,
-						{ color: d.text },
-						!i && { color: d.textMuted }
+						{ color: f.text },
+						!a && { color: f.textMuted }
 					],
 					numberOfLines: 1,
 					children: ee()
@@ -800,7 +801,7 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 					children: "📅"
 				})]
 			}),
-			/* @__PURE__ */ N(ae, {
+			/* @__PURE__ */ N(oe, {
 				visible: n,
 				transparent: !0,
 				animationType: "fade",
@@ -810,19 +811,19 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 					activeOpacity: 1,
 					onPress: () => r(!1),
 					children: /* @__PURE__ */ P(V, {
-						style: [K.modalContent, { backgroundColor: d.card }],
+						style: [K.modalContent, { backgroundColor: f.card }],
 						activeOpacity: 1,
 						onPress: () => {},
 						children: [
 							/* @__PURE__ */ P(H, {
-								style: [K.modalHeader, { borderBottomColor: d.separator }],
+								style: [K.modalHeader, { borderBottomColor: f.separator }],
 								children: [/* @__PURE__ */ N(z, {
-									style: [K.modalTitle, { color: d.text }],
-									children: l || o.data.name
+									style: [K.modalTitle, { color: f.text }],
+									children: u || s.data.name
 								}), /* @__PURE__ */ N(V, {
 									onPress: () => r(!1),
 									children: /* @__PURE__ */ N(z, {
-										style: [K.closeButton, { color: d.textMuted }],
+										style: [K.closeButton, { color: f.textMuted }],
 										children: "✕"
 									})
 								})]
@@ -834,23 +835,23 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 										onPress: E,
 										style: K.navButton,
 										children: /* @__PURE__ */ N(z, {
-											style: [K.navButtonText, { color: d.primary }],
+											style: [K.navButtonText, { color: f.primary }],
 											children: "‹"
 										})
 									}),
 									/* @__PURE__ */ P(z, {
-										style: [K.monthYear, { color: d.text }],
+										style: [K.monthYear, { color: f.text }],
 										children: [
-											C[b],
+											C[x],
 											" ",
-											v
+											y
 										]
 									}),
 									/* @__PURE__ */ N(V, {
 										onPress: D,
 										style: K.navButton,
 										children: /* @__PURE__ */ N(z, {
-											style: [K.navButtonText, { color: d.primary }],
+											style: [K.navButtonText, { color: f.primary }],
 											children: "›"
 										})
 									})
@@ -867,11 +868,11 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 									"Fri",
 									"Sat"
 								].map((e) => /* @__PURE__ */ N(z, {
-									style: [K.weekDay, { color: d.textMuted }],
+									style: [K.weekDay, { color: f.textMuted }],
 									children: e
 								}, e))
 							}),
-							/* @__PURE__ */ N(I, {
+							/* @__PURE__ */ N(ae, {
 								data: w,
 								keyExtractor: (e, t) => `${e.date.getTime()}-${t}`,
 								numColumns: 7,
@@ -879,13 +880,13 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 								style: K.calendar,
 								contentContainerStyle: K.calendarContent,
 								renderItem: ({ item: e }) => {
-									let t = O(e.date), n = A(e.date);
+									let t = O(e.date), n = k(e.date);
 									return /* @__PURE__ */ N(V, {
 										style: [
 											K.dayCell,
 											!e.isCurrentMonth && K.dayCellOtherMonth,
 											n && {
-												backgroundColor: d.primary,
+												backgroundColor: f.primary,
 												borderRadius: 20
 											},
 											t && K.dayCellDisabled
@@ -896,13 +897,13 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 										children: /* @__PURE__ */ N(z, {
 											style: [
 												K.dayText,
-												{ color: d.text },
-												!e.isCurrentMonth && { color: d.textMuted },
+												{ color: f.text },
+												!e.isCurrentMonth && { color: f.textMuted },
 												n && {
-													color: d.background,
+													color: f.background,
 													fontWeight: "600"
 												},
-												t && { color: d.textMuted }
+												t && { color: f.textMuted }
 											],
 											children: e.day
 										})
@@ -913,13 +914,13 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 					})
 				})
 			}),
-			c && /* @__PURE__ */ N(z, {
-				style: [K.error, { color: d.error }],
-				children: c
+			l && /* @__PURE__ */ N(z, {
+				style: [K.error, { color: f.error }],
+				children: l
 			}),
-			u && !c && /* @__PURE__ */ N(z, {
-				style: [K.helperText, { color: d.textMuted }],
-				children: u
+			d && !l && /* @__PURE__ */ N(z, {
+				style: [K.helperText, { color: f.textMuted }],
+				children: d
 			})
 		]
 	});
@@ -1023,15 +1024,15 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 		flexDirection: "row",
 		marginBottom: 8
 	}
-}), _e = (e, t) => {
-	let [n, r] = j(!1), [i, a] = j(!0), { value: o } = e, { node: s, setValue: c, error: l, label: u, helperText: d } = t, f = _(), { colors: p } = x(), m = Array.isArray(o) ? o : [], h = m[0] ? new Date(m[0]) : void 0, g = m[1] ? new Date(m[1]) : void 0, { year: v, month: y, today: b } = k(() => {
-		let e = h || /* @__PURE__ */ new Date(), t = e.getFullYear(), n = e.getMonth(), r = /* @__PURE__ */ new Date();
+}), ve = ({ field: e, extra: t }) => {
+	let [n, r] = M(!1), [a, o] = M(!0), { value: s } = e, { node: c, setValue: l, error: u, label: d, helperText: f } = t, m = i(), { colors: h } = p(), g = Array.isArray(s) ? s : [], _ = g[0] ? new Date(g[0]) : void 0, v = g[1] ? new Date(g[1]) : void 0, { year: y, month: b, today: x } = A(() => {
+		let e = _ || /* @__PURE__ */ new Date(), t = e.getFullYear(), n = e.getMonth(), r = /* @__PURE__ */ new Date();
 		return r.setHours(0, 0, 0, 0), {
 			month: n,
 			today: r,
 			year: t
 		};
-	}, [h]), [S, C] = j(v), [w, T] = j(y), E = [
+	}, [_]), [S, C] = M(y), [w, T] = M(b), E = [
 		"January",
 		"February",
 		"March",
@@ -1044,7 +1045,7 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 		"October",
 		"November",
 		"December"
-	], D = k(() => {
+	], D = A(() => {
 		let e = new Date(S, w, 1).getDay(), t = new Date(S, w + 1, 0).getDate(), n = new Date(S, w, 0).getDate(), r = [];
 		for (let t = e - 1; t >= 0; t--) r.push({
 			date: new Date(S, w - 1, n - t),
@@ -1064,30 +1065,30 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 		});
 		return r;
 	}, [S, w]), ee = te((e) => {
-		s.data.disablePast && e < b || (i ? (c([e.toISOString(), g?.toISOString()]), a(!1)) : (c(h && e < h ? [e.toISOString(), h.toISOString()] : [h?.toISOString(), e.toISOString()]), r(!1), a(!0)));
+		c.data.disablePast && e < x || (a ? (l([e.toISOString(), v?.toISOString()]), o(!1)) : (l(_ && e < _ ? [e.toISOString(), _.toISOString()] : [_?.toISOString(), e.toISOString()]), r(!1), o(!0)));
 	}, [
-		s.data.disablePast,
-		b,
-		i,
-		h,
-		g,
-		c
+		c.data.disablePast,
+		x,
+		a,
+		_,
+		v,
+		l
 	]), O = () => {
 		w === 0 ? (T(11), C(S - 1)) : T(w - 1);
-	}, A = () => {
+	}, k = () => {
 		w === 11 ? (T(0), C(S + 1)) : T(w + 1);
-	}, M = () => h && g ? `${h.toLocaleDateString()} - ${g.toLocaleDateString()}` : h ? h.toLocaleDateString() : f("renderer.defaultInputs.selectDateRange"), ne = (e) => s.data.disablePast ? e < b : !1, re = (e) => h && g ? e >= h && e <= g : !1, F = (e) => {
-		if (!(h || g)) return !1;
-		let t = h && e.getDate() === h.getDate() && e.getMonth() === h.getMonth() && e.getFullYear() === h.getFullYear(), n = g && e.getDate() === g.getDate() && e.getMonth() === g.getMonth() && e.getFullYear() === g.getFullYear();
+	}, j = () => _ && v ? `${_.toLocaleDateString()} - ${v.toLocaleDateString()}` : _ ? _.toLocaleDateString() : m("renderer.defaultInputs.selectDateRange"), ne = (e) => c.data.disablePast ? e < x : !1, re = (e) => _ && v ? e >= _ && e <= v : !1, ie = (e) => {
+		if (!(_ || v)) return !1;
+		let t = _ && e.getDate() === _.getDate() && e.getMonth() === _.getMonth() && e.getFullYear() === _.getFullYear(), n = v && e.getDate() === v.getDate() && e.getMonth() === v.getMonth() && e.getFullYear() === v.getFullYear();
 		return t || n;
 	};
 	return /* @__PURE__ */ P(H, {
 		style: q.container,
 		children: [
 			/* @__PURE__ */ P(z, {
-				style: [q.label, { color: p.textSecondary }],
-				children: [u || s.data.name, s.data.required && /* @__PURE__ */ N(z, {
-					style: { color: p.error },
+				style: [q.label, { color: h.textSecondary }],
+				children: [d || c.data.name, c.data.required && /* @__PURE__ */ N(z, {
+					style: { color: h.error },
 					children: "*"
 				})]
 			}),
@@ -1095,27 +1096,27 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 				style: [
 					q.trigger,
 					{
-						backgroundColor: p.input,
-						borderColor: p.border
+						backgroundColor: h.input,
+						borderColor: h.border
 					},
-					l && { borderColor: p.error }
+					u && { borderColor: h.error }
 				],
 				onPress: () => r(!0),
 				activeOpacity: .7,
 				children: [/* @__PURE__ */ N(z, {
 					style: [
 						q.triggerText,
-						{ color: p.text },
-						!h && { color: p.textMuted }
+						{ color: h.text },
+						!_ && { color: h.textMuted }
 					],
 					numberOfLines: 1,
-					children: M()
+					children: j()
 				}), /* @__PURE__ */ N(z, {
 					style: q.icon,
 					children: "📅"
 				})]
 			}),
-			/* @__PURE__ */ N(ae, {
+			/* @__PURE__ */ N(oe, {
 				visible: n,
 				transparent: !0,
 				animationType: "fade",
@@ -1125,28 +1126,28 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 					activeOpacity: 1,
 					onPress: () => r(!1),
 					children: /* @__PURE__ */ P(V, {
-						style: [q.modalContent, { backgroundColor: p.card }],
+						style: [q.modalContent, { backgroundColor: h.card }],
 						activeOpacity: 1,
 						onPress: () => {},
 						children: [
 							/* @__PURE__ */ P(H, {
-								style: [q.modalHeader, { borderBottomColor: p.separator }],
+								style: [q.modalHeader, { borderBottomColor: h.separator }],
 								children: [/* @__PURE__ */ N(z, {
-									style: [q.modalTitle, { color: p.text }],
-									children: u || s.data.name
+									style: [q.modalTitle, { color: h.text }],
+									children: d || c.data.name
 								}), /* @__PURE__ */ N(V, {
 									onPress: () => r(!1),
 									children: /* @__PURE__ */ N(z, {
-										style: [q.closeButton, { color: p.textMuted }],
+										style: [q.closeButton, { color: h.textMuted }],
 										children: "✕"
 									})
 								})]
 							}),
 							/* @__PURE__ */ N(H, {
-								style: [q.rangeIndicator, { backgroundColor: p.primaryLight }],
+								style: [q.rangeIndicator, { backgroundColor: h.primaryLight }],
 								children: /* @__PURE__ */ N(z, {
-									style: [q.rangeIndicatorText, { color: p.primary }],
-									children: f(i ? "renderer.defaultInputs.startDate" : "renderer.defaultInputs.endDate")
+									style: [q.rangeIndicatorText, { color: h.primary }],
+									children: m(a ? "renderer.defaultInputs.startDate" : "renderer.defaultInputs.endDate")
 								})
 							}),
 							/* @__PURE__ */ P(H, {
@@ -1156,12 +1157,12 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 										onPress: O,
 										style: q.navButton,
 										children: /* @__PURE__ */ N(z, {
-											style: [q.navButtonText, { color: p.primary }],
+											style: [q.navButtonText, { color: h.primary }],
 											children: "‹"
 										})
 									}),
 									/* @__PURE__ */ P(z, {
-										style: [q.monthYear, { color: p.text }],
+										style: [q.monthYear, { color: h.text }],
 										children: [
 											E[w],
 											" ",
@@ -1169,10 +1170,10 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 										]
 									}),
 									/* @__PURE__ */ N(V, {
-										onPress: A,
+										onPress: k,
 										style: q.navButton,
 										children: /* @__PURE__ */ N(z, {
-											style: [q.navButtonText, { color: p.primary }],
+											style: [q.navButtonText, { color: h.primary }],
 											children: "›"
 										})
 									})
@@ -1189,11 +1190,11 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 									"Fri",
 									"Sat"
 								].map((e) => /* @__PURE__ */ N(z, {
-									style: [q.weekDay, { color: p.textMuted }],
+									style: [q.weekDay, { color: h.textMuted }],
 									children: e
 								}, e))
 							}),
-							/* @__PURE__ */ N(I, {
+							/* @__PURE__ */ N(ae, {
 								data: D,
 								keyExtractor: (e, t) => `${e.date.getTime()}-${t}`,
 								numColumns: 7,
@@ -1201,14 +1202,14 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 								style: q.calendar,
 								contentContainerStyle: q.calendarContent,
 								renderItem: ({ item: e }) => {
-									let t = ne(e.date), n = re(e.date), r = F(e.date);
+									let t = ne(e.date), n = re(e.date), r = ie(e.date);
 									return /* @__PURE__ */ N(V, {
 										style: [
 											q.dayCell,
 											!e.isCurrentMonth && q.dayCellOtherMonth,
-											n && { backgroundColor: p.primaryLight },
+											n && { backgroundColor: h.primaryLight },
 											r && {
-												backgroundColor: p.primary,
+												backgroundColor: h.primary,
 												borderRadius: 20
 											},
 											t && q.dayCellDisabled
@@ -1219,14 +1220,14 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 										children: /* @__PURE__ */ N(z, {
 											style: [
 												q.dayText,
-												{ color: p.text },
-												!e.isCurrentMonth && { color: p.textMuted },
-												n && { color: p.primary },
+												{ color: h.text },
+												!e.isCurrentMonth && { color: h.textMuted },
+												n && { color: h.primary },
 												r && {
-													color: p.background,
+													color: h.background,
 													fontWeight: "600"
 												},
-												t && { color: p.textMuted }
+												t && { color: h.textMuted }
 											],
 											children: e.day
 										})
@@ -1237,13 +1238,13 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 					})
 				})
 			}),
-			l && /* @__PURE__ */ N(z, {
-				style: [q.error, { color: p.error }],
-				children: l
+			u && /* @__PURE__ */ N(z, {
+				style: [q.error, { color: h.error }],
+				children: u
 			}),
-			d && !l && /* @__PURE__ */ N(z, {
-				style: [q.helperText, { color: p.textMuted }],
-				children: d
+			f && !u && /* @__PURE__ */ N(z, {
+				style: [q.helperText, { color: h.textMuted }],
+				children: f
 			})
 		]
 	});
@@ -1357,31 +1358,31 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 		flexDirection: "row",
 		marginBottom: 8
 	}
-}), ve = (e, t) => {
-	let [n, r] = j(null), [i, a] = j(!0), { value: o } = e, { node: s, setValue: c, error: l, label: u, helperText: d } = t, { colors: f } = x(), p = _(), m = Array.isArray(o) ? o : o ? [o] : [], h = s.data.multiple, g = te(async () => {
+}), ye = ({ field: e, extra: t }) => {
+	let [n, r] = M(null), [a, o] = M(!0), { value: s } = e, { node: c, setValue: l, error: u, label: d, helperText: f } = t, { colors: m } = p(), h = i(), g = Array.isArray(s) ? s : s ? [s] : [], _ = c.data.multiple, v = te(async () => {
 		if (n) try {
-			let e = (await n({ allowMultiSelection: h })).map((e) => ({
+			let e = (await n({ allowMultiSelection: _ })).map((e) => ({
 				data: e.uri,
 				lastModified: Date.now(),
 				name: e.name,
 				size: e.size,
 				type: e.type || "application/octet-stream"
 			}));
-			c(h ? [...m, ...e] : e[0] || null);
+			l(_ ? [...g, ...e] : e[0] || null);
 		} catch (e) {
-			e.code !== "DOCUMENT_PICKER_CANCELED" && re.alert("Error", p("renderer.defaultInputs.filePickerError"));
+			e.code !== "DOCUMENT_PICKER_CANCELED" && ie.alert("Error", h("renderer.defaultInputs.filePickerError"));
 		}
 	}, [
 		n,
-		m,
-		h,
-		c,
-		p
-	]), v = te((e) => {
-		let t = m.filter((t, n) => n !== e);
-		c(t.length > 0 ? t : null);
-	}, [m, c]), y = (e) => e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
-	return O(() => {
+		g,
+		_,
+		l,
+		h
+	]), y = te((e) => {
+		let t = g.filter((t, n) => n !== e);
+		l(t.length > 0 ? t : null);
+	}, [g, l]), b = (e) => e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
+	return k(() => {
 		(async () => {
 			try {
 				let { pick: e } = await import("react-native-document-picker");
@@ -1389,29 +1390,29 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 			} catch {
 				r(null);
 			} finally {
-				a(!1);
+				o(!1);
 			}
 		})();
-	}, []), i ? null : n ? /* @__PURE__ */ P(H, {
+	}, []), a ? null : n ? /* @__PURE__ */ P(H, {
 		style: J.container,
 		children: [
 			/* @__PURE__ */ P(z, {
-				style: [J.label, { color: f.textSecondary }],
-				children: [u || s.data.name, s.data.required && /* @__PURE__ */ N(z, {
-					style: { color: f.error },
+				style: [J.label, { color: m.textSecondary }],
+				children: [d || c.data.name, c.data.required && /* @__PURE__ */ N(z, {
+					style: { color: m.error },
 					children: "*"
 				})]
 			}),
-			m.length > 0 && /* @__PURE__ */ N(H, {
+			g.length > 0 && /* @__PURE__ */ N(H, {
 				style: J.filesList,
-				children: m.map((e, t) => /* @__PURE__ */ P(H, {
+				children: g.map((e, t) => /* @__PURE__ */ P(H, {
 					style: [J.fileItem, {
-						backgroundColor: f.card,
-						borderColor: f.separator
+						backgroundColor: m.card,
+						borderColor: m.separator
 					}],
 					children: [
 						/* @__PURE__ */ N(H, {
-							style: [J.fileIcon, { backgroundColor: f.muted }],
+							style: [J.fileIcon, { backgroundColor: m.muted }],
 							children: /* @__PURE__ */ N(z, {
 								style: J.fileIconText,
 								children: "📄"
@@ -1420,20 +1421,20 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 						/* @__PURE__ */ P(H, {
 							style: J.fileInfo,
 							children: [/* @__PURE__ */ N(z, {
-								style: [J.fileName, { color: f.text }],
+								style: [J.fileName, { color: m.text }],
 								numberOfLines: 1,
 								children: e.name
 							}), e.size > 0 && /* @__PURE__ */ N(z, {
-								style: [J.fileSize, { color: f.textMuted }],
-								children: y(e.size)
+								style: [J.fileSize, { color: m.textMuted }],
+								children: b(e.size)
 							})]
 						}),
 						/* @__PURE__ */ N(V, {
 							style: J.removeButton,
-							onPress: () => v(t),
+							onPress: () => y(t),
 							activeOpacity: .7,
 							children: /* @__PURE__ */ N(z, {
-								style: [J.removeButtonText, { color: f.textMuted }],
+								style: [J.removeButtonText, { color: m.textMuted }],
 								children: "✕"
 							})
 						})
@@ -1442,48 +1443,48 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 			}),
 			/* @__PURE__ */ N(V, {
 				style: [J.pickButton, {
-					backgroundColor: f.input,
-					borderColor: f.border
+					backgroundColor: m.input,
+					borderColor: m.border
 				}],
-				onPress: g,
+				onPress: v,
 				activeOpacity: .7,
 				children: /* @__PURE__ */ N(z, {
-					style: [J.pickButtonText, { color: f.textMuted }],
-					children: m.length === 0 ? p(h ? "renderer.defaultInputs.selectFiles" : "renderer.defaultInputs.selectFile") : p(h ? "renderer.defaultInputs.addMoreFiles" : "renderer.defaultInputs.replaceFile")
+					style: [J.pickButtonText, { color: m.textMuted }],
+					children: g.length === 0 ? h(_ ? "renderer.defaultInputs.selectFiles" : "renderer.defaultInputs.selectFile") : h(_ ? "renderer.defaultInputs.addMoreFiles" : "renderer.defaultInputs.replaceFile")
 				})
 			}),
-			l && /* @__PURE__ */ N(z, {
-				style: [J.error, { color: f.error }],
-				children: l
+			u && /* @__PURE__ */ N(z, {
+				style: [J.error, { color: m.error }],
+				children: u
 			}),
-			d && !l && /* @__PURE__ */ N(z, {
-				style: [J.helperText, { color: f.textMuted }],
-				children: d
+			f && !u && /* @__PURE__ */ N(z, {
+				style: [J.helperText, { color: m.textMuted }],
+				children: f
 			})
 		]
 	}) : /* @__PURE__ */ P(H, {
 		style: J.container,
 		children: [
 			/* @__PURE__ */ P(z, {
-				style: [J.label, { color: f.textSecondary }],
-				children: [u || s.data.name, s.data.required && /* @__PURE__ */ N(z, {
-					style: { color: f.error },
+				style: [J.label, { color: m.textSecondary }],
+				children: [d || c.data.name, c.data.required && /* @__PURE__ */ N(z, {
+					style: { color: m.error },
 					children: "*"
 				})]
 			}),
 			/* @__PURE__ */ N(H, {
 				style: [J.unavailableContainer, {
-					backgroundColor: f.errorLight,
-					borderColor: f.error
+					backgroundColor: m.errorLight,
+					borderColor: m.error
 				}],
 				children: /* @__PURE__ */ N(z, {
-					style: [J.unavailableText, { color: f.error }],
-					children: p("renderer.defaultInputs.filePickerUnavailable")
+					style: [J.unavailableText, { color: m.error }],
+					children: h("renderer.defaultInputs.filePickerUnavailable")
 				})
 			}),
-			d && /* @__PURE__ */ N(z, {
-				style: [J.helperText, { color: f.textMuted }],
-				children: d
+			f && /* @__PURE__ */ N(z, {
+				style: [J.helperText, { color: m.textMuted }],
+				children: f
 			})
 		]
 	});
@@ -1556,15 +1557,15 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 		fontSize: 12,
 		textAlign: "center"
 	}
-}), ye = (e, t) => null, be = ({ missing: e, children: t }) => {
-	let n = _(), { colors: r } = x();
-	return /* @__PURE__ */ P(M, { children: [t, e.length > 0 && /* @__PURE__ */ P(H, {
-		style: xe.container,
+}), be = (e) => null, xe = ({ missing: e, children: t }) => {
+	let n = i(), { colors: r } = p();
+	return /* @__PURE__ */ P(ne, { children: [t, e.length > 0 && /* @__PURE__ */ P(H, {
+		style: Se.container,
 		children: [/* @__PURE__ */ N(z, {
-			style: [xe.title, { color: r.textMuted }],
+			style: [Se.title, { color: r.textMuted }],
 			children: n("renderer.dependencyHint.title")
 		}), e.map((e) => /* @__PURE__ */ P(z, {
-			style: [xe.item, { color: r.textMuted }],
+			style: [Se.item, { color: r.textMuted }],
 			children: [
 				"•",
 				" ",
@@ -1572,7 +1573,7 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 			]
 		}, e.id))]
 	})] });
-}, xe = R.create({
+}, Se = R.create({
 	container: {
 		gap: 2,
 		marginTop: 4
@@ -1582,214 +1583,214 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 		fontSize: 12,
 		fontWeight: "500"
 	}
-}), Se = (e) => e.replace(/<[^>]*>/g, ""), Ce = (e) => e.replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, "\"").replace(/&#x27;/g, "'").replace(/&#x2F;/g, "/"), we = (e, t = {}) => e == null || e === "" ? "" : Ce(Se(String(e))), Te = 100, Ee = (e, t = {}, n = 0, r = /* @__PURE__ */ new WeakSet()) => {
-	if (n > Te) return console.warn(`sanitizeHttpResponse: Maximum depth (${Te}) exceeded.`), typeof e == "string" ? we(e, t) : "[Max Depth Exceeded]";
+}), Ce = (e) => e.replace(/<[^>]*>/g, ""), we = (e) => e.replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, "\"").replace(/&#x27;/g, "'").replace(/&#x2F;/g, "/"), Te = (e, t = {}) => e == null || e === "" ? "" : we(Ce(String(e))), Ee = 100, De = (e, t = {}, n = 0, r = /* @__PURE__ */ new WeakSet()) => {
+	if (n > Ee) return console.warn(`sanitizeHttpResponse: Maximum depth (${Ee}) exceeded.`), typeof e == "string" ? Te(e, t) : "[Max Depth Exceeded]";
 	if (e == null) return e;
-	if (typeof e == "string") return we(e, t);
-	if (Array.isArray(e)) return e.map((e) => Ee(e, t, n + 1, r));
+	if (typeof e == "string") return Te(e, t);
+	if (Array.isArray(e)) return e.map((e) => De(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] = Ee(o, t, n + 1, r);
+		for (let [a, o] of Object.entries(e)) i[a] = De(o, t, n + 1, r);
 		return r.delete(e), i;
 	}
 	return e;
-}, De = (e) => {
+}, Oe = (e) => {
 	let t = e.matchAll(/{{([\w-]+)}}/g);
 	return Array.from(t, (e) => e[1]);
-}, Oe = (e, t) => De(e).every((e) => {
+}, ke = (e, t) => Oe(e).every((e) => {
 	let n = t[e];
 	return n != null && n !== "";
-}), ke = (e, t, n = !1) => e.replace(/{{([\w-]+)}}/g, (e, r) => {
+}), Ae = (e, t, n = !1) => e.replace(/{{([\w-]+)}}/g, (e, r) => {
 	let i = t[r], a = i == null ? "" : String(i);
 	return n ? encodeURIComponent(a) : a;
-}), Ae = (r, a) => {
-	let [s, c] = j(!1), [l, u] = j(null), [d, f] = j([]), [p, h] = j(""), [g, y] = j(!1), { value: b, placeholder: S } = r, { node: C, setValue: w, error: T, label: E, helperText: D, missingDependencies: ee } = a, { formValues: M, inputNodes: re, headers: F, baseUrl: ie } = i(), { colors: L } = x(), { httpConfig: R } = C.data, oe = _(), se = A(!1), ce = A(!1), le = A(""), ue = A(R), de = A(M), U = A(re), pe = A(F), me = A(ie), W = A(w), he = A(null), G = A(null), ge = k(() => R?.url ? De(R.url) : [], [R?.url]), K = ge.length > 0, _e = k(() => ge.map((e) => `${e}:${String(M[e] ?? "")}`).join("|"), [ge, M]), q = k(() => R?.url ? K ? Oe(R.url, M) : !0 : !1, [
-		R?.url,
-		K,
-		M
-	]), ve = te(async (r) => {
-		G.current && G.current.abort();
-		let i = new AbortController();
-		G.current = i;
-		let a = ue.current, s = de.current, l = W.current;
-		if (!a?.url) {
-			u(oe("renderer.defaultHttpInput.noUrlConfigured")), G.current = null;
+}), je = ({ field: t, extra: n }) => {
+	let [r, a] = M(!1), [s, l] = M(null), [u, f] = M([]), [m, h] = M(""), [g, v] = M(!1), { value: x, placeholder: S } = t, { node: C, setValue: w, error: T, label: E, helperText: D, missingDependencies: ee } = n, { formValues: O, inputNodes: ne, headers: ie, baseUrl: F } = d(), { colors: I } = p(), { httpConfig: L } = C.data, R = i(), se = j(!1), ce = j(!1), le = j(""), ue = j(L), de = j(O), fe = j(ne), U = j(ie), me = j(F), he = j(w), W = j(null), ge = j(null), G = A(() => L?.url ? Oe(L.url) : [], [L?.url]), _e = G.length > 0, K = A(() => G.map((e) => `${e}:${String(O[e] ?? "")}`).join("|"), [G, O]), ve = A(() => L?.url ? _e ? ke(L.url, O) : !0 : !1, [
+		L?.url,
+		_e,
+		O
+	]), q = te(async (t) => {
+		ge.current && ge.current.abort();
+		let n = new AbortController();
+		ge.current = n;
+		let r = ue.current, i = de.current, s = he.current;
+		if (!r?.url) {
+			l(R("renderer.defaultHttpInput.noUrlConfigured")), ge.current = null;
 			return;
 		}
-		if (a.url && !Oe(a.url, s)) {
-			G.current = null;
+		if (r.url && !ke(r.url, i)) {
+			ge.current = null;
 			return;
 		}
-		c(!0), u(null);
+		a(!0), l(null);
 		try {
-			let d = e(ke(a.url, s, !0), me.current), p = t(a.searchParam && r ? `${d}${d.includes("?") ? "&" : "?"}${a.searchParam}=${encodeURIComponent(r)}` : d, v(a.queryParams, s)), h = n({ "Content-Type": "application/json" }, v(pe.current, s), v(a.headers, s)), g = [
+			let u = b(Ae(r.url, i, !0), me.current), d = c(r.searchParam && t ? `${u}${u.includes("?") ? "&" : "?"}${r.searchParam}=${encodeURIComponent(t)}` : u, e(r.queryParams, i)), p = o({ "Content-Type": "application/json" }, e(U.current, i), e(r.headers, i)), m = [
 				"POST",
 				"PUT",
 				"PATCH"
-			].includes(a.method || "") ? a.sendAllFormValues ? JSON.stringify(m(s, U.current)) : a.body ? ke(a.body, s) : void 0 : void 0, _ = setTimeout(() => i.abort(), 3e4), y = await fetch(p, {
-				body: g || void 0,
-				headers: Object.fromEntries(Object.entries(h).filter(([, e]) => e)),
-				method: a.method || "GET",
-				signal: i.signal
+			].includes(r.method || "") ? r.sendAllFormValues ? JSON.stringify(_(i, fe.current)) : r.body ? Ae(r.body, i) : void 0 : void 0, h = setTimeout(() => n.abort(), 3e4), g = await fetch(d, {
+				body: m || void 0,
+				headers: Object.fromEntries(Object.entries(p).filter(([, e]) => e)),
+				method: r.method || "GET",
+				signal: n.signal
 			});
-			if (clearTimeout(_), !y.ok) {
-				u(`HTTP Error ${y.status}: ${y.statusText}`), c(!1);
+			if (clearTimeout(h), !g.ok) {
+				l(`HTTP Error ${g.status}: ${g.statusText}`), a(!1);
 				return;
 			}
-			let b = Ee(await y.json()), x = a.responsePath ? o(b, a.responsePath) : b;
-			if (a.responseMapping && Array.isArray(x)) {
-				let { valueField: e = "value", labelField: t = "label", descriptionField: n, imageField: r } = a.responseMapping;
-				f(x.map((i) => {
-					let a = n ? o(i, n) : void 0, s = r ? o(i, r) : void 0;
+			let v = De(await g.json()), x = r.responsePath ? y(v, r.responsePath) : v;
+			if (r.responseMapping && Array.isArray(x)) {
+				let { valueField: e = "value", labelField: t = "label", descriptionField: n, imageField: i } = r.responseMapping;
+				f(x.map((r) => {
+					let a = n ? y(r, n) : void 0, o = i ? y(r, i) : void 0;
 					return {
 						description: a != null && a !== "" ? String(a) : void 0,
-						image: typeof s == "string" && s !== "" ? s : void 0,
-						label: String(o(i, t) || ""),
-						value: String(o(i, e) || "")
+						image: typeof o == "string" && o !== "" ? o : void 0,
+						label: String(y(r, t) || ""),
+						value: String(y(r, e) || "")
 					};
 				}));
-			} else l(typeof x == "string" ? x : JSON.stringify(x));
+			} else s(typeof x == "string" ? x : JSON.stringify(x));
 		} catch (e) {
 			if (e instanceof Error && e.name === "AbortError") return;
-			u(e instanceof Error ? e.message : oe("renderer.defaultHttpInput.fetchFailed")), console.error("HTTP Input fetch error:", e);
+			l(e instanceof Error ? e.message : R("renderer.defaultHttpInput.fetchFailed")), console.error("HTTP Input fetch error:", e);
 		} finally {
-			c(!1), G.current = null;
+			a(!1), ge.current = null;
 		}
-	}, [oe]);
-	if (O(() => {
-		ue.current = R, de.current = M, U.current = re, pe.current = F, me.current = ie, W.current = w, he.current = ve;
+	}, [R]);
+	if (k(() => {
+		ue.current = L, de.current = O, fe.current = ne, U.current = ie, me.current = F, he.current = w, W.current = q;
 	}, [
-		R,
-		M,
-		re,
-		F,
+		L,
+		O,
+		ne,
 		ie,
+		F,
 		w,
-		ve
-	]), O(() => () => {
-		G.current && G.current.abort(), se.current = !1, ce.current = !1;
-	}, []), O(() => {
+		q
+	]), k(() => () => {
+		ge.current && ge.current.abort(), se.current = !1, ce.current = !1;
+	}, []), k(() => {
 		if (se.current) return;
 		se.current = !0;
-		let e = ue.current, t = de.current, n = he.current, r = e?.url && Oe(e.url, t);
-		e?.fetchOnMount && r && n && (n(), e.url && (le.current = De(e.url).map((e) => `${e}:${String(t[e] ?? "")}`).join("|")));
-	}, []), O(() => {
-		if (!se.current || !K || le.current === _e || !q) return;
+		let e = ue.current, t = de.current, n = W.current, r = e?.url && ke(e.url, t);
+		e?.fetchOnMount && r && n && (n(), e.url && (le.current = Oe(e.url).map((e) => `${e}:${String(t[e] ?? "")}`).join("|")));
+	}, []), k(() => {
+		if (!se.current || !_e || le.current === K || !ve) return;
 		let e = setTimeout(() => {
-			ve(), le.current = _e;
+			q(), le.current = K;
 		}, 500);
 		return () => clearTimeout(e);
 	}, [
-		_e,
 		K,
-		q,
-		ve
-	]), O(() => {
+		_e,
+		ve,
+		q
+	]), k(() => {
 		if (!ce.current) {
 			ce.current = !0;
 			return;
 		}
-		let e = ue.current, t = de.current, n = he.current, r = e?.url && Oe(e.url, t);
-		e?.fetchOnMount && r && n && (n(), e.url && (le.current = De(e.url).map((e) => `${e}:${String(t[e] ?? "")}`).join("|")));
-	}, [k(() => JSON.stringify({
-		body: R?.body,
-		fetchOnMount: R?.fetchOnMount,
-		headers: R?.headers,
-		method: R?.method,
-		queryParams: R?.queryParams,
-		responseMapping: R?.responseMapping,
-		responsePath: R?.responsePath,
-		searchParam: R?.searchParam,
-		sendAllFormValues: R?.sendAllFormValues,
-		url: R?.url
-	}), [R])]), O(() => {
-		if (!(R?.searchParam && p)) return;
+		let e = ue.current, t = de.current, n = W.current, r = e?.url && ke(e.url, t);
+		e?.fetchOnMount && r && n && (n(), e.url && (le.current = Oe(e.url).map((e) => `${e}:${String(t[e] ?? "")}`).join("|")));
+	}, [A(() => JSON.stringify({
+		body: L?.body,
+		fetchOnMount: L?.fetchOnMount,
+		headers: L?.headers,
+		method: L?.method,
+		queryParams: L?.queryParams,
+		responseMapping: L?.responseMapping,
+		responsePath: L?.responsePath,
+		searchParam: L?.searchParam,
+		sendAllFormValues: L?.sendAllFormValues,
+		url: L?.url
+	}), [L])]), k(() => {
+		if (!(L?.searchParam && m)) return;
 		let e = setTimeout(() => {
-			ve(p);
+			q(m);
 		}, 300);
 		return () => clearTimeout(e);
 	}, [
-		p,
-		R?.searchParam,
-		ve
-	]), R?.responseMapping) {
-		let e = Array.isArray(b) ? b[0] : b, t = d.find((t) => t.value === e);
-		if (R.searchParam) {
-			let n = s && R?.showLoading;
+		m,
+		L?.searchParam,
+		q
+	]), L?.responseMapping) {
+		let e = Array.isArray(x) ? x[0] : x, t = u.find((t) => t.value === e);
+		if (L.searchParam) {
+			let n = r && L?.showLoading;
 			return /* @__PURE__ */ P(H, {
 				style: Y.container,
 				children: [
 					/* @__PURE__ */ P(z, {
-						style: [Y.label, { color: L.textSecondary }],
+						style: [Y.label, { color: I.textSecondary }],
 						children: [E || C.data.name, C.data.required && /* @__PURE__ */ N(z, {
-							style: { color: L.error },
+							style: { color: I.error },
 							children: "*"
 						})]
 					}),
-					/* @__PURE__ */ N(be, {
+					/* @__PURE__ */ N(xe, {
 						missing: ee,
 						children: /* @__PURE__ */ P(V, {
 							style: [
 								Y.trigger,
 								{
-									backgroundColor: L.input,
-									borderColor: L.border
+									backgroundColor: I.input,
+									borderColor: I.border
 								},
-								T && { borderColor: L.error },
-								ee.length > 0 && { backgroundColor: L.muted }
+								T && { borderColor: I.error },
+								ee.length > 0 && { backgroundColor: I.muted }
 							],
-							onPress: () => y(!0),
+							onPress: () => v(!0),
 							disabled: ee.length > 0,
 							activeOpacity: .7,
 							children: [n ? /* @__PURE__ */ P(H, {
 								style: Y.loadingTrigger,
-								children: [/* @__PURE__ */ N(ne, {
+								children: [/* @__PURE__ */ N(re, {
 									size: "small",
-									color: L.primary
+									color: I.primary
 								}), /* @__PURE__ */ N(z, {
-									style: [Y.triggerText, { color: L.textMuted }],
+									style: [Y.triggerText, { color: I.textMuted }],
 									numberOfLines: 1,
-									children: t?.label || S || oe("renderer.defaultHttpInput.search")
+									children: t?.label || S || R("renderer.defaultHttpInput.search")
 								})]
 							}) : /* @__PURE__ */ N(z, {
 								style: [
 									Y.triggerText,
-									{ color: L.text },
-									!t && { color: L.textMuted }
+									{ color: I.text },
+									!t && { color: I.textMuted }
 								],
 								numberOfLines: 1,
-								children: t?.label || S || oe("renderer.defaultHttpInput.search")
+								children: t?.label || S || R("renderer.defaultHttpInput.search")
 							}), /* @__PURE__ */ N(z, {
-								style: [Y.arrow, { color: L.textMuted }],
+								style: [Y.arrow, { color: I.textMuted }],
 								children: "▼"
 							})]
 						})
 					}),
-					/* @__PURE__ */ N(ae, {
+					/* @__PURE__ */ N(oe, {
 						visible: g,
 						transparent: !0,
 						animationType: "fade",
-						onRequestClose: () => y(!1),
+						onRequestClose: () => v(!1),
 						children: /* @__PURE__ */ N(V, {
 							style: Y.modalOverlay,
 							activeOpacity: 1,
-							onPress: () => y(!1),
+							onPress: () => v(!1),
 							children: /* @__PURE__ */ P(V, {
-								style: [Y.modalContent, { backgroundColor: L.card }],
+								style: [Y.modalContent, { backgroundColor: I.card }],
 								activeOpacity: 1,
 								onPress: () => {},
 								children: [
 									/* @__PURE__ */ P(H, {
-										style: [Y.modalHeader, { borderBottomColor: L.separator }],
+										style: [Y.modalHeader, { borderBottomColor: I.separator }],
 										children: [/* @__PURE__ */ N(z, {
-											style: [Y.modalTitle, { color: L.text }],
+											style: [Y.modalTitle, { color: I.text }],
 											children: E || C.data.name
 										}), /* @__PURE__ */ N(V, {
-											onPress: () => y(!1),
+											onPress: () => v(!1),
 											children: /* @__PURE__ */ N(z, {
-												style: [Y.closeButton, { color: L.textMuted }],
+												style: [Y.closeButton, { color: I.textMuted }],
 												children: "✕"
 											})
 										})]
@@ -1798,66 +1799,66 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 										style: Y.searchContainer,
 										children: /* @__PURE__ */ N(B, {
 											style: [Y.searchInput, {
-												backgroundColor: L.muted,
-												borderColor: L.border,
-												color: L.text
+												backgroundColor: I.muted,
+												borderColor: I.border,
+												color: I.text
 											}],
-											placeholder: oe("renderer.defaultHttpInput.search"),
-											placeholderTextColor: L.textMuted,
-											value: p,
+											placeholder: R("renderer.defaultHttpInput.search"),
+											placeholderTextColor: I.textMuted,
+											value: m,
 											onChangeText: (e) => {
-												h(e), u(null);
+												h(e), l(null);
 											},
 											autoFocus: !0,
 											autoCapitalize: "none",
 											autoCorrect: !1
 										})
 									}),
-									s ? /* @__PURE__ */ N(H, {
+									r ? /* @__PURE__ */ N(H, {
 										style: Y.loadingContainer,
-										children: /* @__PURE__ */ N(ne, {
+										children: /* @__PURE__ */ N(re, {
 											size: "small",
-											color: L.primary
+											color: I.primary
 										})
-									}) : l ? /* @__PURE__ */ P(H, {
+									}) : s ? /* @__PURE__ */ P(H, {
 										style: Y.errorContainer,
 										children: [/* @__PURE__ */ N(z, {
-											style: [Y.errorText, { color: L.error }],
-											children: l
+											style: [Y.errorText, { color: I.error }],
+											children: s
 										}), /* @__PURE__ */ N(V, {
-											onPress: () => ve(p),
+											onPress: () => q(m),
 											style: Y.retryButton,
 											children: /* @__PURE__ */ N(z, {
-												style: [Y.retryButtonText, { color: L.primary }],
-												children: oe("renderer.defaultHttpInput.retry")
+												style: [Y.retryButtonText, { color: I.primary }],
+												children: R("renderer.defaultHttpInput.retry")
 											})
 										})]
-									}) : /* @__PURE__ */ N(I, {
-										data: d,
+									}) : /* @__PURE__ */ N(ae, {
+										data: u,
 										keyExtractor: (e) => e.value,
 										style: Y.optionsList,
 										contentContainerStyle: Y.optionsListContent,
 										ListEmptyComponent: /* @__PURE__ */ N(H, {
 											style: Y.emptyContainer,
 											children: /* @__PURE__ */ N(z, {
-												style: [Y.emptyText, { color: L.textMuted }],
-												children: oe("renderer.defaultHttpInput.noResults")
+												style: [Y.emptyText, { color: I.textMuted }],
+												children: R("renderer.defaultHttpInput.noResults")
 											})
 										}),
 										renderItem: ({ item: t }) => {
 											let n = t.value === e;
 											return /* @__PURE__ */ P(V, {
-												style: [Y.option, n && { backgroundColor: L.primaryLight }],
+												style: [Y.option, n && { backgroundColor: I.primaryLight }],
 												onPress: () => {
-													w(t.value), y(!1);
+													w(t.value), v(!1);
 												},
 												activeOpacity: .7,
-												children: [/* @__PURE__ */ N(fe, {
+												children: [/* @__PURE__ */ N(pe, {
 													label: t.label,
 													description: t.description,
 													image: t.image
 												}), n && /* @__PURE__ */ N(z, {
-													style: [Y.checkmark, { color: L.primary }],
+													style: [Y.checkmark, { color: I.primary }],
 													children: "✓"
 												})]
 											});
@@ -1868,112 +1869,112 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 						})
 					}),
 					T && /* @__PURE__ */ N(z, {
-						style: [Y.error, { color: L.error }],
+						style: [Y.error, { color: I.error }],
 						children: T
 					}),
 					D && !T && /* @__PURE__ */ N(z, {
-						style: [Y.helperText, { color: L.textMuted }],
+						style: [Y.helperText, { color: I.textMuted }],
 						children: D
 					})
 				]
 			});
 		}
-		let n = s && R?.showLoading, r = ee.length === 0 && d.length === 0 && !n ? l ?? oe("renderer.defaultHttpInput.noDataAvailable") : void 0;
+		let n = r && L?.showLoading, i = ee.length === 0 && u.length === 0 && !n ? s ?? R("renderer.defaultHttpInput.noDataAvailable") : void 0;
 		return /* @__PURE__ */ P(H, {
 			style: Y.container,
 			children: [
 				/* @__PURE__ */ P(z, {
-					style: [Y.label, { color: L.textSecondary }],
+					style: [Y.label, { color: I.textSecondary }],
 					children: [E || C.data.name, C.data.required && /* @__PURE__ */ N(z, {
-						style: { color: L.error },
+						style: { color: I.error },
 						children: "*"
 					})]
 				}),
-				/* @__PURE__ */ N(be, {
+				/* @__PURE__ */ N(xe, {
 					missing: ee,
 					children: /* @__PURE__ */ P(V, {
 						style: [
 							Y.trigger,
 							{
-								backgroundColor: L.input,
-								borderColor: L.border
+								backgroundColor: I.input,
+								borderColor: I.border
 							},
-							T && { borderColor: L.error },
-							(n || d.length === 0) && { backgroundColor: L.muted }
+							T && { borderColor: I.error },
+							(n || u.length === 0) && { backgroundColor: I.muted }
 						],
-						onPress: () => y(!0),
-						disabled: n || d.length === 0,
+						onPress: () => v(!0),
+						disabled: n || u.length === 0,
 						activeOpacity: .7,
 						children: [
-							n && /* @__PURE__ */ N(ne, {
+							n && /* @__PURE__ */ N(re, {
 								size: "small",
-								color: L.primary,
+								color: I.primary,
 								style: Y.triggerLoader
 							}),
 							/* @__PURE__ */ N(z, {
 								style: [
 									Y.triggerText,
-									{ color: L.text },
-									!t && { color: L.textMuted }
+									{ color: I.text },
+									!t && { color: I.textMuted }
 								],
 								numberOfLines: 1,
-								children: t?.label || S || oe("renderer.defaultHttpInput.selectOption")
+								children: t?.label || S || R("renderer.defaultHttpInput.selectOption")
 							}),
 							/* @__PURE__ */ N(z, {
-								style: [Y.arrow, { color: L.textMuted }],
+								style: [Y.arrow, { color: I.textMuted }],
 								children: "▼"
 							})
 						]
 					})
 				}),
-				r && /* @__PURE__ */ N(z, {
-					style: [Y.disabledMessage, { color: L.error }],
-					children: r
+				i && /* @__PURE__ */ N(z, {
+					style: [Y.disabledMessage, { color: I.error }],
+					children: i
 				}),
-				/* @__PURE__ */ N(ae, {
+				/* @__PURE__ */ N(oe, {
 					visible: g,
 					transparent: !0,
 					animationType: "fade",
-					onRequestClose: () => y(!1),
+					onRequestClose: () => v(!1),
 					children: /* @__PURE__ */ N(V, {
 						style: Y.modalOverlay,
 						activeOpacity: 1,
-						onPress: () => y(!1),
+						onPress: () => v(!1),
 						children: /* @__PURE__ */ P(V, {
-							style: [Y.modalContent, { backgroundColor: L.card }],
+							style: [Y.modalContent, { backgroundColor: I.card }],
 							activeOpacity: 1,
 							onPress: () => {},
 							children: [/* @__PURE__ */ P(H, {
-								style: [Y.modalHeader, { borderBottomColor: L.separator }],
+								style: [Y.modalHeader, { borderBottomColor: I.separator }],
 								children: [/* @__PURE__ */ N(z, {
-									style: [Y.modalTitle, { color: L.text }],
+									style: [Y.modalTitle, { color: I.text }],
 									children: E || C.data.name
 								}), /* @__PURE__ */ N(V, {
-									onPress: () => y(!1),
+									onPress: () => v(!1),
 									children: /* @__PURE__ */ N(z, {
-										style: [Y.closeButton, { color: L.textMuted }],
+										style: [Y.closeButton, { color: I.textMuted }],
 										children: "✕"
 									})
 								})]
-							}), /* @__PURE__ */ N(I, {
-								data: d,
+							}), /* @__PURE__ */ N(ae, {
+								data: u,
 								keyExtractor: (e) => e.value,
 								style: Y.optionsList,
 								contentContainerStyle: Y.optionsListContent,
 								renderItem: ({ item: t }) => {
 									let n = t.value === e;
 									return /* @__PURE__ */ P(V, {
-										style: [Y.option, n && { backgroundColor: L.primaryLight }],
+										style: [Y.option, n && { backgroundColor: I.primaryLight }],
 										onPress: () => {
-											w(t.value), y(!1);
+											w(t.value), v(!1);
 										},
 										activeOpacity: .7,
-										children: [/* @__PURE__ */ N(fe, {
+										children: [/* @__PURE__ */ N(pe, {
 											label: t.label,
 											description: t.description,
 											image: t.image
 										}), n && /* @__PURE__ */ N(z, {
-											style: [Y.checkmark, { color: L.primary }],
+											style: [Y.checkmark, { color: I.primary }],
 											children: "✓"
 										})]
 									});
@@ -1983,11 +1984,11 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 					})
 				}),
 				T && /* @__PURE__ */ N(z, {
-					style: [Y.error, { color: L.error }],
+					style: [Y.error, { color: I.error }],
 					children: T
 				}),
 				D && !T && /* @__PURE__ */ N(z, {
-					style: [Y.helperText, { color: L.textMuted }],
+					style: [Y.helperText, { color: I.textMuted }],
 					children: D
 				})
 			]
@@ -1997,27 +1998,27 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 		style: Y.container,
 		children: [
 			/* @__PURE__ */ P(z, {
-				style: [Y.label, { color: L.textSecondary }],
+				style: [Y.label, { color: I.textSecondary }],
 				children: [E || C.data.name, C.data.required && /* @__PURE__ */ N(z, {
-					style: { color: L.error },
+					style: { color: I.error },
 					children: "*"
 				})]
 			}),
 			/* @__PURE__ */ N(B, {
 				style: [Y.input, {
-					backgroundColor: L.muted,
-					borderColor: L.border,
-					color: L.textMuted
+					backgroundColor: I.muted,
+					borderColor: I.border,
+					color: I.textMuted
 				}],
-				value: typeof b == "string" ? b : JSON.stringify(b),
+				value: typeof x == "string" ? x : JSON.stringify(x),
 				editable: !1
 			}),
 			T && /* @__PURE__ */ N(z, {
-				style: [Y.error, { color: L.error }],
+				style: [Y.error, { color: I.error }],
 				children: T
 			}),
 			D && !T && /* @__PURE__ */ N(z, {
-				style: [Y.helperText, { color: L.textMuted }],
+				style: [Y.helperText, { color: I.textMuted }],
 				children: D
 			})
 		]
@@ -2144,15 +2145,15 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 		flex: 1,
 		fontSize: 14
 	}
-}), je = (e, t) => {
-	let { value: n, placeholder: r, name: i } = e, [a, o] = j(n?.toString() ?? ""), { node: s, setValue: c, error: l, label: u, helperText: d } = t, { colors: f } = x();
-	return O(() => {
+}), Me = ({ field: e, extra: t }) => {
+	let { value: n, placeholder: r, name: i } = e, [a, o] = M(n?.toString() ?? ""), { node: s, setValue: c, error: l, label: u, helperText: d } = t, { colors: f } = p();
+	return k(() => {
 		o(n?.toString() ?? "");
 	}, [n]), /* @__PURE__ */ P(H, {
-		style: Me.container,
+		style: Ne.container,
 		children: [
 			/* @__PURE__ */ P(z, {
-				style: [Me.label, { color: f.textSecondary }],
+				style: [Ne.label, { color: f.textSecondary }],
 				children: [u || s.data.name, s.data.required && /* @__PURE__ */ N(z, {
 					style: { color: f.error },
 					children: "*"
@@ -2160,7 +2161,7 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 			}),
 			/* @__PURE__ */ N(B, {
 				style: [
-					Me.input,
+					Ne.input,
 					{
 						backgroundColor: f.input,
 						borderColor: f.border,
@@ -2183,16 +2184,16 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 				accessibilityLabel: i
 			}),
 			l && /* @__PURE__ */ N(z, {
-				style: [Me.error, { color: f.error }],
+				style: [Ne.error, { color: f.error }],
 				children: l
 			}),
 			d && !l && /* @__PURE__ */ N(z, {
-				style: [Me.helperText, { color: f.textMuted }],
+				style: [Ne.helperText, { color: f.textMuted }],
 				children: d
 			})
 		]
 	});
-}, Me = R.create({
+}, Ne = R.create({
 	container: { marginBottom: 16 },
 	error: {
 		fontSize: 12,
@@ -2214,23 +2215,23 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 		fontWeight: "500",
 		marginBottom: 8
 	}
-}), Ne = (e, t) => {
-	let [n, r] = j(!1), { value: i, placeholder: a, name: o } = e, { node: s, setValue: c, error: l, label: u, helperText: d } = t, { colors: f } = x();
+}), Pe = ({ field: e, extra: t }) => {
+	let [n, r] = M(!1), { value: i, placeholder: a, name: o } = e, { node: s, setValue: c, error: l, label: u, helperText: d } = t, { colors: f } = p();
 	return /* @__PURE__ */ P(H, {
-		style: Pe.container,
+		style: Fe.container,
 		children: [
 			/* @__PURE__ */ P(z, {
-				style: [Pe.label, { color: f.textSecondary }],
+				style: [Fe.label, { color: f.textSecondary }],
 				children: [u || s.data.name, s.data.required && /* @__PURE__ */ N(z, {
 					style: { color: f.error },
 					children: "*"
 				})]
 			}),
 			/* @__PURE__ */ P(H, {
-				style: Pe.inputWrapper,
+				style: Fe.inputWrapper,
 				children: [/* @__PURE__ */ N(B, {
 					style: [
-						Pe.input,
+						Fe.input,
 						{
 							backgroundColor: f.input,
 							borderColor: f.border,
@@ -2245,26 +2246,26 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 					secureTextEntry: !n,
 					accessibilityLabel: o
 				}), /* @__PURE__ */ N(V, {
-					style: Pe.toggleButton,
+					style: Fe.toggleButton,
 					onPress: () => r(!n),
 					activeOpacity: .7,
 					children: /* @__PURE__ */ N(z, {
-						style: [Pe.toggleText, { color: f.primary }],
+						style: [Fe.toggleText, { color: f.primary }],
 						children: n ? "Hide" : "Show"
 					})
 				})]
 			}),
 			l && /* @__PURE__ */ N(z, {
-				style: [Pe.error, { color: f.error }],
+				style: [Fe.error, { color: f.error }],
 				children: l
 			}),
 			d && !l && /* @__PURE__ */ N(z, {
-				style: [Pe.helperText, { color: f.textMuted }],
+				style: [Fe.helperText, { color: f.textMuted }],
 				children: d
 			})
 		]
 	});
-}, Pe = R.create({
+}, Fe = R.create({
 	container: { marginBottom: 16 },
 	error: {
 		fontSize: 12,
@@ -2302,50 +2303,50 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 		fontSize: 12,
 		fontWeight: "600"
 	}
-}), Fe = (e, t) => {
-	let { value: n } = e, { node: r, setValue: i, error: a, label: o, helperText: s } = t, { colors: c } = x(), l = _(), u = r.data.options || [], d = n || "", f = r.data.variant !== "default", p = (e) => {
-		i(e);
+}), Ie = ({ field: e, extra: t }) => {
+	let { value: n } = e, { node: r, setValue: a, error: o, label: s, helperText: c } = t, { colors: l } = p(), u = i(), d = r.data.options || [], f = n || "", m = r.data.variant !== "default", h = (e) => {
+		a(e);
 	};
 	return /* @__PURE__ */ P(H, {
 		style: X.container,
 		children: [
 			/* @__PURE__ */ P(z, {
-				style: [X.label, { color: c.textSecondary }],
-				children: [o || r.data.name, r.data.required && /* @__PURE__ */ N(z, {
-					style: { color: c.error },
+				style: [X.label, { color: l.textSecondary }],
+				children: [s || r.data.name, r.data.required && /* @__PURE__ */ N(z, {
+					style: { color: l.error },
 					children: "*"
 				})]
 			}),
-			u.map((e) => {
-				let t = d === e.value, n = l(e.label) || e.value, r = l(e.description);
-				return f ? /* @__PURE__ */ P(V, {
+			d.map((e) => {
+				let t = f === e.value, n = u(e.label) || e.value, r = u(e.description);
+				return m ? /* @__PURE__ */ P(V, {
 					style: [
 						X.card,
 						{
-							backgroundColor: c.input,
-							borderColor: c.border
+							backgroundColor: l.input,
+							borderColor: l.border
 						},
 						t && {
-							backgroundColor: `${c.primary}10`,
-							borderColor: c.primary
+							backgroundColor: `${l.primary}10`,
+							borderColor: l.primary
 						},
 						e.disabled && { opacity: .5 }
 					],
-					onPress: () => p(e.value),
+					onPress: () => h(e.value),
 					disabled: e.disabled,
 					activeOpacity: .7,
 					children: [
-						e.image && /* @__PURE__ */ N(ie, {
+						e.image && /* @__PURE__ */ N(I, {
 							source: { uri: e.image },
 							style: X.cardImage
 						}),
 						/* @__PURE__ */ P(H, {
 							style: X.cardTextContainer,
 							children: [/* @__PURE__ */ N(z, {
-								style: [X.cardLabel, { color: c.textSecondary }],
+								style: [X.cardLabel, { color: l.textSecondary }],
 								children: n
 							}), r && /* @__PURE__ */ N(z, {
-								style: [X.cardDescription, { color: c.textMuted }],
+								style: [X.cardDescription, { color: l.textMuted }],
 								children: r
 							})]
 						}),
@@ -2354,17 +2355,17 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 								X.radio,
 								X.cardRadio,
 								{
-									backgroundColor: c.input,
-									borderColor: c.border
+									backgroundColor: l.input,
+									borderColor: l.border
 								},
-								t && { borderColor: c.primary }
+								t && { borderColor: l.primary }
 							],
-							children: t && /* @__PURE__ */ N(H, { style: [X.radioInner, { backgroundColor: c.primary }] })
+							children: t && /* @__PURE__ */ N(H, { style: [X.radioInner, { backgroundColor: l.primary }] })
 						})
 					]
 				}, e.value) : /* @__PURE__ */ P(V, {
 					style: X.option,
-					onPress: () => p(e.value),
+					onPress: () => h(e.value),
 					disabled: e.disabled,
 					activeOpacity: .7,
 					children: [
@@ -2372,14 +2373,14 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 							style: [
 								X.radio,
 								{
-									backgroundColor: c.input,
-									borderColor: c.border
+									backgroundColor: l.input,
+									borderColor: l.border
 								},
-								t && { borderColor: c.primary }
+								t && { borderColor: l.primary }
 							],
-							children: t && /* @__PURE__ */ N(H, { style: [X.radioInner, { backgroundColor: c.primary }] })
+							children: t && /* @__PURE__ */ N(H, { style: [X.radioInner, { backgroundColor: l.primary }] })
 						}),
-						e.image && /* @__PURE__ */ N(ie, {
+						e.image && /* @__PURE__ */ N(I, {
 							source: { uri: e.image },
 							style: X.image
 						}),
@@ -2388,25 +2389,25 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 							children: [/* @__PURE__ */ N(z, {
 								style: [
 									X.optionLabel,
-									{ color: c.textSecondary },
-									e.disabled && { color: c.textMuted }
+									{ color: l.textSecondary },
+									e.disabled && { color: l.textMuted }
 								],
 								children: n
 							}), r && /* @__PURE__ */ N(z, {
-								style: [X.optionDescription, { color: c.textMuted }],
+								style: [X.optionDescription, { color: l.textMuted }],
 								children: r
 							})]
 						})
 					]
 				}, e.value);
 			}),
-			a && /* @__PURE__ */ N(z, {
-				style: [X.error, { color: c.error }],
-				children: a
+			o && /* @__PURE__ */ N(z, {
+				style: [X.error, { color: l.error }],
+				children: o
 			}),
-			s && !a && /* @__PURE__ */ N(z, {
-				style: [X.helperText, { color: c.textMuted }],
-				children: s
+			c && !o && /* @__PURE__ */ N(z, {
+				style: [X.helperText, { color: l.textMuted }],
+				children: c
 			})
 		]
 	});
@@ -2483,17 +2484,17 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 		height: 10,
 		width: 10
 	}
-}), Ie = (e, t) => {
-	let [n, r] = j(!1), { value: i, placeholder: a } = e, { node: o, setValue: s, error: c, label: l, helperText: u } = t, { colors: d } = x(), f = _(), p = o.data.options || [], m = o.data.multiple, h = Array.isArray(i) ? i : i ? [i] : [], g = (e) => {
-		m ? s(h.includes(e) ? h.filter((t) => t !== e) : [...h, e]) : (s(e), r(!1));
+}), Le = ({ field: e, extra: t }) => {
+	let [n, r] = M(!1), { value: a, placeholder: o } = e, { node: s, setValue: c, error: l, label: u, helperText: d } = t, { colors: f } = p(), m = i(), h = s.data.options || [], g = s.data.multiple, _ = Array.isArray(a) ? a : a ? [a] : [], v = (e) => {
+		g ? c(_.includes(e) ? _.filter((t) => t !== e) : [..._, e]) : (c(e), r(!1));
 	};
 	return /* @__PURE__ */ P(H, {
 		style: Z.container,
 		children: [
 			/* @__PURE__ */ P(z, {
-				style: [Z.label, { color: d.textSecondary }],
-				children: [l || o.data.name, o.data.required && /* @__PURE__ */ N(z, {
-					style: { color: d.error },
+				style: [Z.label, { color: f.textSecondary }],
+				children: [u || s.data.name, s.data.required && /* @__PURE__ */ N(z, {
+					style: { color: f.error },
 					children: "*"
 				})]
 			}),
@@ -2501,31 +2502,31 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 				style: [
 					Z.trigger,
 					{
-						backgroundColor: d.input,
-						borderColor: d.border
+						backgroundColor: f.input,
+						borderColor: f.border
 					},
-					c && { borderColor: d.error }
+					l && { borderColor: f.error }
 				],
 				onPress: () => r(!0),
 				activeOpacity: .7,
 				children: [/* @__PURE__ */ N(z, {
 					style: [
 						Z.triggerText,
-						{ color: d.text },
-						h.length === 0 && { color: d.textMuted }
+						{ color: f.text },
+						_.length === 0 && { color: f.textMuted }
 					],
 					children: (() => {
-						if (h.length === 0) return a || "Select...";
-						if (m) return p.filter((e) => h.includes(e.value)).map((e) => f(e.label) || e.value).join(", ");
-						let e = p.find((e) => e.value === h[0]);
-						return e ? f(e.label) || e.value : a || "Select...";
+						if (_.length === 0) return o || "Select...";
+						if (g) return h.filter((e) => _.includes(e.value)).map((e) => m(e.label) || e.value).join(", ");
+						let e = h.find((e) => e.value === _[0]);
+						return e ? m(e.label) || e.value : o || "Select...";
 					})()
 				}), /* @__PURE__ */ N(z, {
-					style: [Z.arrow, { color: d.textMuted }],
+					style: [Z.arrow, { color: f.textMuted }],
 					children: "▼"
 				})]
 			}),
-			/* @__PURE__ */ N(ae, {
+			/* @__PURE__ */ N(oe, {
 				visible: n,
 				transparent: !0,
 				animationType: "fade",
@@ -2535,45 +2536,45 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 					activeOpacity: 1,
 					onPress: () => r(!1),
 					children: /* @__PURE__ */ P(H, {
-						style: [Z.modalContent, { backgroundColor: d.card }],
+						style: [Z.modalContent, { backgroundColor: f.card }],
 						onStartShouldSetResponder: () => !0,
 						children: [
 							/* @__PURE__ */ P(H, {
-								style: [Z.modalHeader, { borderBottomColor: d.border }],
+								style: [Z.modalHeader, { borderBottomColor: f.border }],
 								children: [/* @__PURE__ */ N(z, {
-									style: [Z.modalTitle, { color: d.text }],
-									children: l || o.data.name
+									style: [Z.modalTitle, { color: f.text }],
+									children: u || s.data.name
 								}), /* @__PURE__ */ N(V, {
 									onPress: () => r(!1),
 									children: /* @__PURE__ */ N(z, {
-										style: [Z.closeButton, { color: d.textMuted }],
+										style: [Z.closeButton, { color: f.textMuted }],
 										children: "✕"
 									})
 								})]
 							}),
 							/* @__PURE__ */ N(L, {
 								style: Z.optionsList,
-								children: p.map((e) => {
-									let t = h.includes(e.value);
+								children: h.map((e) => {
+									let t = _.includes(e.value);
 									return /* @__PURE__ */ P(V, {
-										style: [Z.option, t && { backgroundColor: `${d.primary}20` }],
-										onPress: () => g(e.value),
+										style: [Z.option, t && { backgroundColor: `${f.primary}20` }],
+										onPress: () => v(e.value),
 										disabled: e.disabled,
 										activeOpacity: .7,
-										children: [/* @__PURE__ */ N(fe, {
-											label: f(e.label) || e.value,
-											description: f(e.description),
+										children: [/* @__PURE__ */ N(pe, {
+											label: m(e.label) || e.value,
+											description: m(e.description),
 											image: e.image,
 											disabled: e.disabled
 										}), t && /* @__PURE__ */ N(z, {
-											style: [Z.checkmark, { color: d.primary }],
+											style: [Z.checkmark, { color: f.primary }],
 											children: "✓"
 										})]
 									}, e.value);
 								})
 							}),
-							m && /* @__PURE__ */ N(V, {
-								style: [Z.doneButton, { backgroundColor: d.primary }],
+							g && /* @__PURE__ */ N(V, {
+								style: [Z.doneButton, { backgroundColor: f.primary }],
 								onPress: () => r(!1),
 								children: /* @__PURE__ */ N(z, {
 									style: Z.doneButtonText,
@@ -2584,13 +2585,13 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 					})
 				})
 			}),
-			c && /* @__PURE__ */ N(z, {
-				style: [Z.error, { color: d.error }],
-				children: c
+			l && /* @__PURE__ */ N(z, {
+				style: [Z.error, { color: f.error }],
+				children: l
 			}),
-			u && !c && /* @__PURE__ */ N(z, {
-				style: [Z.helperText, { color: d.textMuted }],
-				children: u
+			d && !l && /* @__PURE__ */ N(z, {
+				style: [Z.helperText, { color: f.textMuted }],
+				children: d
 			})
 		]
 	});
@@ -2675,23 +2676,23 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 		flex: 1,
 		fontSize: 14
 	}
-}), Le = (e, t) => {
-	let { value: n } = e, { node: r, setValue: i, error: a, label: o, helperText: s } = t, { colors: c } = x(), l = !!n;
+}), Re = (e) => null, ze = ({ field: e, extra: t }) => {
+	let { value: n } = e, { node: r, setValue: i, error: a, label: o, helperText: s } = t, { colors: c } = p(), l = !!n;
 	return /* @__PURE__ */ P(H, {
-		style: Re.container,
+		style: Be.container,
 		children: [
 			/* @__PURE__ */ P(H, {
-				style: Re.row,
+				style: Be.row,
 				children: [/* @__PURE__ */ N(H, {
-					style: Re.labelContainer,
+					style: Be.labelContainer,
 					children: /* @__PURE__ */ P(z, {
-						style: [Re.label, { color: c.textSecondary }],
+						style: [Be.label, { color: c.textSecondary }],
 						children: [o || r.data.name, r.data.required && /* @__PURE__ */ N(z, {
 							style: { color: c.error },
 							children: "*"
 						})]
 					})
-				}), /* @__PURE__ */ N(oe, {
+				}), /* @__PURE__ */ N(se, {
 					trackColor: {
 						false: c.border,
 						true: `${c.primary}80`
@@ -2703,16 +2704,16 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 				})]
 			}),
 			a && /* @__PURE__ */ N(z, {
-				style: [Re.error, { color: c.error }],
+				style: [Be.error, { color: c.error }],
 				children: a
 			}),
 			s && !a && /* @__PURE__ */ N(z, {
-				style: [Re.helperText, { color: c.textMuted }],
+				style: [Be.helperText, { color: c.textMuted }],
 				children: s
 			})
 		]
 	});
-}, Re = R.create({
+}, Be = R.create({
 	container: { marginBottom: 16 },
 	error: {
 		fontSize: 12,
@@ -2732,13 +2733,13 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 		flexDirection: "row",
 		justifyContent: "space-between"
 	}
-}), ze = (e, t) => {
-	let { value: n, placeholder: r, name: i } = e, { node: a, setValue: o, error: s, label: c, helperText: l } = t, { colors: u } = x();
+}), Ve = ({ field: e, extra: t }) => {
+	let { value: n, placeholder: r, name: i } = e, { node: a, setValue: o, error: s, label: c, helperText: l } = t, { colors: u } = p();
 	return /* @__PURE__ */ P(H, {
-		style: Be.container,
+		style: He.container,
 		children: [
 			/* @__PURE__ */ P(z, {
-				style: [Be.label, { color: u.textSecondary }],
+				style: [He.label, { color: u.textSecondary }],
 				children: [c || a.data.name, a.data.required && /* @__PURE__ */ N(z, {
 					style: { color: u.error },
 					children: "*"
@@ -2746,7 +2747,7 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 			}),
 			/* @__PURE__ */ N(B, {
 				style: [
-					Be.textarea,
+					He.textarea,
 					{
 						backgroundColor: u.input,
 						borderColor: u.border,
@@ -2764,16 +2765,16 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 				accessibilityLabel: i
 			}),
 			s && /* @__PURE__ */ N(z, {
-				style: [Be.error, { color: u.error }],
+				style: [He.error, { color: u.error }],
 				children: s
 			}),
 			l && !s && /* @__PURE__ */ N(z, {
-				style: [Be.helperText, { color: u.textMuted }],
+				style: [He.helperText, { color: u.textMuted }],
 				children: l
 			})
 		]
 	});
-}, Be = R.create({
+}, He = R.create({
 	container: { marginBottom: 16 },
 	error: {
 		fontSize: 12,
@@ -2796,13 +2797,13 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 		paddingHorizontal: 12,
 		paddingVertical: 8
 	}
-}), Ve = (e, t) => {
-	let { value: n, placeholder: r, name: i } = e, { node: a, setValue: o, error: s, label: c, helperText: l } = t, { colors: u } = x();
+}), Ue = ({ field: e, extra: t }) => {
+	let { value: n, placeholder: r, name: i } = e, { node: a, setValue: o, error: s, label: c, helperText: l } = t, { colors: u } = p();
 	return /* @__PURE__ */ P(H, {
-		style: He.container,
+		style: We.container,
 		children: [
 			/* @__PURE__ */ P(z, {
-				style: [He.label, { color: u.textSecondary }],
+				style: [We.label, { color: u.textSecondary }],
 				children: [c || a.data.name, a.data.required && /* @__PURE__ */ N(z, {
 					style: { color: u.error },
 					children: "*"
@@ -2810,7 +2811,7 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 			}),
 			/* @__PURE__ */ N(B, {
 				style: [
-					He.input,
+					We.input,
 					{
 						backgroundColor: u.input,
 						borderColor: u.border,
@@ -2825,16 +2826,16 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 				accessibilityLabel: i
 			}),
 			s && /* @__PURE__ */ N(z, {
-				style: [He.error, { color: u.error }],
+				style: [We.error, { color: u.error }],
 				children: s
 			}),
 			l && !s && /* @__PURE__ */ N(z, {
-				style: [He.helperText, { color: u.textMuted }],
+				style: [We.helperText, { color: u.textMuted }],
 				children: l
 			})
 		]
 	});
-}, He = R.create({
+}, We = R.create({
 	container: { marginBottom: 16 },
 	error: {
 		fontSize: 12,
@@ -2856,21 +2857,21 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 		fontWeight: "500",
 		marginBottom: 8
 	}
-}), Ue = (e, t) => {
-	let { value: n, placeholder: r } = e, i = (n || "").split(":"), a = Number.parseInt(i[0], 10), o = Number.parseInt(i[1], 10), s = Number.isNaN(a) ? 0 : a, c = Number.isNaN(o) ? 0 : o, [l, u] = j(s || 0), [d, f] = j(c || 0), [p, m] = j(!1), { node: h, setValue: g, error: _, label: v, helperText: y } = t, { colors: b } = x(), S = A(null), C = A(null), w = Array.from({ length: 24 }, (e, t) => t), T = Array.from({ length: 60 }, (e, t) => t), E = () => n || r || "Select time", D = te(() => {
-		g(`${String(l).padStart(2, "0")}:${String(d).padStart(2, "0")}`), m(!1);
+}), Ge = ({ field: e, extra: t }) => {
+	let { value: n, placeholder: r } = e, i = (n || "").split(":"), a = Number.parseInt(i[0], 10), o = Number.parseInt(i[1], 10), s = Number.isNaN(a) ? 0 : a, c = Number.isNaN(o) ? 0 : o, [l, u] = M(s || 0), [d, f] = M(c || 0), [m, h] = M(!1), { node: g, setValue: _, error: v, label: y, helperText: b } = t, { colors: x } = p(), S = j(null), C = j(null), w = Array.from({ length: 24 }, (e, t) => t), T = Array.from({ length: 60 }, (e, t) => t), E = () => n || r || "Select time", D = te(() => {
+		_(`${String(l).padStart(2, "0")}:${String(d).padStart(2, "0")}`), h(!1);
 	}, [
 		l,
 		d,
-		g
+		_
 	]);
 	return /* @__PURE__ */ P(H, {
 		style: Q.container,
 		children: [
 			/* @__PURE__ */ P(z, {
-				style: [Q.label, { color: b.textSecondary }],
-				children: [v || h.data.name, h.data.required && /* @__PURE__ */ N(z, {
-					style: { color: b.error },
+				style: [Q.label, { color: x.textSecondary }],
+				children: [y || g.data.name, g.data.required && /* @__PURE__ */ N(z, {
+					style: { color: x.error },
 					children: "*"
 				})]
 			}),
@@ -2878,20 +2879,20 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 				style: [
 					Q.trigger,
 					{
-						backgroundColor: b.input,
-						borderColor: b.border
+						backgroundColor: x.input,
+						borderColor: x.border
 					},
-					_ && { borderColor: b.error }
+					v && { borderColor: x.error }
 				],
 				onPress: () => {
-					u(s || 0), f(c || 0), m(!0);
+					u(s || 0), f(c || 0), h(!0);
 				},
 				activeOpacity: .7,
 				children: [/* @__PURE__ */ N(z, {
 					style: [
 						Q.triggerText,
-						{ color: b.text },
-						!n && { color: b.textMuted }
+						{ color: x.text },
+						!n && { color: x.textMuted }
 					],
 					numberOfLines: 1,
 					children: E()
@@ -2900,29 +2901,29 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 					children: "🕐"
 				})]
 			}),
-			/* @__PURE__ */ N(ae, {
-				visible: p,
+			/* @__PURE__ */ N(oe, {
+				visible: m,
 				transparent: !0,
 				animationType: "fade",
-				onRequestClose: () => m(!1),
+				onRequestClose: () => h(!1),
 				children: /* @__PURE__ */ N(V, {
 					style: Q.modalOverlay,
 					activeOpacity: 1,
-					onPress: () => m(!1),
+					onPress: () => h(!1),
 					children: /* @__PURE__ */ P(V, {
-						style: [Q.modalContent, { backgroundColor: b.card }],
+						style: [Q.modalContent, { backgroundColor: x.card }],
 						activeOpacity: 1,
 						onPress: () => {},
 						children: [
 							/* @__PURE__ */ P(H, {
-								style: [Q.modalHeader, { borderBottomColor: b.separator }],
+								style: [Q.modalHeader, { borderBottomColor: x.separator }],
 								children: [/* @__PURE__ */ N(z, {
-									style: [Q.modalTitle, { color: b.text }],
-									children: v || h.data.name
+									style: [Q.modalTitle, { color: x.text }],
+									children: y || g.data.name
 								}), /* @__PURE__ */ N(V, {
-									onPress: () => m(!1),
+									onPress: () => h(!1),
 									children: /* @__PURE__ */ N(z, {
-										style: [Q.closeButton, { color: b.textMuted }],
+										style: [Q.closeButton, { color: x.textMuted }],
 										children: "✕"
 									})
 								})]
@@ -2933,7 +2934,7 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 									/* @__PURE__ */ P(H, {
 										style: Q.pickerColumn,
 										children: [/* @__PURE__ */ N(z, {
-											style: [Q.pickerLabel, { color: b.textMuted }],
+											style: [Q.pickerLabel, { color: x.textMuted }],
 											children: "Hour"
 										}), /* @__PURE__ */ N(L, {
 											ref: S,
@@ -2941,15 +2942,15 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 											contentContainerStyle: Q.pickerContent,
 											showsVerticalScrollIndicator: !1,
 											children: w.map((e) => /* @__PURE__ */ N(V, {
-												style: [Q.pickerItem, l === e && { backgroundColor: b.primary }],
+												style: [Q.pickerItem, l === e && { backgroundColor: x.primary }],
 												onPress: () => u(e),
 												activeOpacity: .7,
 												children: /* @__PURE__ */ N(z, {
 													style: [
 														Q.pickerItemText,
-														{ color: b.text },
+														{ color: x.text },
 														l === e && {
-															color: b.background,
+															color: x.background,
 															fontWeight: "600"
 														}
 													],
@@ -2959,13 +2960,13 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 										})]
 									}),
 									/* @__PURE__ */ N(z, {
-										style: [Q.pickerSeparator, { color: b.text }],
+										style: [Q.pickerSeparator, { color: x.text }],
 										children: ":"
 									}),
 									/* @__PURE__ */ P(H, {
 										style: Q.pickerColumn,
 										children: [/* @__PURE__ */ N(z, {
-											style: [Q.pickerLabel, { color: b.textMuted }],
+											style: [Q.pickerLabel, { color: x.textMuted }],
 											children: "Minute"
 										}), /* @__PURE__ */ N(L, {
 											ref: C,
@@ -2973,15 +2974,15 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 											contentContainerStyle: Q.pickerContent,
 											showsVerticalScrollIndicator: !1,
 											children: T.map((e) => /* @__PURE__ */ N(V, {
-												style: [Q.pickerItem, d === e && { backgroundColor: b.primary }],
+												style: [Q.pickerItem, d === e && { backgroundColor: x.primary }],
 												onPress: () => f(e),
 												activeOpacity: .7,
 												children: /* @__PURE__ */ N(z, {
 													style: [
 														Q.pickerItemText,
-														{ color: b.text },
+														{ color: x.text },
 														d === e && {
-															color: b.background,
+															color: x.background,
 															fontWeight: "600"
 														}
 													],
@@ -2993,11 +2994,11 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 								]
 							}),
 							/* @__PURE__ */ N(V, {
-								style: [Q.confirmButton, { backgroundColor: b.primary }],
+								style: [Q.confirmButton, { backgroundColor: x.primary }],
 								onPress: D,
 								activeOpacity: .7,
 								children: /* @__PURE__ */ N(z, {
-									style: [Q.confirmButtonText, { color: b.background }],
+									style: [Q.confirmButtonText, { color: x.background }],
 									children: "Confirm"
 								})
 							})
@@ -3005,13 +3006,13 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 					})
 				})
 			}),
-			_ && /* @__PURE__ */ N(z, {
-				style: [Q.error, { color: b.error }],
-				children: _
+			v && /* @__PURE__ */ N(z, {
+				style: [Q.error, { color: x.error }],
+				children: v
 			}),
-			y && !_ && /* @__PURE__ */ N(z, {
-				style: [Q.helperText, { color: b.textMuted }],
-				children: y
+			b && !v && /* @__PURE__ */ N(z, {
+				style: [Q.helperText, { color: x.textMuted }],
+				children: b
 			})
 		]
 	});
@@ -3106,27 +3107,27 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 		flex: 1,
 		fontSize: 14
 	}
-}), We = (e, t) => {
-	let [n, r] = j(!1), [i, a] = j(!0), { value: o } = e, { node: s, setValue: c, error: l, label: u, helperText: d } = t, { colors: f } = x(), p = _(), m = Array.isArray(o) ? o : [], h = m[0] || "", g = m[1] || "", v = h.split(":"), y = Number.parseInt(v[0], 10), b = Number.parseInt(v[1], 10), S = Number.isNaN(y) ? 0 : y, C = Number.isNaN(b) ? 0 : b, w = g.split(":"), T = Number.parseInt(w[0], 10), E = Number.parseInt(w[1], 10), D = Number.isNaN(T) ? 0 : T, ee = Number.isNaN(E) ? 0 : E, [O, k] = j(0), [A, M] = j(0), ne = Array.from({ length: 24 }, (e, t) => t), re = Array.from({ length: 60 }, (e, t) => t), F = () => h && g ? `${h} - ${g}` : h || p("renderer.defaultInputs.selectDateRange"), I = te(() => {
+}), Ke = ({ field: e, extra: t }) => {
+	let [n, r] = M(!1), [a, o] = M(!0), { value: s } = e, { node: c, setValue: l, error: u, label: d, helperText: f } = t, { colors: m } = p(), h = i(), g = Array.isArray(s) ? s : [], _ = g[0] || "", v = g[1] || "", y = _.split(":"), b = Number.parseInt(y[0], 10), x = Number.parseInt(y[1], 10), S = Number.isNaN(b) ? 0 : b, C = Number.isNaN(x) ? 0 : x, w = v.split(":"), T = Number.parseInt(w[0], 10), E = Number.parseInt(w[1], 10), D = Number.isNaN(T) ? 0 : T, ee = Number.isNaN(E) ? 0 : E, [O, k] = M(0), [A, j] = M(0), ne = Array.from({ length: 24 }, (e, t) => t), re = Array.from({ length: 60 }, (e, t) => t), ie = () => _ && v ? `${_} - ${v}` : _ || h("renderer.defaultInputs.selectDateRange"), F = te(() => {
 		let e = `${String(O).padStart(2, "0")}:${String(A).padStart(2, "0")}`;
-		i ? (c([e, g]), a(!1), k(D || 0), M(ee || 0)) : (c([h, e]), r(!1), a(!0));
+		a ? (l([e, v]), o(!1), k(D || 0), j(ee || 0)) : (l([_, e]), r(!1), o(!0));
 	}, [
-		i,
+		a,
 		O,
 		A,
-		h,
-		g,
+		_,
+		v,
 		D,
 		ee,
-		c
+		l
 	]);
 	return /* @__PURE__ */ P(H, {
 		style: $.container,
 		children: [
 			/* @__PURE__ */ P(z, {
-				style: [$.label, { color: f.textSecondary }],
-				children: [u || s.data.name, s.data.required && /* @__PURE__ */ N(z, {
-					style: { color: f.error },
+				style: [$.label, { color: m.textSecondary }],
+				children: [d || c.data.name, c.data.required && /* @__PURE__ */ N(z, {
+					style: { color: m.error },
 					children: "*"
 				})]
 			}),
@@ -3134,29 +3135,29 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 				style: [
 					$.trigger,
 					{
-						backgroundColor: f.input,
-						borderColor: f.border
+						backgroundColor: m.input,
+						borderColor: m.border
 					},
-					l && { borderColor: f.error }
+					u && { borderColor: m.error }
 				],
 				onPress: () => {
-					k(S || 0), M(C || 0), a(!0), r(!0);
+					k(S || 0), j(C || 0), o(!0), r(!0);
 				},
 				activeOpacity: .7,
 				children: [/* @__PURE__ */ N(z, {
 					style: [
 						$.triggerText,
-						{ color: f.text },
-						!h && { color: f.textMuted }
+						{ color: m.text },
+						!_ && { color: m.textMuted }
 					],
 					numberOfLines: 1,
-					children: F()
+					children: ie()
 				}), /* @__PURE__ */ N(z, {
 					style: $.icon,
 					children: "🕐"
 				})]
 			}),
-			/* @__PURE__ */ N(ae, {
+			/* @__PURE__ */ N(oe, {
 				visible: n,
 				transparent: !0,
 				animationType: "fade",
@@ -3166,28 +3167,28 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 					activeOpacity: 1,
 					onPress: () => r(!1),
 					children: /* @__PURE__ */ P(V, {
-						style: [$.modalContent, { backgroundColor: f.card }],
+						style: [$.modalContent, { backgroundColor: m.card }],
 						activeOpacity: 1,
 						onPress: () => {},
 						children: [
 							/* @__PURE__ */ P(H, {
-								style: [$.modalHeader, { borderBottomColor: f.separator }],
+								style: [$.modalHeader, { borderBottomColor: m.separator }],
 								children: [/* @__PURE__ */ N(z, {
-									style: [$.modalTitle, { color: f.text }],
-									children: u || s.data.name
+									style: [$.modalTitle, { color: m.text }],
+									children: d || c.data.name
 								}), /* @__PURE__ */ N(V, {
 									onPress: () => r(!1),
 									children: /* @__PURE__ */ N(z, {
-										style: [$.closeButton, { color: f.textMuted }],
+										style: [$.closeButton, { color: m.textMuted }],
 										children: "✕"
 									})
 								})]
 							}),
 							/* @__PURE__ */ N(H, {
-								style: [$.rangeIndicator, { backgroundColor: f.primaryLight }],
+								style: [$.rangeIndicator, { backgroundColor: m.primaryLight }],
 								children: /* @__PURE__ */ N(z, {
-									style: [$.rangeIndicatorText, { color: f.primary }],
-									children: p(i ? "renderer.defaultInputs.startTime" : "renderer.defaultInputs.endTime")
+									style: [$.rangeIndicatorText, { color: m.primary }],
+									children: h(a ? "renderer.defaultInputs.startTime" : "renderer.defaultInputs.endTime")
 								})
 							}),
 							/* @__PURE__ */ P(H, {
@@ -3196,22 +3197,22 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 									/* @__PURE__ */ P(H, {
 										style: $.pickerColumn,
 										children: [/* @__PURE__ */ N(z, {
-											style: [$.pickerLabel, { color: f.textMuted }],
+											style: [$.pickerLabel, { color: m.textMuted }],
 											children: "Hour"
 										}), /* @__PURE__ */ N(L, {
 											style: $.picker,
 											contentContainerStyle: $.pickerContent,
 											showsVerticalScrollIndicator: !1,
 											children: ne.map((e) => /* @__PURE__ */ N(V, {
-												style: [$.pickerItem, O === e && { backgroundColor: f.primary }],
+												style: [$.pickerItem, O === e && { backgroundColor: m.primary }],
 												onPress: () => k(e),
 												activeOpacity: .7,
 												children: /* @__PURE__ */ N(z, {
 													style: [
 														$.pickerItemText,
-														{ color: f.text },
+														{ color: m.text },
 														O === e && {
-															color: f.background,
+															color: m.background,
 															fontWeight: "600"
 														}
 													],
@@ -3221,28 +3222,28 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 										})]
 									}),
 									/* @__PURE__ */ N(z, {
-										style: [$.pickerSeparator, { color: f.text }],
+										style: [$.pickerSeparator, { color: m.text }],
 										children: ":"
 									}),
 									/* @__PURE__ */ P(H, {
 										style: $.pickerColumn,
 										children: [/* @__PURE__ */ N(z, {
-											style: [$.pickerLabel, { color: f.textMuted }],
+											style: [$.pickerLabel, { color: m.textMuted }],
 											children: "Minute"
 										}), /* @__PURE__ */ N(L, {
 											style: $.picker,
 											contentContainerStyle: $.pickerContent,
 											showsVerticalScrollIndicator: !1,
 											children: re.map((e) => /* @__PURE__ */ N(V, {
-												style: [$.pickerItem, A === e && { backgroundColor: f.primary }],
-												onPress: () => M(e),
+												style: [$.pickerItem, A === e && { backgroundColor: m.primary }],
+												onPress: () => j(e),
 												activeOpacity: .7,
 												children: /* @__PURE__ */ N(z, {
 													style: [
 														$.pickerItemText,
-														{ color: f.text },
+														{ color: m.text },
 														A === e && {
-															color: f.background,
+															color: m.background,
 															fontWeight: "600"
 														}
 													],
@@ -3254,25 +3255,25 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 								]
 							}),
 							/* @__PURE__ */ N(V, {
-								style: [$.confirmButton, { backgroundColor: f.primary }],
-								onPress: I,
+								style: [$.confirmButton, { backgroundColor: m.primary }],
+								onPress: F,
 								activeOpacity: .7,
 								children: /* @__PURE__ */ N(z, {
-									style: [$.confirmButtonText, { color: f.background }],
-									children: i ? "Next" : "Confirm"
+									style: [$.confirmButtonText, { color: m.background }],
+									children: a ? "Next" : "Confirm"
 								})
 							})
 						]
 					})
 				})
 			}),
-			l && /* @__PURE__ */ N(z, {
-				style: [$.error, { color: f.error }],
-				children: l
+			u && /* @__PURE__ */ N(z, {
+				style: [$.error, { color: m.error }],
+				children: u
 			}),
-			d && !l && /* @__PURE__ */ N(z, {
-				style: [$.helperText, { color: f.textMuted }],
-				children: d
+			f && !u && /* @__PURE__ */ N(z, {
+				style: [$.helperText, { color: m.textMuted }],
+				children: f
 			})
 		]
 	});
@@ -3377,75 +3378,71 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 		flex: 1,
 		fontSize: 14
 	}
-}), Ge = (e, t) => /* @__PURE__ */ P(z, { children: [
-	"TODO: Implement ",
-	t.node.data.type,
-	" input for React Native"
-] }), Ke = {
-	address: de,
-	autocomplete: me,
-	checkbox: he,
-	date: ge,
-	daterange: _e,
-	file: ve,
-	hidden: ye,
-	http: Ae,
-	number: je,
-	password: Ne,
-	radio: Fe,
-	select: Ie,
-	submit: Ge,
-	switch: Le,
-	text: Ve,
-	textarea: ze,
-	time: Ue,
-	timerange: We
-}, qe = ({ label: e, children: t, canGoBack: n, isLastStep: r, canContinue: i, isSubmitting: a, onBack: o, onContinue: s }) => {
-	let { colors: c } = x(), l = _(), u = !i || a;
+}), qe = {
+	address: fe,
+	autocomplete: he,
+	checkbox: ge,
+	date: _e,
+	daterange: ve,
+	file: ye,
+	hidden: be,
+	http: je,
+	number: Me,
+	password: Pe,
+	radio: Ie,
+	select: Le,
+	submit: Re,
+	switch: ze,
+	text: Ue,
+	textarea: Ve,
+	time: Ge,
+	timerange: Ke
+}, Je = ({ step: e, label: n, children: r, canGoBack: a, isLastStep: o, canContinue: s, isSubmitting: c, onBack: l, onContinue: u }) => {
+	let { colors: d } = p(), f = i(), m = !s || c, h = e.nodes.find((e) => t(e) && e.data.type === "submit"), g = h && t(h) ? f(h.data.label) : void 0, _ = o ? g || f("renderer.defaultSubmitButton.submit") : f("renderer.step.continue");
 	return /* @__PURE__ */ P(H, { children: [
-		e ? /* @__PURE__ */ N(z, {
-			style: [Je.label, { color: c.text }],
-			children: e
+		n ? /* @__PURE__ */ N(z, {
+			style: [Ye.label, { color: d.text }],
+			children: n
 		}) : null,
 		/* @__PURE__ */ N(H, {
-			style: Je.content,
-			children: t
+			style: Ye.content,
+			children: r
 		}),
 		/* @__PURE__ */ P(H, {
-			style: Je.actions,
-			children: [n ? /* @__PURE__ */ N(V, {
+			style: Ye.actions,
+			children: [a ? /* @__PURE__ */ N(V, {
 				style: [
-					Je.backButton,
-					{ borderColor: c.border },
-					a && Je.disabled
+					Ye.backButton,
+					{ borderColor: d.border },
+					c && Ye.disabled
 				],
-				onPress: o,
-				disabled: a,
+				onPress: l,
+				disabled: c,
 				activeOpacity: .7,
 				children: /* @__PURE__ */ N(z, {
-					style: [Je.backButtonText, { color: c.text }],
-					children: l("renderer.step.back")
+					style: [Ye.backButtonText, { color: d.text }],
+					children: f("renderer.step.back")
 				})
 			}) : /* @__PURE__ */ N(H, {}), /* @__PURE__ */ N(V, {
 				style: [
-					Je.continueButton,
-					{ backgroundColor: c.primary },
-					u && {
-						backgroundColor: c.primaryDisabled,
+					Ye.continueButton,
+					{ backgroundColor: d.primary },
+					m && {
+						backgroundColor: d.primaryDisabled,
 						opacity: .6
 					}
 				],
-				onPress: s,
-				disabled: u,
+				onPress: u,
+				disabled: m,
 				activeOpacity: .7,
-				children: a ? /* @__PURE__ */ N(ne, { color: c.primaryForeground }) : /* @__PURE__ */ N(z, {
-					style: [Je.continueButtonText, { color: c.primaryForeground }],
-					children: l(r ? "renderer.defaultSubmitButton.submit" : "renderer.step.continue")
+				children: c ? /* @__PURE__ */ N(re, { color: d.primaryForeground }) : /* @__PURE__ */ N(z, {
+					style: [Ye.continueButtonText, { color: d.primaryForeground }],
+					children: _
 				})
 			})]
 		})
 	] });
-}, Je = R.create({
+}, Ye = R.create({
 	actions: {
 		alignItems: "center",
 		flexDirection: "row",
@@ -3480,11 +3477,11 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 		fontWeight: "600",
 		marginBottom: 12
 	}
-}), Ye = ({ children: e = "Submit", disabled: t, isSubmitting: n, onPress: r }) => {
-	let { colors: i } = x();
+}), Xe = ({ children: e = "Submit", disabled: t, isSubmitting: n, onPress: r }) => {
+	let { colors: i } = p();
 	return /* @__PURE__ */ N(V, {
 		style: [
-			Xe.button,
+			Ze.button,
 			{ backgroundColor: i.primary },
 			(t || n) && {
 				backgroundColor: i.primaryDisabled,
@@ -3494,12 +3491,12 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 		disabled: t || n,
 		onPress: r,
 		activeOpacity: .7,
-		children: n ? /* @__PURE__ */ N(ne, { color: i.primaryForeground }) : /* @__PURE__ */ N(z, {
-			style: [Xe.buttonText, { color: i.primaryForeground }],
+		children: n ? /* @__PURE__ */ N(re, { color: i.primaryForeground }) : /* @__PURE__ */ N(z, {
+			style: [Ze.buttonText, { color: i.primaryForeground }],
 			children: e
 		})
 	});
-}, Xe = R.create({
+}, Ze = R.create({
 	button: {
 		alignItems: "center",
 		borderRadius: 6,
@@ -3512,16 +3509,16 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 		fontSize: 16,
 		fontWeight: "600"
 	}
-}), Ze = ({ children: e }) => e, Qe = ({ node: e }) => {
-	let t = _(), { colors: n } = x(), r = t(e.data?.label);
+}), Qe = ({ children: e }) => e, $e = ({ node: e }) => {
+	let t = i(), { colors: n } = p(), r = t(e.data?.label);
 	return /* @__PURE__ */ N(z, {
-		style: [et.title, { color: n.text }],
+		style: [tt.title, { color: n.text }],
 		children: r
 	});
-}, $e = () => {
-	let { colors: e } = x();
-	return /* @__PURE__ */ N(H, { style: [et.divider, { backgroundColor: e.separator }] });
-}, et = R.create({
+}, et = () => {
+	let { colors: e } = p();
+	return /* @__PURE__ */ N(H, { style: [tt.divider, { backgroundColor: e.separator }] });
+}, tt = R.create({
 	divider: {
 		height: 1,
 		marginBottom: 16,
@@ -3532,24 +3529,24 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 		fontWeight: "700",
 		marginBottom: 16
 	}
-}), tt = {
-	divider: $e,
-	title: Qe
-}, nt = ({ node: e, children: t }) => {
+}), nt = {
+	divider: et,
+	title: $e
+}, rt = ({ node: e, children: t }) => {
 	let { image: n } = e.data;
-	return /* @__PURE__ */ P(H, { children: [n && /* @__PURE__ */ N(ie, {
+	return /* @__PURE__ */ P(H, { children: [n && /* @__PURE__ */ N(I, {
 		source: { uri: n },
-		style: rt.image,
+		style: it.image,
 		resizeMode: "cover"
 	}), t] });
-}, rt = R.create({ image: {
+}, it = R.create({ image: {
 	borderRadius: 6,
 	height: 160,
 	marginBottom: 8,
 	width: "100%"
-} }), it = ({ style: e }) => {
-	let { colors: t } = x(), n = A(new F.Value(.5)).current;
-	return O(() => {
+} }), at = ({ style: e }) => {
+	let { colors: t } = p(), n = j(new F.Value(.5)).current;
+	return k(() => {
 		let e = F.loop(F.sequence([F.timing(n, {
 			duration: 600,
 			toValue: 1,
@@ -3561,34 +3558,34 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 		})]));
 		return e.start(), () => e.stop();
 	}, [n]), /* @__PURE__ */ N(F.View, { style: [
-		ot.bar,
+		st.bar,
 		{
 			backgroundColor: t.muted,
 			opacity: n
 		},
 		e
 	] });
-}, at = () => /* @__PURE__ */ P(H, {
+}, ot = () => /* @__PURE__ */ P(H, {
 	accessibilityState: { busy: !0 },
 	children: [
-		/* @__PURE__ */ N(it, { style: ot.title }),
+		/* @__PURE__ */ N(at, { style: st.title }),
 		/* @__PURE__ */ N(H, {
-			style: ot.fields,
+			style: st.fields,
 			children: [
 				0,
 				1,
 				2
 			].map((e) => /* @__PURE__ */ P(H, {
-				style: ot.field,
-				children: [/* @__PURE__ */ N(it, { style: ot.fieldLabel }), /* @__PURE__ */ N(it, { style: ot.fieldInput })]
+				style: st.field,
+				children: [/* @__PURE__ */ N(at, { style: st.fieldLabel }), /* @__PURE__ */ N(at, { style: st.fieldInput })]
 			}, e))
 		}),
 		/* @__PURE__ */ N(H, {
-			style: ot.actions,
-			children: /* @__PURE__ */ N(it, { style: ot.button })
+			style: st.actions,
+			children: /* @__PURE__ */ N(at, { style: st.button })
 		})
 	]
-}), ot = R.create({
+}), st = R.create({
 	actions: {
 		alignItems: "flex-end",
 		marginTop: 24
@@ -3613,8 +3610,8 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 		marginBottom: 24,
 		width: "33%"
 	}
-}), st = ({ baseUrl: e, components: t, contentContainerStyle: n, flow: i, googleApiKey: a, headers: o, initialValues: s, isLoading: c = !1, isSubmitting: l = !1, language: u, onBack: d, onChange: f, onSubmit: p, style: m, theme: h, validate: _, validationMode: v }) => {
-	let { colors: y } = x(), { canContinueStep: b, canSubmit: S, clearSubmitMessage: C, config: T, currentStep: E, currentStepGroupNode: D, currentStepIndex: ee, formErrors: O, formValues: A, goToNextStep: j, goToPreviousStep: M, handleSubmit: ne, inputNodes: re, isFirstStep: F, isLastStep: I, isSubmitting: ie, missingRequiredFields: ae, setFieldValue: R, steps: oe, submitMessage: B, t: V } = g({
+}), ct = ({ baseUrl: e, components: t, contentContainerStyle: r, flow: i, googleApiKey: a, headers: o, initialValues: s, isLoading: c = !1, isSubmitting: l = !1, language: u, onBack: d, onChange: f, onSubmit: m, showPoweredBy: h, style: g, theme: _, validate: v, validationMode: y }) => {
+	let { colors: b } = p(), { canContinueStep: x, canSubmit: S, clearSubmitMessage: C, config: w, currentStep: E, currentStepGroupNode: D, currentStepIndex: ee, formErrors: k, formValues: j, goToNextStep: M, goToPreviousStep: ne, handleSubmit: re, inputNodes: ie, isFirstStep: F, isLastStep: ae, isSubmitting: I, missingRequiredFields: oe, setFieldValue: R, steps: se, submitMessage: B, t: V } = T({
 		baseUrl: e,
 		components: t,
 		flow: i,
@@ -3623,106 +3620,107 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 		initialValues: s,
 		language: u,
 		onChange: f,
-		onSubmit: p,
-		theme: h,
-		validate: _,
-		validationMode: v
-	}), ce = l || ie, { FormWrapper: le, SubmitButtonWrapper: ue, renderNode: de } = w({
-		config: T,
-		DefaultFormWrapper: se,
-		DefaultInputWrapper: nt,
-		DefaultSubmitButton: Ye,
-		DefaultSubmitButtonWrapper: Ze,
-		defaultInputRenderers: Ke,
-		defaultUI: tt,
-		formErrors: O,
-		formValues: A,
-		inputNodes: re,
-		isSubmitting: ce,
-		missingRequiredFields: ae,
+		onSubmit: m,
+		showPoweredBy: h,
+		theme: _,
+		validate: v,
+		validationMode: y
+	}), le = l || I, { FormWrapper: ue, SubmitButtonWrapper: de, renderNode: fe } = O({
+		config: w,
+		DefaultFormWrapper: ce,
+		DefaultInputWrapper: rt,
+		DefaultSubmitButton: Xe,
+		DefaultSubmitButtonWrapper: Qe,
+		defaultInputRenderers: qe,
+		defaultUI: nt,
+		formErrors: k,
+		formValues: j,
+		inputNodes: ie,
+		isSubmitting: le,
+		missingRequiredFields: oe,
 		setFieldValue: R
-	}), U = T.components.step ?? qe, fe = T.components.loadingSkeleton ?? at, pe = k(() => V(D?.data?.label), [V, D]), me = te(() => {
-		if (I) {
-			ne();
+	}), U = w.components.step ?? Je, pe = w.components.loadingSkeleton ?? ot, me = A(() => V(D?.data?.label), [V, D]), he = te(() => {
+		if (ae) {
+			re();
 			return;
 		}
-		j();
+		M();
 	}, [
-		I,
-		ne,
-		j
+		ae,
+		re,
+		M
 	]), W = te(() => {
 		if (F) {
 			d?.();
 			return;
 		}
-		M();
+		ne();
 	}, [
 		F,
 		d,
-		M
-	]), he = !F || !!d;
+		ne
+	]), ge = !F || !!d;
 	return /* @__PURE__ */ N(L, {
 		nestedScrollEnabled: !0,
 		style: [
-			lt.container,
-			{ backgroundColor: y.background },
-			m
+			ut.container,
+			{ backgroundColor: b.background },
+			g
 		],
-		contentContainerStyle: n,
-		children: c ? /* @__PURE__ */ N(fe, {}) : /* @__PURE__ */ P(r, {
+		contentContainerStyle: r,
+		children: c ? /* @__PURE__ */ N(pe, {}) : /* @__PURE__ */ P(n, {
 			value: {
-				baseUrl: T.baseUrl,
+				baseUrl: w.baseUrl,
 				flow: i,
-				formErrors: O,
-				formValues: A,
-				googleApiKey: T.googleApiKey,
-				headers: T.headers,
-				inputNodes: re,
-				language: T.language,
+				formErrors: k,
+				formValues: j,
+				googleApiKey: w.googleApiKey,
+				headers: w.headers,
+				inputNodes: ie,
+				language: w.language,
 				setFieldValue: R
 			},
-			children: [/* @__PURE__ */ P(le, {
-				onSubmit: ne,
-				children: [E && /* @__PURE__ */ N(ue, {
-					missingFields: I ? ae : void 0,
+			children: [/* @__PURE__ */ P(ue, {
+				onSubmit: re,
+				children: [E && /* @__PURE__ */ N(de, {
+					missingFields: oe,
 					children: /* @__PURE__ */ N(U, {
 						step: E,
 						groupNode: D,
 						stepIndex: ee,
-						totalSteps: oe.length,
+						totalSteps: se.length,
 						isFirstStep: F,
-						isLastStep: I,
-						canContinue: b && (!I || S),
-						canGoBack: he,
-						isSubmitting: ce,
+						isLastStep: ae,
+						canContinue: x && (!ae || S),
+						canGoBack: ge,
+						isSubmitting: le,
 						onBack: W,
-						onContinue: me,
-						label: pe,
-						children: E.nodes.map((e) => de(e))
+						onContinue: he,
+						label: me,
+						children: E.nodes.map((e) => fe(e))
 					})
-				}), /* @__PURE__ */ N(z, {
-					style: [lt.poweredBy, { color: y.textMuted }],
+				}), w.showPoweredBy && /* @__PURE__ */ N(z, {
+					style: [ut.poweredBy, { color: b.textMuted }],
 					children: "Powered by Treege"
 				})]
 			}), B && /* @__PURE__ */ P(H, {
-				style: [lt.message, { backgroundColor: B.type === "success" ? y.successBg : y.errorBg }],
+				style: [ut.message, { backgroundColor: B.type === "success" ? b.successBg : b.errorBg }],
 				children: [/* @__PURE__ */ N(z, {
-					style: [lt.messageText, { color: B.type === "success" ? y.success : y.error }],
+					style: [ut.messageText, { color: B.type === "success" ? b.success : b.error }],
 					children: B.message
 				}), /* @__PURE__ */ N(z, {
-					style: [lt.messageClose, { color: B.type === "success" ? y.success : y.error }],
+					style: [ut.messageClose, { color: B.type === "success" ? b.success : b.error }],
 					onPress: C,
 					children: V("common.close")
 				})]
 			})]
 		})
 	});
-}, ct = (e) => /* @__PURE__ */ N(E, {
+}, lt = (e) => /* @__PURE__ */ N(v, {
 	theme: e.theme,
 	storageKey: "treege-renderer-theme",
-	children: /* @__PURE__ */ N(st, { ...e })
-}), lt = R.create({
+	children: /* @__PURE__ */ N(ct, { ...e })
+}), ut = R.create({
 	container: { flex: 1 },
 	message: {
 		borderRadius: 6,
@@ -3745,4 +3743,4 @@ var se = ({ children: e }) => /* @__PURE__ */ N(H, {
 	}
 });
 //#endregion
-export { de as DefaultAddressInput, me as DefaultAutocompleteInput, he as DefaultCheckboxInput, ge as DefaultDateInput, _e as DefaultDateRangeInput, $e as DefaultDividerUI, ve as DefaultFileInput, ye as DefaultHiddenInput, Ae as DefaultHttpInput, je as DefaultNumberInput, Ne as DefaultPasswordInput, Fe as DefaultRadioInput, Ie as DefaultSelectInput, Ge as DefaultSubmitInput, Le as DefaultSwitchInput, Ve as DefaultTextInput, ze as DefaultTextareaInput, Ue as DefaultTimeInput, We as DefaultTimeRangeInput, Qe as DefaultTitleUI, ct as TreegeRenderer, D as TreegeRendererProvider, p as applyReferenceTransformation, C as buildInitialFormValues, b as calculateReferenceFieldUpdates, h as checkFormFieldHasValue, m as convertFormValuesToNamedFormat, Ke as defaultInputRenderers, tt as defaultUI, d as evaluateCondition, y as evaluateConditions, u as fileToSerializable, ee as filesToSerializable, l as findStartNode, S as getFlowRenderState, s as getTranslatedText, c as isFieldEmpty, T as isStartNode, we as sanitize, Ee as sanitizeHttpResponse, a as serializableToFile, g as useTreegeRenderer, f as useTreegeRendererConfig };
+export { fe as DefaultAddressInput, he as DefaultAutocompleteInput, ge as DefaultCheckboxInput, _e as DefaultDateInput, ve as DefaultDateRangeInput, et as DefaultDividerUI, ye as DefaultFileInput, be as DefaultHiddenInput, je as DefaultHttpInput, Me as DefaultNumberInput, Pe as DefaultPasswordInput, Ie as DefaultRadioInput, Le as DefaultSelectInput, ze as DefaultSwitchInput, Ue as DefaultTextInput, Ve as DefaultTextareaInput, Ge as DefaultTimeInput, Ke as DefaultTimeRangeInput, $e as DefaultTitleUI, lt as TreegeRenderer, S as TreegeRendererProvider, g as applyReferenceTransformation, u as buildInitialFormValues, a as calculateReferenceFieldUpdates, m as checkFormFieldHasValue, _ as convertFormValuesToNamedFormat, qe as defaultInputRenderers, nt as defaultUI, E as evaluateCondition, ee as evaluateConditions, h as fileToSerializable, f as filesToSerializable, D as findStartNode, C as getFlowRenderState, r as getTranslatedText, s as isFieldEmpty, x as isStartNode, Te as sanitize, De as sanitizeHttpResponse, l as serializableToFile, T as useTreegeRenderer, w as useTreegeRendererConfig };