treege 3.0.0-beta.60 → 3.0.0-beta.61

package/dist/renderer-native.js

@@ -1,12 +1,12 @@
-import { E as e, N as t, O as n, P as r, S as i, a, b as o, c as s, d as c, f as l, g as u, h as d, i as f, k as p, l as m, m as h, n as g, o as _, p as v, r as y, s as b, t as x, u as S, w as C, x as w, y as T, z as E } from "./ThemeContext-Ddk_Y-Dz.js";
-import { useCallback as ee, useEffect as D, useMemo as O, useRef as k, useState as A } from "react";
-import { Fragment as te, jsx as j, jsxs as M } from "react/jsx-runtime";
-import { ActivityIndicator as N, Alert as P, Animated as F, FlatList as I, Image as ne, Modal as re, ScrollView as ie, StyleSheet as L, Switch as R, Text as z, TextInput as B, TouchableOpacity as V, View as H } from "react-native";
+import { A as e, B as t, E as n, F as r, O as i, P as a, S as o, a as s, b as c, c as l, d as u, f as d, g as f, h as p, i as m, k as h, l as g, m as _, n as v, o as y, p as b, r as x, s as S, t as C, u as w, w as T, x as E, y as D } from "./ThemeContext-cGSTk24y.js";
+import { useCallback as ee, 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 F, Alert as te, Animated as I, FlatList as ne, Image as L, Modal as re, ScrollView as ie, StyleSheet as R, Switch as z, Text as B, TextInput as ae, TouchableOpacity as V, View as H } from "react-native";
 //#region src/renderer/features/TreegeRenderer/native/components/DefaultFormWrapper.tsx
-var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
-	style: oe.container,
+var oe = ({ children: e }) => /* @__PURE__ */ N(H, {
+	style: se.container,
 	children: e
-}), oe = L.create({ container: { padding: 16 } }), se = async (e, t) => {
+}), se = R.create({ container: { padding: 16 } }), ce = async (e, t) => {
 	if (!e || e.trim().length < 3) return [];
 	try {
 		let n = await fetch(`https://nominatim.openstreetmap.org/search?q=${encodeURIComponent(e)}&format=jsonv2&addressdetails=1&limit=5`, { headers: {
@@ -21,7 +21,7 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 	} catch (e) {
 		return console.error("Nominatim fetch error:", e), [];
 	}
-}, ce = async (e, t) => {
+}, le = 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,39 +34,39 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 	} catch (e) {
 		return console.error("Google Places fetch error:", e), [];
 	}
-}, le = (e, t) => {
-	let [n, i] = A(""), [a, o] = A([]), [s, c] = A(!1), [l, u] = A(!1), { value: d, placeholder: f, id: m, name: h } = e, { node: _, setValue: v, error: y, label: b, helperText: x } = t, { language: S, googleApiKey: C } = r(), w = p(), { colors: T } = g(), E = ee((e) => {
-		v(e.value), i(""), c(!1), o([]);
-	}, [v]), O = () => {
-		c(!1);
+}, ue = (t, n) => {
+	let [i, a] = j(""), [o, s] = j([]), [c, l] = j(!1), [u, d] = j(!1), { value: f, placeholder: p, id: m, name: h } = t, { node: g, setValue: _, error: y, label: b, helperText: x } = n, { language: S, googleApiKey: C } = r(), w = e(), { colors: T } = v(), E = ee((e) => {
+		_(e.value), a(""), l(!1), s([]);
+	}, [_]), D = () => {
+		l(!1);
 	};
-	return D(() => {
-		if (!n || n.trim().length < 3) {
-			o([]), u(!1);
+	return O(() => {
+		if (!i || i.trim().length < 3) {
+			s([]), d(!1);
 			return;
 		}
-		u(!0);
+		d(!0);
 		let e = setTimeout(async () => {
-			o(C ? await ce(n, C) : await se(n, S)), u(!1);
+			s(C ? await le(i, C) : await ce(i, S)), d(!1);
 		}, 300);
 		return () => {
-			clearTimeout(e), u(!1);
+			clearTimeout(e), d(!1);
 		};
 	}, [
-		n,
+		i,
 		S,
 		C
-	]), /* @__PURE__ */ M(H, {
+	]), /* @__PURE__ */ P(H, {
 		style: U.container,
 		children: [
-			/* @__PURE__ */ M(z, {
+			/* @__PURE__ */ P(B, {
 				style: [U.label, { color: T.textSecondary }],
-				children: [b || _.data.name, _.data.required && /* @__PURE__ */ j(z, {
+				children: [b || g.data.name, g.data.required && /* @__PURE__ */ N(B, {
 					style: { color: T.error },
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ M(V, {
+			/* @__PURE__ */ P(V, {
 				style: [
 					U.trigger,
 					{
@@ -75,105 +75,105 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 					},
 					y && { borderColor: T.error }
 				],
-				onPress: () => c(!0),
+				onPress: () => l(!0),
 				activeOpacity: .7,
-				children: [/* @__PURE__ */ j(z, {
+				children: [/* @__PURE__ */ N(B, {
 					style: [
 						U.triggerText,
 						{ color: T.text },
-						!d && { color: T.textMuted }
+						!f && { color: T.textMuted }
 					],
 					numberOfLines: 1,
-					children: d || f || w("renderer.defaultAddressInput.enterAddress")
-				}), /* @__PURE__ */ j(z, {
+					children: f || p || w("renderer.defaultAddressInput.enterAddress")
+				}), /* @__PURE__ */ N(B, {
 					style: U.icon,
 					children: "📍"
 				})]
 			}),
-			/* @__PURE__ */ j(re, {
-				visible: s,
+			/* @__PURE__ */ N(re, {
+				visible: c,
 				transparent: !0,
 				animationType: "fade",
-				onRequestClose: O,
-				children: /* @__PURE__ */ j(V, {
+				onRequestClose: D,
+				children: /* @__PURE__ */ N(V, {
 					style: U.modalOverlay,
 					activeOpacity: 1,
-					onPress: O,
-					children: /* @__PURE__ */ M(V, {
+					onPress: D,
+					children: /* @__PURE__ */ P(V, {
 						style: [U.modalContent, { backgroundColor: T.card }],
 						activeOpacity: 1,
 						onPress: () => {},
 						children: [
-							/* @__PURE__ */ M(H, {
+							/* @__PURE__ */ P(H, {
 								style: [U.modalHeader, { borderBottomColor: T.separator }],
-								children: [/* @__PURE__ */ j(z, {
+								children: [/* @__PURE__ */ N(B, {
 									style: [U.modalTitle, { color: T.text }],
-									children: b || _.data.name
-								}), /* @__PURE__ */ j(V, {
-									onPress: O,
-									children: /* @__PURE__ */ j(z, {
+									children: b || g.data.name
+								}), /* @__PURE__ */ N(V, {
+									onPress: D,
+									children: /* @__PURE__ */ N(B, {
 										style: [U.closeButton, { color: T.textMuted }],
 										children: "✕"
 									})
 								})]
 							}),
-							/* @__PURE__ */ M(H, {
+							/* @__PURE__ */ P(H, {
 								style: U.searchContainer,
-								children: [/* @__PURE__ */ j(B, {
+								children: [/* @__PURE__ */ N(ae, {
 									style: [U.searchInput, {
 										backgroundColor: T.muted,
 										borderColor: T.border,
 										color: T.text
 									}],
-									placeholder: f || w("renderer.defaultAddressInput.enterAddress"),
+									placeholder: p || w("renderer.defaultAddressInput.enterAddress"),
 									placeholderTextColor: T.textMuted,
-									value: n,
-									onChangeText: i,
+									value: i,
+									onChangeText: a,
 									autoFocus: !0,
 									autoCapitalize: "none",
 									autoCorrect: !1
-								}), l && /* @__PURE__ */ j(N, {
+								}), u && /* @__PURE__ */ N(F, {
 									size: "small",
 									color: T.primary,
 									style: U.searchLoader
 								})]
 							}),
-							l ? /* @__PURE__ */ M(H, {
+							u ? /* @__PURE__ */ P(H, {
 								style: U.loadingContainer,
-								children: [/* @__PURE__ */ j(N, {
+								children: [/* @__PURE__ */ N(F, {
 									size: "small",
 									color: T.primary
-								}), /* @__PURE__ */ j(z, {
+								}), /* @__PURE__ */ N(B, {
 									style: [U.loadingText, { color: T.textMuted }],
 									children: w("renderer.defaultAddressInput.searching")
 								})]
-							}) : /* @__PURE__ */ j(I, {
-								data: a,
+							}) : /* @__PURE__ */ N(ne, {
+								data: o,
 								keyExtractor: (e, t) => t.toString(),
 								style: U.suggestionsList,
 								contentContainerStyle: U.suggestionsListContent,
 								keyboardShouldPersistTaps: "handled",
-								ListEmptyComponent: n.length >= 3 ? /* @__PURE__ */ j(H, {
+								ListEmptyComponent: i.length >= 3 ? /* @__PURE__ */ N(H, {
 									style: U.emptyContainer,
-									children: /* @__PURE__ */ j(z, {
+									children: /* @__PURE__ */ N(B, {
 										style: [U.emptyText, { color: T.textMuted }],
 										children: w("renderer.defaultAddressInput.noAddressesFound")
 									})
-								}) : /* @__PURE__ */ j(H, {
+								}) : /* @__PURE__ */ N(H, {
 									style: U.emptyContainer,
-									children: /* @__PURE__ */ j(z, {
+									children: /* @__PURE__ */ N(B, {
 										style: [U.emptyText, { color: T.textMuted }],
 										children: w("renderer.defaultAddressInput.typeMinChars")
 									})
 								}),
-								renderItem: ({ item: e }) => /* @__PURE__ */ M(V, {
+								renderItem: ({ item: e }) => /* @__PURE__ */ P(V, {
 									style: U.suggestionItem,
 									onPress: () => E(e),
 									activeOpacity: .7,
-									children: [/* @__PURE__ */ j(z, {
+									children: [/* @__PURE__ */ N(B, {
 										style: U.suggestionIcon,
 										children: "📍"
-									}), /* @__PURE__ */ j(z, {
+									}), /* @__PURE__ */ N(B, {
 										style: [U.suggestionText, { color: T.text }],
 										numberOfLines: 2,
 										children: e.label
@@ -184,17 +184,17 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 					})
 				})
 			}),
-			y && /* @__PURE__ */ j(z, {
+			y && /* @__PURE__ */ N(B, {
 				style: [U.error, { color: T.error }],
 				children: y
 			}),
-			x && !y && /* @__PURE__ */ j(z, {
+			x && !y && /* @__PURE__ */ N(B, {
 				style: [U.helperText, { color: T.textMuted }],
 				children: x
 			})
 		]
 	});
-}, U = L.create({
+}, U = R.create({
 	closeButton: {
 		fontSize: 24,
 		fontWeight: "300"
@@ -304,125 +304,159 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 		flex: 1,
 		fontSize: 14
 	}
-}), ue = (e, t) => {
-	let [n, r] = A(!1), [i, a] = A(""), { value: o, placeholder: s } = e, { node: c, setValue: l, error: u, label: d, helperText: f } = t, m = p(), { colors: h } = g(), _ = c.data.options || [], v = _.find((e) => e.value === o), y = O(() => {
-		if (!i.trim()) return _;
-		let e = i.toLowerCase();
-		return _.filter((t) => m(t.label).toLowerCase().includes(e) || t.value.toLowerCase().includes(e));
+}), de = ({ label: e, description: t, image: n, disabled: r }) => {
+	let { colors: i } = v();
+	return /* @__PURE__ */ P(H, {
+		style: fe.content,
+		children: [n ? /* @__PURE__ */ N(L, {
+			source: { uri: n },
+			style: fe.image
+		}) : null, /* @__PURE__ */ P(H, {
+			style: fe.textWrapper,
+			children: [/* @__PURE__ */ N(B, {
+				style: [fe.label, { color: r ? i.textMuted : i.text }],
+				children: e
+			}), t ? /* @__PURE__ */ N(B, {
+				style: [fe.description, { color: i.textMuted }],
+				children: t
+			}) : null]
+		})]
+	});
+}, fe = R.create({
+	content: {
+		alignItems: "center",
+		flex: 1,
+		flexDirection: "row",
+		gap: 12
+	},
+	description: {
+		fontSize: 12,
+		marginTop: 2
+	},
+	image: {
+		borderRadius: 6,
+		height: 40,
+		width: 40
+	},
+	label: { fontSize: 14 },
+	textWrapper: { flex: 1 }
+}), pe = (t, n) => {
+	let [r, i] = j(!1), [a, o] = j(""), { value: s, placeholder: c } = t, { node: l, setValue: u, error: d, label: f, helperText: p } = n, m = e(), { colors: h } = v(), g = l.data.options || [], _ = g.find((e) => e.value === s), y = k(() => {
+		if (!a.trim()) return g;
+		let e = a.toLowerCase();
+		return g.filter((t) => m(t.label).toLowerCase().includes(e) || t.value.toLowerCase().includes(e));
 	}, [
-		_,
-		i,
+		g,
+		a,
 		m
 	]), b = (e) => {
-		l(e === o ? "" : e), r(!1), a("");
+		u(e === s ? "" : e), i(!1), o("");
 	}, x = () => {
-		r(!1), a("");
+		i(!1), o("");
 	};
-	return /* @__PURE__ */ M(H, {
+	return /* @__PURE__ */ P(H, {
 		style: W.container,
 		children: [
-			/* @__PURE__ */ M(z, {
+			/* @__PURE__ */ P(B, {
 				style: [W.label, { color: h.textSecondary }],
-				children: [d || c.data.name, c.data.required && /* @__PURE__ */ j(z, {
+				children: [f || l.data.name, l.data.required && /* @__PURE__ */ N(B, {
 					style: { color: h.error },
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ M(V, {
+			/* @__PURE__ */ P(V, {
 				style: [
 					W.trigger,
 					{
 						backgroundColor: h.input,
 						borderColor: h.border
 					},
-					u && { borderColor: h.error }
+					d && { borderColor: h.error }
 				],
-				onPress: () => r(!0),
+				onPress: () => i(!0),
 				activeOpacity: .7,
-				children: [/* @__PURE__ */ j(z, {
+				children: [/* @__PURE__ */ N(B, {
 					style: [
 						W.triggerText,
 						{ color: h.text },
-						!o && { color: h.textMuted }
+						!s && { color: h.textMuted }
 					],
 					numberOfLines: 1,
-					children: o && v ? m(v.label) : s || m("renderer.defaultAutocompleteInput.selectOption")
-				}), /* @__PURE__ */ j(z, {
+					children: s && _ ? m(_.label) : c || m("renderer.defaultAutocompleteInput.selectOption")
+				}), /* @__PURE__ */ N(B, {
 					style: [W.arrow, { color: h.textMuted }],
 					children: "▼"
 				})]
 			}),
-			/* @__PURE__ */ j(re, {
-				visible: n,
+			/* @__PURE__ */ N(re, {
+				visible: r,
 				transparent: !0,
 				animationType: "fade",
 				onRequestClose: x,
-				children: /* @__PURE__ */ j(V, {
+				children: /* @__PURE__ */ N(V, {
 					style: W.modalOverlay,
 					activeOpacity: 1,
 					onPress: x,
-					children: /* @__PURE__ */ M(V, {
+					children: /* @__PURE__ */ P(V, {
 						style: [W.modalContent, { backgroundColor: h.card }],
 						activeOpacity: 1,
 						onPress: () => {},
 						children: [
-							/* @__PURE__ */ M(H, {
+							/* @__PURE__ */ P(H, {
 								style: [W.modalHeader, { borderBottomColor: h.separator }],
-								children: [/* @__PURE__ */ j(z, {
+								children: [/* @__PURE__ */ N(B, {
 									style: [W.modalTitle, { color: h.text }],
-									children: d || c.data.name
-								}), /* @__PURE__ */ j(V, {
+									children: f || l.data.name
+								}), /* @__PURE__ */ N(V, {
 									onPress: x,
-									children: /* @__PURE__ */ j(z, {
+									children: /* @__PURE__ */ N(B, {
 										style: [W.closeButton, { color: h.textMuted }],
 										children: "✕"
 									})
 								})]
 							}),
-							/* @__PURE__ */ j(H, {
+							/* @__PURE__ */ N(H, {
 								style: W.searchContainer,
-								children: /* @__PURE__ */ j(B, {
+								children: /* @__PURE__ */ N(ae, {
 									style: [W.searchInput, {
 										backgroundColor: h.muted,
 										borderColor: h.border,
 										color: h.text
 									}],
-									placeholder: s || m("renderer.defaultAutocompleteInput.search"),
+									placeholder: c || m("renderer.defaultAutocompleteInput.search"),
 									placeholderTextColor: h.textMuted,
-									value: i,
-									onChangeText: a,
+									value: a,
+									onChangeText: o,
 									autoFocus: !0,
 									autoCapitalize: "none",
 									autoCorrect: !1
 								})
 							}),
-							/* @__PURE__ */ j(I, {
+							/* @__PURE__ */ N(ne, {
 								data: y,
 								keyExtractor: (e) => e.value,
 								style: W.optionsList,
 								contentContainerStyle: W.optionsListContent,
-								ListEmptyComponent: /* @__PURE__ */ j(H, {
+								ListEmptyComponent: /* @__PURE__ */ N(H, {
 									style: W.emptyContainer,
-									children: /* @__PURE__ */ j(z, {
+									children: /* @__PURE__ */ N(B, {
 										style: [W.emptyText, { color: h.textMuted }],
 										children: m("renderer.defaultAutocompleteInput.noResults")
 									})
 								}),
 								renderItem: ({ item: e }) => {
-									let t = e.value === o;
-									return /* @__PURE__ */ M(V, {
+									let t = e.value === s;
+									return /* @__PURE__ */ P(V, {
 										style: [W.option, t && { backgroundColor: h.primaryLight }],
 										onPress: () => b(e.value),
 										disabled: e.disabled,
 										activeOpacity: .7,
-										children: [/* @__PURE__ */ j(z, {
-											style: [
-												W.optionText,
-												{ color: h.text },
-												e.disabled && { color: h.textMuted }
-											],
-											children: m(e.label)
-										}), t && /* @__PURE__ */ j(z, {
+										children: [/* @__PURE__ */ N(de, {
+											label: m(e.label) || e.value,
+											description: m(e.description),
+											image: e.image,
+											disabled: e.disabled
+										}), t && /* @__PURE__ */ N(B, {
 											style: [W.checkmark, { color: h.primary }],
 											children: "✓"
 										})]
@@ -433,17 +467,17 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 					})
 				})
 			}),
-			u && /* @__PURE__ */ j(z, {
+			d && /* @__PURE__ */ N(B, {
 				style: [W.error, { color: h.error }],
-				children: u
+				children: d
 			}),
-			f && !u && /* @__PURE__ */ j(z, {
+			p && !d && /* @__PURE__ */ N(B, {
 				style: [W.helperText, { color: h.textMuted }],
-				children: f
+				children: p
 			})
 		]
 	});
-}, W = L.create({
+}, W = R.create({
 	arrow: { fontSize: 12 },
 	checkmark: {
 		fontSize: 18,
@@ -509,10 +543,6 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 		flexShrink: 1
 	},
 	optionsListContent: { flexGrow: 0 },
-	optionText: {
-		flex: 1,
-		fontSize: 14
-	},
 	searchContainer: { marginBottom: 12 },
 	searchInput: {
 		borderRadius: 6,
@@ -534,23 +564,23 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 		flex: 1,
 		fontSize: 14
 	}
-}), de = (e, t) => {
-	let n = p(), { value: r } = e, { node: i, setValue: a, error: o, label: s, helperText: c } = t, { colors: l } = g(), u = i.data.options || [], d = u.length > 0, f = Array.isArray(r) ? r : [], m = typeof r == "boolean" ? r : !1, h = (e) => {
-		a(d ? f.includes(e) ? f.filter((t) => t !== e) : [...f, e] : !m);
-	}, _ = (e) => d ? f.includes(e) : m;
-	return /* @__PURE__ */ M(H, {
+}), me = (t, n) => {
+	let r = e(), { value: i } = t, { node: a, setValue: o, error: s, label: c, helperText: l } = n, { colors: u } = v(), d = a.data.options || [], f = d.length > 0, p = Array.isArray(i) ? i : [], m = typeof i == "boolean" ? i : !1, h = (e) => {
+		o(f ? p.includes(e) ? p.filter((t) => t !== e) : [...p, e] : !m);
+	}, g = (e) => f ? p.includes(e) : m;
+	return /* @__PURE__ */ P(H, {
 		style: G.container,
 		children: [
-			/* @__PURE__ */ M(z, {
-				style: [G.label, { color: l.textSecondary }],
-				children: [s || i.data.name, i.data.required && /* @__PURE__ */ j(z, {
-					style: { color: l.error },
+			/* @__PURE__ */ P(B, {
+				style: [G.label, { color: u.textSecondary }],
+				children: [c || a.data.name, a.data.required && /* @__PURE__ */ N(B, {
+					style: { color: u.error },
 					children: "*"
 				})]
 			}),
-			u.length > 0 ? u.map((e) => {
-				let t = n(e.description);
-				return /* @__PURE__ */ M(V, {
+			d.length > 0 ? d.map((e) => {
+				let t = r(e.description);
+				return /* @__PURE__ */ P(V, {
 					style: G.option,
 					onPress: () => h(e.value),
 					disabled: e.disabled,
@@ -558,81 +588,88 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 					accessible: !0,
 					accessibilityRole: "checkbox",
 					accessibilityState: {
-						checked: _(e.value),
+						checked: g(e.value),
 						disabled: e.disabled
 					},
-					accessibilityLabel: n(e.label) || e.value,
-					children: [/* @__PURE__ */ j(H, {
-						style: [
-							G.checkbox,
-							{
-								backgroundColor: l.input,
-								borderColor: l.border
-							},
-							_(e.value) && {
-								backgroundColor: l.primary,
-								borderColor: l.primary
-							}
-						],
-						children: _(e.value) && /* @__PURE__ */ j(z, {
-							style: G.checkmark,
-							children: "✓"
-						})
-					}), /* @__PURE__ */ M(H, {
-						style: G.optionTextContainer,
-						children: [/* @__PURE__ */ j(z, {
+					accessibilityLabel: r(e.label) || e.value,
+					children: [
+						/* @__PURE__ */ N(H, {
 							style: [
-								G.optionLabel,
-								{ color: l.textSecondary },
-								e.disabled && { color: l.textMuted }
+								G.checkbox,
+								{
+									backgroundColor: u.input,
+									borderColor: u.border
+								},
+								g(e.value) && {
+									backgroundColor: u.primary,
+									borderColor: u.primary
+								}
 							],
-							children: n(e.label) || e.value
-						}), t && /* @__PURE__ */ j(z, {
-							style: [G.optionDescription, { color: l.textMuted }],
-							children: t
-						})]
-					})]
+							children: g(e.value) && /* @__PURE__ */ N(B, {
+								style: G.checkmark,
+								children: "✓"
+							})
+						}),
+						e.image ? /* @__PURE__ */ N(L, {
+							source: { uri: e.image },
+							style: G.image
+						}) : null,
+						/* @__PURE__ */ P(H, {
+							style: G.optionTextContainer,
+							children: [/* @__PURE__ */ N(B, {
+								style: [
+									G.optionLabel,
+									{ color: u.textSecondary },
+									e.disabled && { color: u.textMuted }
+								],
+								children: r(e.label) || e.value
+							}), t && /* @__PURE__ */ N(B, {
+								style: [G.optionDescription, { color: u.textMuted }],
+								children: t
+							})]
+						})
+					]
 				}, e.value);
-			}) : /* @__PURE__ */ M(V, {
+			}) : /* @__PURE__ */ P(V, {
 				style: G.option,
 				onPress: () => h(""),
 				activeOpacity: .7,
 				accessible: !0,
 				accessibilityRole: "checkbox",
 				accessibilityState: { checked: m },
-				accessibilityLabel: s || i.data.name,
-				children: [/* @__PURE__ */ j(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
 						},
 						m && {
-							backgroundColor: l.primary,
-							borderColor: l.primary
+							backgroundColor: u.primary,
+							borderColor: u.primary
 						}
 					],
-					children: m && /* @__PURE__ */ j(z, {
+					children: m && /* @__PURE__ */ N(B, {
 						style: G.checkmark,
 						children: "✓"
 					})
-				}), /* @__PURE__ */ j(z, {
-					style: [G.optionLabel, { color: l.textSecondary }],
-					children: s || i.data.name
+				}), /* @__PURE__ */ N(B, {
+					style: [G.optionLabel, { color: u.textSecondary }],
+					children: c || a.data.name
 				})]
 			}),
-			o && /* @__PURE__ */ j(z, {
-				style: [G.error, { color: l.error }],
-				children: o
+			s && /* @__PURE__ */ N(B, {
+				style: [G.error, { color: u.error }],
+				children: s
 			}),
-			c && !o && /* @__PURE__ */ j(z, {
-				style: [G.helperText, { color: l.textMuted }],
-				children: c
+			l && !s && /* @__PURE__ */ N(B, {
+				style: [G.helperText, { color: u.textMuted }],
+				children: l
 			})
 		]
 	});
-}, G = L.create({
+}, G = R.create({
 	checkbox: {
 		alignItems: "center",
 		borderRadius: 4,
@@ -656,6 +693,12 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 		fontSize: 12,
 		marginTop: 4
 	},
+	image: {
+		borderRadius: 4,
+		height: 32,
+		marginRight: 8,
+		width: 32
+	},
 	label: {
 		fontSize: 14,
 		fontWeight: "500",
@@ -672,15 +715,15 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 	},
 	optionLabel: { fontSize: 14 },
 	optionTextContainer: { flex: 1 }
-}), fe = (e, t) => {
-	let [n, r] = A(!1), { value: i, placeholder: a } = e, { node: o, setValue: s, error: c, label: l, helperText: u } = t, { colors: d } = g(), f = p(), m = i ? new Date(i) : void 0, { year: h, month: _, today: v } = O(() => {
+}), he = (t, n) => {
+	let [r, i] = j(!1), { value: a, placeholder: o } = t, { node: s, setValue: c, error: l, label: u, helperText: d } = n, { colors: f } = v(), p = e(), m = a ? new Date(a) : void 0, { year: h, month: g, today: _ } = k(() => {
 		let e = m || /* @__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
 		};
-	}, [m]), [y, b] = A(h), [x, S] = A(_), C = [
+	}, [m]), [y, b] = j(h), [x, S] = j(g), C = [
 		"January",
 		"February",
 		"March",
@@ -693,7 +736,7 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 		"October",
 		"November",
 		"December"
-	], w = O(() => {
+	], w = k(() => {
 		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(y, x - 1, n - t),
@@ -713,107 +756,107 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 		});
 		return r;
 	}, [y, x]), T = ee((e) => {
-		o.data.disablePast && e < v || (s(e.toISOString()), r(!1));
+		s.data.disablePast && e < _ || (c(e.toISOString()), i(!1));
 	}, [
-		o.data.disablePast,
-		v,
-		s
+		s.data.disablePast,
+		_,
+		c
 	]), E = () => {
 		x === 0 ? (S(11), b(y - 1)) : S(x - 1);
 	}, D = () => {
 		x === 11 ? (S(0), b(y + 1)) : S(x + 1);
-	}, k = () => m ? m.toLocaleDateString() : a || f("renderer.defaultInputs.selectDate"), te = (e) => o.data.disablePast ? e < v : !1, N = (e) => m ? e.getDate() === m.getDate() && e.getMonth() === m.getMonth() && e.getFullYear() === m.getFullYear() : !1;
-	return /* @__PURE__ */ M(H, {
+	}, O = () => m ? m.toLocaleDateString() : o || p("renderer.defaultInputs.selectDate"), A = (e) => s.data.disablePast ? e < _ : !1, M = (e) => m ? e.getDate() === m.getDate() && e.getMonth() === m.getMonth() && e.getFullYear() === m.getFullYear() : !1;
+	return /* @__PURE__ */ P(H, {
 		style: K.container,
 		children: [
-			/* @__PURE__ */ M(z, {
-				style: [K.label, { color: d.textSecondary }],
-				children: [l || o.data.name, o.data.required && /* @__PURE__ */ j(z, {
-					style: { color: d.error },
+			/* @__PURE__ */ P(B, {
+				style: [K.label, { color: f.textSecondary }],
+				children: [u || s.data.name, s.data.required && /* @__PURE__ */ N(B, {
+					style: { color: f.error },
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ M(V, {
+			/* @__PURE__ */ P(V, {
 				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),
+				onPress: () => i(!0),
 				activeOpacity: .7,
-				children: [/* @__PURE__ */ j(z, {
+				children: [/* @__PURE__ */ N(B, {
 					style: [
 						K.triggerText,
-						{ color: d.text },
-						!i && { color: d.textMuted }
+						{ color: f.text },
+						!a && { color: f.textMuted }
 					],
 					numberOfLines: 1,
-					children: k()
-				}), /* @__PURE__ */ j(z, {
+					children: O()
+				}), /* @__PURE__ */ N(B, {
 					style: K.icon,
 					children: "📅"
 				})]
 			}),
-			/* @__PURE__ */ j(re, {
-				visible: n,
+			/* @__PURE__ */ N(re, {
+				visible: r,
 				transparent: !0,
 				animationType: "fade",
-				onRequestClose: () => r(!1),
-				children: /* @__PURE__ */ j(V, {
+				onRequestClose: () => i(!1),
+				children: /* @__PURE__ */ N(V, {
 					style: K.modalOverlay,
 					activeOpacity: 1,
-					onPress: () => r(!1),
-					children: /* @__PURE__ */ M(V, {
-						style: [K.modalContent, { backgroundColor: d.card }],
+					onPress: () => i(!1),
+					children: /* @__PURE__ */ P(V, {
+						style: [K.modalContent, { backgroundColor: f.card }],
 						activeOpacity: 1,
 						onPress: () => {},
 						children: [
-							/* @__PURE__ */ M(H, {
-								style: [K.modalHeader, { borderBottomColor: d.separator }],
-								children: [/* @__PURE__ */ j(z, {
-									style: [K.modalTitle, { color: d.text }],
-									children: l || o.data.name
-								}), /* @__PURE__ */ j(V, {
-									onPress: () => r(!1),
-									children: /* @__PURE__ */ j(z, {
-										style: [K.closeButton, { color: d.textMuted }],
+							/* @__PURE__ */ P(H, {
+								style: [K.modalHeader, { borderBottomColor: f.separator }],
+								children: [/* @__PURE__ */ N(B, {
+									style: [K.modalTitle, { color: f.text }],
+									children: u || s.data.name
+								}), /* @__PURE__ */ N(V, {
+									onPress: () => i(!1),
+									children: /* @__PURE__ */ N(B, {
+										style: [K.closeButton, { color: f.textMuted }],
 										children: "✕"
 									})
 								})]
 							}),
-							/* @__PURE__ */ M(H, {
+							/* @__PURE__ */ P(H, {
 								style: K.calendarHeader,
 								children: [
-									/* @__PURE__ */ j(V, {
+									/* @__PURE__ */ N(V, {
 										onPress: E,
 										style: K.navButton,
-										children: /* @__PURE__ */ j(z, {
-											style: [K.navButtonText, { color: d.primary }],
+										children: /* @__PURE__ */ N(B, {
+											style: [K.navButtonText, { color: f.primary }],
 											children: "‹"
 										})
 									}),
-									/* @__PURE__ */ M(z, {
-										style: [K.monthYear, { color: d.text }],
+									/* @__PURE__ */ P(B, {
+										style: [K.monthYear, { color: f.text }],
 										children: [
 											C[x],
 											" ",
 											y
 										]
 									}),
-									/* @__PURE__ */ j(V, {
+									/* @__PURE__ */ N(V, {
 										onPress: D,
 										style: K.navButton,
-										children: /* @__PURE__ */ j(z, {
-											style: [K.navButtonText, { color: d.primary }],
+										children: /* @__PURE__ */ N(B, {
+											style: [K.navButtonText, { color: f.primary }],
 											children: "›"
 										})
 									})
 								]
 							}),
-							/* @__PURE__ */ j(H, {
+							/* @__PURE__ */ N(H, {
 								style: K.weekDays,
 								children: [
 									"Sun",
@@ -823,12 +866,12 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 									"Thu",
 									"Fri",
 									"Sat"
-								].map((e) => /* @__PURE__ */ j(z, {
-									style: [K.weekDay, { color: d.textMuted }],
+								].map((e) => /* @__PURE__ */ N(B, {
+									style: [K.weekDay, { color: f.textMuted }],
 									children: e
 								}, e))
 							}),
-							/* @__PURE__ */ j(I, {
+							/* @__PURE__ */ N(ne, {
 								data: w,
 								keyExtractor: (e, t) => `${e.date.getTime()}-${t}`,
 								numColumns: 7,
@@ -836,13 +879,13 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 								style: K.calendar,
 								contentContainerStyle: K.calendarContent,
 								renderItem: ({ item: e }) => {
-									let t = te(e.date), n = N(e.date);
-									return /* @__PURE__ */ j(V, {
+									let t = A(e.date), n = M(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
@@ -850,16 +893,16 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 										onPress: () => T(e.date),
 										disabled: t,
 										activeOpacity: .7,
-										children: /* @__PURE__ */ j(z, {
+										children: /* @__PURE__ */ N(B, {
 											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
 										})
@@ -870,17 +913,17 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 					})
 				})
 			}),
-			c && /* @__PURE__ */ j(z, {
-				style: [K.error, { color: d.error }],
-				children: c
+			l && /* @__PURE__ */ N(B, {
+				style: [K.error, { color: f.error }],
+				children: l
 			}),
-			u && !c && /* @__PURE__ */ j(z, {
-				style: [K.helperText, { color: d.textMuted }],
-				children: u
+			d && !l && /* @__PURE__ */ N(B, {
+				style: [K.helperText, { color: f.textMuted }],
+				children: d
 			})
 		]
 	});
-}, K = L.create({
+}, K = R.create({
 	calendar: {
 		flexGrow: 0,
 		flexShrink: 1
@@ -980,15 +1023,15 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 		flexDirection: "row",
 		marginBottom: 8
 	}
-}), pe = (e, t) => {
-	let [n, r] = A(!1), [i, a] = A(!0), { value: o } = e, { node: s, setValue: c, error: l, label: u, helperText: d } = t, f = p(), { colors: m } = g(), h = Array.isArray(o) ? o : [], _ = h[0] ? new Date(h[0]) : void 0, v = h[1] ? new Date(h[1]) : void 0, { year: y, month: b, today: x } = O(() => {
-		let e = _ || /* @__PURE__ */ new Date(), t = e.getFullYear(), n = e.getMonth(), r = /* @__PURE__ */ new Date();
+}), ge = (t, n) => {
+	let [r, i] = j(!1), [a, o] = j(!0), { value: s } = t, { node: c, setValue: l, error: u, label: d, helperText: f } = n, p = e(), { colors: m } = v(), h = Array.isArray(s) ? s : [], g = h[0] ? new Date(h[0]) : void 0, _ = h[1] ? new Date(h[1]) : void 0, { year: y, month: b, today: x } = k(() => {
+		let e = g || /* @__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
 		};
-	}, [_]), [S, C] = A(y), [w, T] = A(b), E = [
+	}, [g]), [S, C] = j(y), [w, T] = j(b), E = [
 		"January",
 		"February",
 		"March",
@@ -1001,7 +1044,7 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 		"October",
 		"November",
 		"December"
-	], D = O(() => {
+	], D = k(() => {
 		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),
@@ -1020,104 +1063,104 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 			isCurrentMonth: !1
 		});
 		return r;
-	}, [S, w]), k = ee((e) => {
-		s.data.disablePast && e < x || (i ? (c([e.toISOString(), v?.toISOString()]), a(!1)) : (c(_ && e < _ ? [e.toISOString(), _.toISOString()] : [_?.toISOString(), e.toISOString()]), r(!1), a(!0)));
+	}, [S, w]), O = ee((e) => {
+		c.data.disablePast && e < x || (a ? (l([e.toISOString(), _?.toISOString()]), o(!1)) : (l(g && e < g ? [e.toISOString(), g.toISOString()] : [g?.toISOString(), e.toISOString()]), i(!1), o(!0)));
 	}, [
-		s.data.disablePast,
+		c.data.disablePast,
 		x,
-		i,
+		a,
+		g,
 		_,
-		v,
-		c
-	]), te = () => {
+		l
+	]), A = () => {
 		w === 0 ? (T(11), C(S - 1)) : T(w - 1);
-	}, N = () => {
+	}, M = () => {
 		w === 11 ? (T(0), C(S + 1)) : T(w + 1);
-	}, P = () => _ && v ? `${_.toLocaleDateString()} - ${v.toLocaleDateString()}` : _ ? _.toLocaleDateString() : f("renderer.defaultInputs.selectDateRange"), F = (e) => s.data.disablePast ? e < x : !1, ne = (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();
+	}, F = () => g && _ ? `${g.toLocaleDateString()} - ${_.toLocaleDateString()}` : g ? g.toLocaleDateString() : p("renderer.defaultInputs.selectDateRange"), te = (e) => c.data.disablePast ? e < x : !1, I = (e) => g && _ ? e >= g && e <= _ : !1, L = (e) => {
+		if (!(g || _)) return !1;
+		let t = g && e.getDate() === g.getDate() && e.getMonth() === g.getMonth() && e.getFullYear() === g.getFullYear(), n = _ && e.getDate() === _.getDate() && e.getMonth() === _.getMonth() && e.getFullYear() === _.getFullYear();
 		return t || n;
 	};
-	return /* @__PURE__ */ M(H, {
+	return /* @__PURE__ */ P(H, {
 		style: q.container,
 		children: [
-			/* @__PURE__ */ M(z, {
+			/* @__PURE__ */ P(B, {
 				style: [q.label, { color: m.textSecondary }],
-				children: [u || s.data.name, s.data.required && /* @__PURE__ */ j(z, {
+				children: [d || c.data.name, c.data.required && /* @__PURE__ */ N(B, {
 					style: { color: m.error },
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ M(V, {
+			/* @__PURE__ */ P(V, {
 				style: [
 					q.trigger,
 					{
 						backgroundColor: m.input,
 						borderColor: m.border
 					},
-					l && { borderColor: m.error }
+					u && { borderColor: m.error }
 				],
-				onPress: () => r(!0),
+				onPress: () => i(!0),
 				activeOpacity: .7,
-				children: [/* @__PURE__ */ j(z, {
+				children: [/* @__PURE__ */ N(B, {
 					style: [
 						q.triggerText,
 						{ color: m.text },
-						!_ && { color: m.textMuted }
+						!g && { color: m.textMuted }
 					],
 					numberOfLines: 1,
-					children: P()
-				}), /* @__PURE__ */ j(z, {
+					children: F()
+				}), /* @__PURE__ */ N(B, {
 					style: q.icon,
 					children: "📅"
 				})]
 			}),
-			/* @__PURE__ */ j(re, {
-				visible: n,
+			/* @__PURE__ */ N(re, {
+				visible: r,
 				transparent: !0,
 				animationType: "fade",
-				onRequestClose: () => r(!1),
-				children: /* @__PURE__ */ j(V, {
+				onRequestClose: () => i(!1),
+				children: /* @__PURE__ */ N(V, {
 					style: q.modalOverlay,
 					activeOpacity: 1,
-					onPress: () => r(!1),
-					children: /* @__PURE__ */ M(V, {
+					onPress: () => i(!1),
+					children: /* @__PURE__ */ P(V, {
 						style: [q.modalContent, { backgroundColor: m.card }],
 						activeOpacity: 1,
 						onPress: () => {},
 						children: [
-							/* @__PURE__ */ M(H, {
+							/* @__PURE__ */ P(H, {
 								style: [q.modalHeader, { borderBottomColor: m.separator }],
-								children: [/* @__PURE__ */ j(z, {
+								children: [/* @__PURE__ */ N(B, {
 									style: [q.modalTitle, { color: m.text }],
-									children: u || s.data.name
-								}), /* @__PURE__ */ j(V, {
-									onPress: () => r(!1),
-									children: /* @__PURE__ */ j(z, {
+									children: d || c.data.name
+								}), /* @__PURE__ */ N(V, {
+									onPress: () => i(!1),
+									children: /* @__PURE__ */ N(B, {
 										style: [q.closeButton, { color: m.textMuted }],
 										children: "✕"
 									})
 								})]
 							}),
-							/* @__PURE__ */ j(H, {
+							/* @__PURE__ */ N(H, {
 								style: [q.rangeIndicator, { backgroundColor: m.primaryLight }],
-								children: /* @__PURE__ */ j(z, {
+								children: /* @__PURE__ */ N(B, {
 									style: [q.rangeIndicatorText, { color: m.primary }],
-									children: f(i ? "renderer.defaultInputs.startDate" : "renderer.defaultInputs.endDate")
+									children: p(a ? "renderer.defaultInputs.startDate" : "renderer.defaultInputs.endDate")
 								})
 							}),
-							/* @__PURE__ */ M(H, {
+							/* @__PURE__ */ P(H, {
 								style: q.calendarHeader,
 								children: [
-									/* @__PURE__ */ j(V, {
-										onPress: te,
+									/* @__PURE__ */ N(V, {
+										onPress: A,
 										style: q.navButton,
-										children: /* @__PURE__ */ j(z, {
+										children: /* @__PURE__ */ N(B, {
 											style: [q.navButtonText, { color: m.primary }],
 											children: "‹"
 										})
 									}),
-									/* @__PURE__ */ M(z, {
+									/* @__PURE__ */ P(B, {
 										style: [q.monthYear, { color: m.text }],
 										children: [
 											E[w],
@@ -1125,17 +1168,17 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 											S
 										]
 									}),
-									/* @__PURE__ */ j(V, {
-										onPress: N,
+									/* @__PURE__ */ N(V, {
+										onPress: M,
 										style: q.navButton,
-										children: /* @__PURE__ */ j(z, {
+										children: /* @__PURE__ */ N(B, {
 											style: [q.navButtonText, { color: m.primary }],
 											children: "›"
 										})
 									})
 								]
 							}),
-							/* @__PURE__ */ j(H, {
+							/* @__PURE__ */ N(H, {
 								style: q.weekDays,
 								children: [
 									"Sun",
@@ -1145,12 +1188,12 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 									"Thu",
 									"Fri",
 									"Sat"
-								].map((e) => /* @__PURE__ */ j(z, {
+								].map((e) => /* @__PURE__ */ N(B, {
 									style: [q.weekDay, { color: m.textMuted }],
 									children: e
 								}, e))
 							}),
-							/* @__PURE__ */ j(I, {
+							/* @__PURE__ */ N(ne, {
 								data: D,
 								keyExtractor: (e, t) => `${e.date.getTime()}-${t}`,
 								numColumns: 7,
@@ -1158,8 +1201,8 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 								style: q.calendar,
 								contentContainerStyle: q.calendarContent,
 								renderItem: ({ item: e }) => {
-									let t = F(e.date), n = ne(e.date), r = ie(e.date);
-									return /* @__PURE__ */ j(V, {
+									let t = te(e.date), n = I(e.date), r = L(e.date);
+									return /* @__PURE__ */ N(V, {
 										style: [
 											q.dayCell,
 											!e.isCurrentMonth && q.dayCellOtherMonth,
@@ -1170,10 +1213,10 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 											},
 											t && q.dayCellDisabled
 										],
-										onPress: () => k(e.date),
+										onPress: () => O(e.date),
 										disabled: t,
 										activeOpacity: .7,
-										children: /* @__PURE__ */ j(z, {
+										children: /* @__PURE__ */ N(B, {
 											style: [
 												q.dayText,
 												{ color: m.text },
@@ -1194,17 +1237,17 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 					})
 				})
 			}),
-			l && /* @__PURE__ */ j(z, {
+			u && /* @__PURE__ */ N(B, {
 				style: [q.error, { color: m.error }],
-				children: l
+				children: u
 			}),
-			d && !l && /* @__PURE__ */ j(z, {
+			f && !u && /* @__PURE__ */ N(B, {
 				style: [q.helperText, { color: m.textMuted }],
-				children: d
+				children: f
 			})
 		]
 	});
-}, q = L.create({
+}, q = R.create({
 	calendar: {
 		flexGrow: 0,
 		flexShrink: 1
@@ -1314,137 +1357,137 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 		flexDirection: "row",
 		marginBottom: 8
 	}
-}), me = (e, t) => {
-	let [n, r] = A(null), [i, a] = A(!0), { value: o } = e, { node: s, setValue: c, error: l, label: u, helperText: d } = t, { colors: f } = g(), m = p(), h = Array.isArray(o) ? o : o ? [o] : [], _ = s.data.multiple, v = ee(async () => {
-		if (n) try {
-			let e = (await n({ allowMultiSelection: _ })).map((e) => ({
+}), _e = (t, n) => {
+	let [r, i] = j(null), [a, o] = j(!0), { value: s } = t, { node: c, setValue: l, error: u, label: d, helperText: f } = n, { colors: p } = v(), m = e(), h = Array.isArray(s) ? s : s ? [s] : [], g = c.data.multiple, _ = ee(async () => {
+		if (r) try {
+			let e = (await r({ allowMultiSelection: g })).map((e) => ({
 				data: e.uri,
 				lastModified: Date.now(),
 				name: e.name,
 				size: e.size,
 				type: e.type || "application/octet-stream"
 			}));
-			c(_ ? [...h, ...e] : e[0] || null);
+			l(g ? [...h, ...e] : e[0] || null);
 		} catch (e) {
-			e.code !== "DOCUMENT_PICKER_CANCELED" && P.alert("Error", m("renderer.defaultInputs.filePickerError"));
+			e.code !== "DOCUMENT_PICKER_CANCELED" && te.alert("Error", m("renderer.defaultInputs.filePickerError"));
 		}
 	}, [
-		n,
+		r,
 		h,
-		_,
-		c,
+		g,
+		l,
 		m
 	]), y = ee((e) => {
 		let t = h.filter((t, n) => n !== e);
-		c(t.length > 0 ? t : null);
-	}, [h, c]), b = (e) => e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
-	return D(() => {
+		l(t.length > 0 ? t : null);
+	}, [h, l]), b = (e) => e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
+	return O(() => {
 		(async () => {
 			try {
 				let { pick: e } = await import("react-native-document-picker");
-				r(() => e);
+				i(() => e);
 			} catch {
-				r(null);
+				i(null);
 			} finally {
-				a(!1);
+				o(!1);
 			}
 		})();
-	}, []), i ? null : n ? /* @__PURE__ */ M(H, {
+	}, []), a ? null : r ? /* @__PURE__ */ P(H, {
 		style: J.container,
 		children: [
-			/* @__PURE__ */ M(z, {
-				style: [J.label, { color: f.textSecondary }],
-				children: [u || s.data.name, s.data.required && /* @__PURE__ */ j(z, {
-					style: { color: f.error },
+			/* @__PURE__ */ P(B, {
+				style: [J.label, { color: p.textSecondary }],
+				children: [d || c.data.name, c.data.required && /* @__PURE__ */ N(B, {
+					style: { color: p.error },
 					children: "*"
 				})]
 			}),
-			h.length > 0 && /* @__PURE__ */ j(H, {
+			h.length > 0 && /* @__PURE__ */ N(H, {
 				style: J.filesList,
-				children: h.map((e, t) => /* @__PURE__ */ M(H, {
+				children: h.map((e, t) => /* @__PURE__ */ P(H, {
 					style: [J.fileItem, {
-						backgroundColor: f.card,
-						borderColor: f.separator
+						backgroundColor: p.card,
+						borderColor: p.separator
 					}],
 					children: [
-						/* @__PURE__ */ j(H, {
-							style: [J.fileIcon, { backgroundColor: f.muted }],
-							children: /* @__PURE__ */ j(z, {
+						/* @__PURE__ */ N(H, {
+							style: [J.fileIcon, { backgroundColor: p.muted }],
+							children: /* @__PURE__ */ N(B, {
 								style: J.fileIconText,
 								children: "📄"
 							})
 						}),
-						/* @__PURE__ */ M(H, {
+						/* @__PURE__ */ P(H, {
 							style: J.fileInfo,
-							children: [/* @__PURE__ */ j(z, {
-								style: [J.fileName, { color: f.text }],
+							children: [/* @__PURE__ */ N(B, {
+								style: [J.fileName, { color: p.text }],
 								numberOfLines: 1,
 								children: e.name
-							}), e.size > 0 && /* @__PURE__ */ j(z, {
-								style: [J.fileSize, { color: f.textMuted }],
+							}), e.size > 0 && /* @__PURE__ */ N(B, {
+								style: [J.fileSize, { color: p.textMuted }],
 								children: b(e.size)
 							})]
 						}),
-						/* @__PURE__ */ j(V, {
+						/* @__PURE__ */ N(V, {
 							style: J.removeButton,
 							onPress: () => y(t),
 							activeOpacity: .7,
-							children: /* @__PURE__ */ j(z, {
-								style: [J.removeButtonText, { color: f.textMuted }],
+							children: /* @__PURE__ */ N(B, {
+								style: [J.removeButtonText, { color: p.textMuted }],
 								children: "✕"
 							})
 						})
 					]
 				}, `${e.name}-${t}`))
 			}),
-			/* @__PURE__ */ j(V, {
+			/* @__PURE__ */ N(V, {
 				style: [J.pickButton, {
-					backgroundColor: f.input,
-					borderColor: f.border
+					backgroundColor: p.input,
+					borderColor: p.border
 				}],
-				onPress: v,
+				onPress: _,
 				activeOpacity: .7,
-				children: /* @__PURE__ */ j(z, {
-					style: [J.pickButtonText, { color: f.textMuted }],
-					children: h.length === 0 ? m(_ ? "renderer.defaultInputs.selectFiles" : "renderer.defaultInputs.selectFile") : m(_ ? "renderer.defaultInputs.addMoreFiles" : "renderer.defaultInputs.replaceFile")
+				children: /* @__PURE__ */ N(B, {
+					style: [J.pickButtonText, { color: p.textMuted }],
+					children: h.length === 0 ? m(g ? "renderer.defaultInputs.selectFiles" : "renderer.defaultInputs.selectFile") : m(g ? "renderer.defaultInputs.addMoreFiles" : "renderer.defaultInputs.replaceFile")
 				})
 			}),
-			l && /* @__PURE__ */ j(z, {
-				style: [J.error, { color: f.error }],
-				children: l
+			u && /* @__PURE__ */ N(B, {
+				style: [J.error, { color: p.error }],
+				children: u
 			}),
-			d && !l && /* @__PURE__ */ j(z, {
-				style: [J.helperText, { color: f.textMuted }],
-				children: d
+			f && !u && /* @__PURE__ */ N(B, {
+				style: [J.helperText, { color: p.textMuted }],
+				children: f
 			})
 		]
-	}) : /* @__PURE__ */ M(H, {
+	}) : /* @__PURE__ */ P(H, {
 		style: J.container,
 		children: [
-			/* @__PURE__ */ M(z, {
-				style: [J.label, { color: f.textSecondary }],
-				children: [u || s.data.name, s.data.required && /* @__PURE__ */ j(z, {
-					style: { color: f.error },
+			/* @__PURE__ */ P(B, {
+				style: [J.label, { color: p.textSecondary }],
+				children: [d || c.data.name, c.data.required && /* @__PURE__ */ N(B, {
+					style: { color: p.error },
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ j(H, {
+			/* @__PURE__ */ N(H, {
 				style: [J.unavailableContainer, {
-					backgroundColor: f.errorLight,
-					borderColor: f.error
+					backgroundColor: p.errorLight,
+					borderColor: p.error
 				}],
-				children: /* @__PURE__ */ j(z, {
-					style: [J.unavailableText, { color: f.error }],
+				children: /* @__PURE__ */ N(B, {
+					style: [J.unavailableText, { color: p.error }],
 					children: m("renderer.defaultInputs.filePickerUnavailable")
 				})
 			}),
-			d && /* @__PURE__ */ j(z, {
-				style: [J.helperText, { color: f.textMuted }],
-				children: d
+			f && /* @__PURE__ */ N(B, {
+				style: [J.helperText, { color: p.textMuted }],
+				children: f
 			})
 		]
 	});
-}, J = L.create({
+}, J = R.create({
 	container: { marginBottom: 16 },
 	error: {
 		fontSize: 12,
@@ -1513,15 +1556,15 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 		fontSize: 12,
 		textAlign: "center"
 	}
-}), he = (e, t) => null, ge = ({ missing: e, children: t }) => {
-	let n = p(), { colors: r } = g();
-	return /* @__PURE__ */ M(te, { children: [t, e.length > 0 && /* @__PURE__ */ M(H, {
-		style: _e.container,
-		children: [/* @__PURE__ */ j(z, {
-			style: [_e.title, { color: r.textMuted }],
-			children: n("renderer.dependencyHint.title")
-		}), e.map((e) => /* @__PURE__ */ M(z, {
-			style: [_e.item, { color: r.textMuted }],
+}), ve = (e, t) => null, ye = ({ missing: t, children: n }) => {
+	let r = e(), { colors: i } = v();
+	return /* @__PURE__ */ P(M, { children: [n, t.length > 0 && /* @__PURE__ */ P(H, {
+		style: be.container,
+		children: [/* @__PURE__ */ N(B, {
+			style: [be.title, { color: i.textMuted }],
+			children: r("renderer.dependencyHint.title")
+		}), t.map((e) => /* @__PURE__ */ P(B, {
+			style: [be.item, { color: i.textMuted }],
 			children: [
 				"•",
 				" ",
@@ -1529,7 +1572,7 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 			]
 		}, e.id))]
 	})] });
-}, _e = L.create({
+}, be = R.create({
 	container: {
 		gap: 2,
 		marginTop: 4
@@ -1539,285 +1582,282 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 		fontSize: 12,
 		fontWeight: "500"
 	}
-}), ve = (e) => e.replace(/<[^>]*>/g, ""), ye = (e) => e.replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, "\"").replace(/&#x27;/g, "'").replace(/&#x2F;/g, "/"), be = (e, t = {}) => e == null || e === "" ? "" : ye(ve(String(e))), xe = 100, Se = (e, t = {}, n = 0, r = /* @__PURE__ */ new WeakSet()) => {
-	if (n > xe) return console.warn(`sanitizeHttpResponse: Maximum depth (${xe}) exceeded.`), typeof e == "string" ? be(e, t) : "[Max Depth Exceeded]";
+}), xe = (e) => e.replace(/<[^>]*>/g, ""), Se = (e) => e.replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, "\"").replace(/&#x27;/g, "'").replace(/&#x2F;/g, "/"), Ce = (e, t = {}) => e == null || e === "" ? "" : Se(xe(String(e))), we = 100, Te = (e, t = {}, n = 0, r = /* @__PURE__ */ new WeakSet()) => {
+	if (n > we) return console.warn(`sanitizeHttpResponse: Maximum depth (${we}) exceeded.`), typeof e == "string" ? Ce(e, t) : "[Max Depth Exceeded]";
 	if (e == null) return e;
-	if (typeof e == "string") return be(e, t);
-	if (Array.isArray(e)) return e.map((e) => Se(e, t, n + 1, r));
+	if (typeof e == "string") return Ce(e, t);
+	if (Array.isArray(e)) return e.map((e) => Te(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] = Se(o, t, n + 1, r);
+		for (let [a, o] of Object.entries(e)) i[a] = Te(o, t, n + 1, r);
 		return r.delete(e), i;
 	}
 	return e;
-}, Ce = (e) => {
+}, Ee = (e) => {
 	let t = e.matchAll(/{{([\w-]+)}}/g);
 	return Array.from(t, (e) => e[1]);
-}, we = (e, t) => Ce(e).every((e) => {
+}, De = (e, t) => Ee(e).every((e) => {
 	let n = t[e];
 	return n != null && n !== "";
-}), Te = (e, t, n = !1) => e.replace(/{{([\w-]+)}}/g, (e, r) => {
+}), Oe = (e, t, n = !1) => e.replace(/{{([\w-]+)}}/g, (e, r) => {
 	let i = t[r], a = i == null ? "" : String(i);
 	return n ? encodeURIComponent(a) : a;
-}), Ee = (t, a) => {
-	let [o, s] = A(!1), [c, l] = A(null), [u, f] = A([]), [m, h] = A(""), [_, v] = A(!1), { value: y, placeholder: b } = t, { node: x, setValue: S, error: w, label: T, helperText: E, missingDependencies: te } = a, { formValues: P, inputNodes: F, headers: ne, baseUrl: ie } = r(), { colors: L } = g(), { httpConfig: R } = x.data, ae = p(), oe = k(!1), se = k(!1), ce = k(""), le = k(R), U = k(P), ue = k(F), W = k(ne), de = k(ie), G = k(S), fe = k(null), K = k(null), pe = O(() => R?.url ? Ce(R.url) : [], [R?.url]), q = pe.length > 0, me = O(() => pe.map((e) => `${e}:${String(P[e] ?? "")}`).join("|"), [pe, P]), J = O(() => R?.url ? q ? we(R.url, P) : !0 : !1, [
-		R?.url,
-		q,
-		P
-	]), he = ee(async (t) => {
-		K.current && K.current.abort();
-		let r = new AbortController();
-		K.current = r;
-		let a = le.current, o = U.current, c = G.current;
-		if (!a?.url) {
-			l(ae("renderer.defaultHttpInput.noUrlConfigured")), K.current = null;
+}), ke = (t, a) => {
+	let [s, c] = j(!1), [l, u] = j(null), [d, f] = j([]), [m, g] = j(""), [_, y] = j(!1), { value: b, placeholder: x } = t, { node: S, setValue: C, error: w, label: E, helperText: D, missingDependencies: M } = a, { formValues: te, inputNodes: I, headers: L, baseUrl: ie } = r(), { colors: R } = v(), { httpConfig: z } = S.data, oe = e(), se = A(!1), ce = A(!1), le = A(""), ue = A(z), U = A(te), fe = A(I), pe = A(L), W = A(ie), me = A(C), G = A(null), he = A(null), K = k(() => z?.url ? Ee(z.url) : [], [z?.url]), ge = K.length > 0, q = k(() => K.map((e) => `${e}:${String(te[e] ?? "")}`).join("|"), [K, te]), _e = k(() => z?.url ? ge ? De(z.url, te) : !0 : !1, [
+		z?.url,
+		ge,
+		te
+	]), J = ee(async (e) => {
+		he.current && he.current.abort();
+		let t = new AbortController();
+		he.current = t;
+		let r = ue.current, a = U.current, s = me.current;
+		if (!r?.url) {
+			u(oe("renderer.defaultHttpInput.noUrlConfigured")), he.current = null;
 			return;
 		}
-		if (a.url && !we(a.url, o)) {
-			K.current = null;
+		if (r.url && !De(r.url, a)) {
+			he.current = null;
 			return;
 		}
-		s(!0), l(null);
+		c(!0), u(null);
 		try {
-			let u = n(Te(a.url, o, !0), de.current), p = i(a.searchParam && t ? `${u}${u.includes("?") ? "&" : "?"}${a.searchParam}=${encodeURIComponent(t)}` : u, a.queryParams?.map((e) => ({
-				key: e.key,
-				value: Te(e.value, o)
-			}))), m = (e) => ({
-				key: e.key,
-				value: Te(e.value, o)
-			}), h = e([{
-				key: "Content-Type",
-				value: "application/json"
-			}], W.current?.map(m), a.headers?.map(m)), g = [
+			let l = h(Oe(r.url, a, !0), W.current), d = o(r.searchParam && e ? `${l}${l.includes("?") ? "&" : "?"}${r.searchParam}=${encodeURIComponent(e)}` : l, i(r.queryParams, a)), m = n({ "Content-Type": "application/json" }, i(pe.current, a), i(r.headers, a)), g = [
 				"POST",
 				"PUT",
 				"PATCH"
-			].includes(a.method || "") ? a.sendAllFormValues ? JSON.stringify(d(o, ue.current)) : a.body ? Te(a.body, o) : void 0 : void 0, _ = setTimeout(() => r.abort(), 3e4), v = await fetch(p, {
+			].includes(r.method || "") ? r.sendAllFormValues ? JSON.stringify(p(a, fe.current)) : r.body ? Oe(r.body, a) : void 0 : void 0, _ = setTimeout(() => t.abort(), 3e4), v = await fetch(d, {
 				body: g || void 0,
-				headers: Object.fromEntries(h.filter((e) => e.key && e.value).map((e) => [e.key, e.value])),
-				method: a.method || "GET",
-				signal: r.signal
+				headers: Object.fromEntries(Object.entries(m).filter(([, e]) => e)),
+				method: r.method || "GET",
+				signal: t.signal
 			});
 			if (clearTimeout(_), !v.ok) {
-				l(`HTTP Error ${v.status}: ${v.statusText}`), s(!1);
+				u(`HTTP Error ${v.status}: ${v.statusText}`), c(!1);
 				return;
 			}
-			let y = Se(await v.json()), b = a.responsePath ? C(y, a.responsePath) : y;
-			if (a.responseMapping && Array.isArray(b)) {
-				let { valueField: e = "value", labelField: t = "label" } = a.responseMapping;
-				f(b.map((n) => ({
-					label: String(C(n, t) || ""),
-					value: String(C(n, e) || "")
-				})));
-			} else c(typeof b == "string" ? b : JSON.stringify(b));
+			let y = Te(await v.json()), b = r.responsePath ? T(y, r.responsePath) : y;
+			if (r.responseMapping && Array.isArray(b)) {
+				let { valueField: e = "value", labelField: t = "label", descriptionField: n, imageField: i } = r.responseMapping;
+				f(b.map((r) => {
+					let a = n ? T(r, n) : void 0, o = i ? T(r, i) : void 0;
+					return {
+						description: a != null && a !== "" ? String(a) : void 0,
+						image: typeof o == "string" && o !== "" ? o : void 0,
+						label: String(T(r, t) || ""),
+						value: String(T(r, e) || "")
+					};
+				}));
+			} else s(typeof b == "string" ? b : JSON.stringify(b));
 		} catch (e) {
 			if (e instanceof Error && e.name === "AbortError") return;
-			l(e instanceof Error ? e.message : ae("renderer.defaultHttpInput.fetchFailed")), console.error("HTTP Input fetch error:", e);
+			u(e instanceof Error ? e.message : oe("renderer.defaultHttpInput.fetchFailed")), console.error("HTTP Input fetch error:", e);
 		} finally {
-			s(!1), K.current = null;
+			c(!1), he.current = null;
 		}
-	}, [ae]);
-	if (D(() => {
-		le.current = R, U.current = P, ue.current = F, W.current = ne, de.current = ie, G.current = S, fe.current = he;
+	}, [oe]);
+	if (O(() => {
+		ue.current = z, U.current = te, fe.current = I, pe.current = L, W.current = ie, me.current = C, G.current = J;
 	}, [
-		R,
-		P,
-		F,
-		ne,
+		z,
+		te,
+		I,
+		L,
 		ie,
-		S,
-		he
-	]), D(() => () => {
-		K.current && K.current.abort(), oe.current = !1, se.current = !1;
-	}, []), D(() => {
-		if (oe.current) return;
-		oe.current = !0;
-		let e = le.current, t = U.current, n = fe.current, r = e?.url && we(e.url, t);
-		e?.fetchOnMount && r && n && (n(), e.url && (ce.current = Ce(e.url).map((e) => `${e}:${String(t[e] ?? "")}`).join("|")));
-	}, []), D(() => {
-		if (!oe.current || !q || ce.current === me || !J) return;
+		C,
+		J
+	]), O(() => () => {
+		he.current && he.current.abort(), se.current = !1, ce.current = !1;
+	}, []), O(() => {
+		if (se.current) return;
+		se.current = !0;
+		let e = ue.current, t = U.current, n = G.current, r = e?.url && De(e.url, t);
+		e?.fetchOnMount && r && n && (n(), e.url && (le.current = Ee(e.url).map((e) => `${e}:${String(t[e] ?? "")}`).join("|")));
+	}, []), O(() => {
+		if (!se.current || !ge || le.current === q || !_e) return;
 		let e = setTimeout(() => {
-			he(), ce.current = me;
+			J(), le.current = q;
 		}, 500);
 		return () => clearTimeout(e);
 	}, [
-		me,
 		q,
-		J,
-		he
-	]), D(() => {
-		if (!se.current) {
-			se.current = !0;
+		ge,
+		_e,
+		J
+	]), O(() => {
+		if (!ce.current) {
+			ce.current = !0;
 			return;
 		}
-		let e = le.current, t = U.current, n = fe.current, r = e?.url && we(e.url, t);
-		e?.fetchOnMount && r && n && (n(), e.url && (ce.current = Ce(e.url).map((e) => `${e}:${String(t[e] ?? "")}`).join("|")));
-	}, [O(() => 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])]), D(() => {
-		if (!(R?.searchParam && m)) return;
+		let e = ue.current, t = U.current, n = G.current, r = e?.url && De(e.url, t);
+		e?.fetchOnMount && r && n && (n(), e.url && (le.current = Ee(e.url).map((e) => `${e}:${String(t[e] ?? "")}`).join("|")));
+	}, [k(() => JSON.stringify({
+		body: z?.body,
+		fetchOnMount: z?.fetchOnMount,
+		headers: z?.headers,
+		method: z?.method,
+		queryParams: z?.queryParams,
+		responseMapping: z?.responseMapping,
+		responsePath: z?.responsePath,
+		searchParam: z?.searchParam,
+		sendAllFormValues: z?.sendAllFormValues,
+		url: z?.url
+	}), [z])]), O(() => {
+		if (!(z?.searchParam && m)) return;
 		let e = setTimeout(() => {
-			he(m);
+			J(m);
 		}, 300);
 		return () => clearTimeout(e);
 	}, [
 		m,
-		R?.searchParam,
-		he
-	]), R?.responseMapping) {
-		let e = Array.isArray(y) ? y[0] : y, t = u.find((t) => t.value === e);
-		if (R.searchParam) {
-			let n = o && R?.showLoading;
-			return /* @__PURE__ */ M(H, {
+		z?.searchParam,
+		J
+	]), z?.responseMapping) {
+		let e = Array.isArray(b) ? b[0] : b, t = d.find((t) => t.value === e);
+		if (z.searchParam) {
+			let n = s && z?.showLoading;
+			return /* @__PURE__ */ P(H, {
 				style: Y.container,
 				children: [
-					/* @__PURE__ */ M(z, {
-						style: [Y.label, { color: L.textSecondary }],
-						children: [T || x.data.name, x.data.required && /* @__PURE__ */ j(z, {
-							style: { color: L.error },
+					/* @__PURE__ */ P(B, {
+						style: [Y.label, { color: R.textSecondary }],
+						children: [E || S.data.name, S.data.required && /* @__PURE__ */ N(B, {
+							style: { color: R.error },
 							children: "*"
 						})]
 					}),
-					/* @__PURE__ */ j(ge, {
-						missing: te,
-						children: /* @__PURE__ */ M(V, {
+					/* @__PURE__ */ N(ye, {
+						missing: M,
+						children: /* @__PURE__ */ P(V, {
 							style: [
 								Y.trigger,
 								{
-									backgroundColor: L.input,
-									borderColor: L.border
+									backgroundColor: R.input,
+									borderColor: R.border
 								},
-								w && { borderColor: L.error },
-								te.length > 0 && { backgroundColor: L.muted }
+								w && { borderColor: R.error },
+								M.length > 0 && { backgroundColor: R.muted }
 							],
-							onPress: () => v(!0),
-							disabled: te.length > 0,
+							onPress: () => y(!0),
+							disabled: M.length > 0,
 							activeOpacity: .7,
-							children: [n ? /* @__PURE__ */ M(H, {
+							children: [n ? /* @__PURE__ */ P(H, {
 								style: Y.loadingTrigger,
-								children: [/* @__PURE__ */ j(N, {
+								children: [/* @__PURE__ */ N(F, {
 									size: "small",
-									color: L.primary
-								}), /* @__PURE__ */ j(z, {
-									style: [Y.triggerText, { color: L.textMuted }],
+									color: R.primary
+								}), /* @__PURE__ */ N(B, {
+									style: [Y.triggerText, { color: R.textMuted }],
 									numberOfLines: 1,
-									children: t?.label || b || ae("renderer.defaultHttpInput.search")
+									children: t?.label || x || oe("renderer.defaultHttpInput.search")
 								})]
-							}) : /* @__PURE__ */ j(z, {
+							}) : /* @__PURE__ */ N(B, {
 								style: [
 									Y.triggerText,
-									{ color: L.text },
-									!t && { color: L.textMuted }
+									{ color: R.text },
+									!t && { color: R.textMuted }
 								],
 								numberOfLines: 1,
-								children: t?.label || b || ae("renderer.defaultHttpInput.search")
-							}), /* @__PURE__ */ j(z, {
-								style: [Y.arrow, { color: L.textMuted }],
+								children: t?.label || x || oe("renderer.defaultHttpInput.search")
+							}), /* @__PURE__ */ N(B, {
+								style: [Y.arrow, { color: R.textMuted }],
 								children: "▼"
 							})]
 						})
 					}),
-					/* @__PURE__ */ j(re, {
+					/* @__PURE__ */ N(re, {
 						visible: _,
 						transparent: !0,
 						animationType: "fade",
-						onRequestClose: () => v(!1),
-						children: /* @__PURE__ */ j(V, {
+						onRequestClose: () => y(!1),
+						children: /* @__PURE__ */ N(V, {
 							style: Y.modalOverlay,
 							activeOpacity: 1,
-							onPress: () => v(!1),
-							children: /* @__PURE__ */ M(V, {
-								style: [Y.modalContent, { backgroundColor: L.card }],
+							onPress: () => y(!1),
+							children: /* @__PURE__ */ P(V, {
+								style: [Y.modalContent, { backgroundColor: R.card }],
 								activeOpacity: 1,
 								onPress: () => {},
 								children: [
-									/* @__PURE__ */ M(H, {
-										style: [Y.modalHeader, { borderBottomColor: L.separator }],
-										children: [/* @__PURE__ */ j(z, {
-											style: [Y.modalTitle, { color: L.text }],
-											children: T || x.data.name
-										}), /* @__PURE__ */ j(V, {
-											onPress: () => v(!1),
-											children: /* @__PURE__ */ j(z, {
-												style: [Y.closeButton, { color: L.textMuted }],
+									/* @__PURE__ */ P(H, {
+										style: [Y.modalHeader, { borderBottomColor: R.separator }],
+										children: [/* @__PURE__ */ N(B, {
+											style: [Y.modalTitle, { color: R.text }],
+											children: E || S.data.name
+										}), /* @__PURE__ */ N(V, {
+											onPress: () => y(!1),
+											children: /* @__PURE__ */ N(B, {
+												style: [Y.closeButton, { color: R.textMuted }],
 												children: "✕"
 											})
 										})]
 									}),
-									/* @__PURE__ */ j(H, {
+									/* @__PURE__ */ N(H, {
 										style: Y.searchContainer,
-										children: /* @__PURE__ */ j(B, {
+										children: /* @__PURE__ */ N(ae, {
 											style: [Y.searchInput, {
-												backgroundColor: L.muted,
-												borderColor: L.border,
-												color: L.text
+												backgroundColor: R.muted,
+												borderColor: R.border,
+												color: R.text
 											}],
-											placeholder: ae("renderer.defaultHttpInput.search"),
-											placeholderTextColor: L.textMuted,
+											placeholder: oe("renderer.defaultHttpInput.search"),
+											placeholderTextColor: R.textMuted,
 											value: m,
 											onChangeText: (e) => {
-												h(e), l(null);
+												g(e), u(null);
 											},
 											autoFocus: !0,
 											autoCapitalize: "none",
 											autoCorrect: !1
 										})
 									}),
-									o ? /* @__PURE__ */ j(H, {
+									s ? /* @__PURE__ */ N(H, {
 										style: Y.loadingContainer,
-										children: /* @__PURE__ */ j(N, {
+										children: /* @__PURE__ */ N(F, {
 											size: "small",
-											color: L.primary
+											color: R.primary
 										})
-									}) : c ? /* @__PURE__ */ M(H, {
+									}) : l ? /* @__PURE__ */ P(H, {
 										style: Y.errorContainer,
-										children: [/* @__PURE__ */ j(z, {
-											style: [Y.errorText, { color: L.error }],
-											children: c
-										}), /* @__PURE__ */ j(V, {
-											onPress: () => he(m),
+										children: [/* @__PURE__ */ N(B, {
+											style: [Y.errorText, { color: R.error }],
+											children: l
+										}), /* @__PURE__ */ N(V, {
+											onPress: () => J(m),
 											style: Y.retryButton,
-											children: /* @__PURE__ */ j(z, {
-												style: [Y.retryButtonText, { color: L.primary }],
-												children: ae("renderer.defaultHttpInput.retry")
+											children: /* @__PURE__ */ N(B, {
+												style: [Y.retryButtonText, { color: R.primary }],
+												children: oe("renderer.defaultHttpInput.retry")
 											})
 										})]
-									}) : /* @__PURE__ */ j(I, {
-										data: u,
+									}) : /* @__PURE__ */ N(ne, {
+										data: d,
 										keyExtractor: (e) => e.value,
 										style: Y.optionsList,
 										contentContainerStyle: Y.optionsListContent,
-										ListEmptyComponent: /* @__PURE__ */ j(H, {
+										ListEmptyComponent: /* @__PURE__ */ N(H, {
 											style: Y.emptyContainer,
-											children: /* @__PURE__ */ j(z, {
-												style: [Y.emptyText, { color: L.textMuted }],
-												children: ae("renderer.defaultHttpInput.noResults")
+											children: /* @__PURE__ */ N(B, {
+												style: [Y.emptyText, { color: R.textMuted }],
+												children: oe("renderer.defaultHttpInput.noResults")
 											})
 										}),
 										renderItem: ({ item: t }) => {
 											let n = t.value === e;
-											return /* @__PURE__ */ M(V, {
-												style: [Y.option, n && { backgroundColor: L.primaryLight }],
+											return /* @__PURE__ */ P(V, {
+												style: [Y.option, n && { backgroundColor: R.primaryLight }],
 												onPress: () => {
-													S(t.value), v(!1);
+													C(t.value), y(!1);
 												},
 												activeOpacity: .7,
-												children: [/* @__PURE__ */ j(z, {
-													style: [Y.optionText, { color: L.text }],
-													children: t.label
-												}), n && /* @__PURE__ */ j(z, {
-													style: [Y.checkmark, { color: L.primary }],
+												children: [/* @__PURE__ */ N(de, {
+													label: t.label,
+													description: t.description,
+													image: t.image
+												}), n && /* @__PURE__ */ N(B, {
+													style: [Y.checkmark, { color: R.primary }],
 													children: "✓"
 												})]
 											});
@@ -1827,112 +1867,113 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 							})
 						})
 					}),
-					w && /* @__PURE__ */ j(z, {
-						style: [Y.error, { color: L.error }],
+					w && /* @__PURE__ */ N(B, {
+						style: [Y.error, { color: R.error }],
 						children: w
 					}),
-					E && !w && /* @__PURE__ */ j(z, {
-						style: [Y.helperText, { color: L.textMuted }],
-						children: E
+					D && !w && /* @__PURE__ */ N(B, {
+						style: [Y.helperText, { color: R.textMuted }],
+						children: D
 					})
 				]
 			});
 		}
-		let n = o && R?.showLoading, r = te.length === 0 && u.length === 0 && !n ? c ?? ae("renderer.defaultHttpInput.noDataAvailable") : void 0;
-		return /* @__PURE__ */ M(H, {
+		let n = s && z?.showLoading, r = M.length === 0 && d.length === 0 && !n ? l ?? oe("renderer.defaultHttpInput.noDataAvailable") : void 0;
+		return /* @__PURE__ */ P(H, {
 			style: Y.container,
 			children: [
-				/* @__PURE__ */ M(z, {
-					style: [Y.label, { color: L.textSecondary }],
-					children: [T || x.data.name, x.data.required && /* @__PURE__ */ j(z, {
-						style: { color: L.error },
+				/* @__PURE__ */ P(B, {
+					style: [Y.label, { color: R.textSecondary }],
+					children: [E || S.data.name, S.data.required && /* @__PURE__ */ N(B, {
+						style: { color: R.error },
 						children: "*"
 					})]
 				}),
-				/* @__PURE__ */ j(ge, {
-					missing: te,
-					children: /* @__PURE__ */ M(V, {
+				/* @__PURE__ */ N(ye, {
+					missing: M,
+					children: /* @__PURE__ */ P(V, {
 						style: [
 							Y.trigger,
 							{
-								backgroundColor: L.input,
-								borderColor: L.border
+								backgroundColor: R.input,
+								borderColor: R.border
 							},
-							w && { borderColor: L.error },
-							(n || u.length === 0) && { backgroundColor: L.muted }
+							w && { borderColor: R.error },
+							(n || d.length === 0) && { backgroundColor: R.muted }
 						],
-						onPress: () => v(!0),
-						disabled: n || u.length === 0,
+						onPress: () => y(!0),
+						disabled: n || d.length === 0,
 						activeOpacity: .7,
 						children: [
-							n && /* @__PURE__ */ j(N, {
+							n && /* @__PURE__ */ N(F, {
 								size: "small",
-								color: L.primary,
+								color: R.primary,
 								style: Y.triggerLoader
 							}),
-							/* @__PURE__ */ j(z, {
+							/* @__PURE__ */ N(B, {
 								style: [
 									Y.triggerText,
-									{ color: L.text },
-									!t && { color: L.textMuted }
+									{ color: R.text },
+									!t && { color: R.textMuted }
 								],
 								numberOfLines: 1,
-								children: t?.label || b || ae("renderer.defaultHttpInput.selectOption")
+								children: t?.label || x || oe("renderer.defaultHttpInput.selectOption")
 							}),
-							/* @__PURE__ */ j(z, {
-								style: [Y.arrow, { color: L.textMuted }],
+							/* @__PURE__ */ N(B, {
+								style: [Y.arrow, { color: R.textMuted }],
 								children: "▼"
 							})
 						]
 					})
 				}),
-				r && /* @__PURE__ */ j(z, {
-					style: [Y.disabledMessage, { color: L.error }],
+				r && /* @__PURE__ */ N(B, {
+					style: [Y.disabledMessage, { color: R.error }],
 					children: r
 				}),
-				/* @__PURE__ */ j(re, {
+				/* @__PURE__ */ N(re, {
 					visible: _,
 					transparent: !0,
 					animationType: "fade",
-					onRequestClose: () => v(!1),
-					children: /* @__PURE__ */ j(V, {
+					onRequestClose: () => y(!1),
+					children: /* @__PURE__ */ N(V, {
 						style: Y.modalOverlay,
 						activeOpacity: 1,
-						onPress: () => v(!1),
-						children: /* @__PURE__ */ M(V, {
-							style: [Y.modalContent, { backgroundColor: L.card }],
+						onPress: () => y(!1),
+						children: /* @__PURE__ */ P(V, {
+							style: [Y.modalContent, { backgroundColor: R.card }],
 							activeOpacity: 1,
 							onPress: () => {},
-							children: [/* @__PURE__ */ M(H, {
-								style: [Y.modalHeader, { borderBottomColor: L.separator }],
-								children: [/* @__PURE__ */ j(z, {
-									style: [Y.modalTitle, { color: L.text }],
-									children: T || x.data.name
-								}), /* @__PURE__ */ j(V, {
-									onPress: () => v(!1),
-									children: /* @__PURE__ */ j(z, {
-										style: [Y.closeButton, { color: L.textMuted }],
+							children: [/* @__PURE__ */ P(H, {
+								style: [Y.modalHeader, { borderBottomColor: R.separator }],
+								children: [/* @__PURE__ */ N(B, {
+									style: [Y.modalTitle, { color: R.text }],
+									children: E || S.data.name
+								}), /* @__PURE__ */ N(V, {
+									onPress: () => y(!1),
+									children: /* @__PURE__ */ N(B, {
+										style: [Y.closeButton, { color: R.textMuted }],
 										children: "✕"
 									})
 								})]
-							}), /* @__PURE__ */ j(I, {
-								data: u,
+							}), /* @__PURE__ */ N(ne, {
+								data: d,
 								keyExtractor: (e) => e.value,
 								style: Y.optionsList,
 								contentContainerStyle: Y.optionsListContent,
 								renderItem: ({ item: t }) => {
 									let n = t.value === e;
-									return /* @__PURE__ */ M(V, {
-										style: [Y.option, n && { backgroundColor: L.primaryLight }],
+									return /* @__PURE__ */ P(V, {
+										style: [Y.option, n && { backgroundColor: R.primaryLight }],
 										onPress: () => {
-											S(t.value), v(!1);
+											C(t.value), y(!1);
 										},
 										activeOpacity: .7,
-										children: [/* @__PURE__ */ j(z, {
-											style: [Y.optionText, { color: L.text }],
-											children: t.label
-										}), n && /* @__PURE__ */ j(z, {
-											style: [Y.checkmark, { color: L.primary }],
+										children: [/* @__PURE__ */ N(de, {
+											label: t.label,
+											description: t.description,
+											image: t.image
+										}), n && /* @__PURE__ */ N(B, {
+											style: [Y.checkmark, { color: R.primary }],
 											children: "✓"
 										})]
 									});
@@ -1941,47 +1982,47 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 						})
 					})
 				}),
-				w && /* @__PURE__ */ j(z, {
-					style: [Y.error, { color: L.error }],
+				w && /* @__PURE__ */ N(B, {
+					style: [Y.error, { color: R.error }],
 					children: w
 				}),
-				E && !w && /* @__PURE__ */ j(z, {
-					style: [Y.helperText, { color: L.textMuted }],
-					children: E
+				D && !w && /* @__PURE__ */ N(B, {
+					style: [Y.helperText, { color: R.textMuted }],
+					children: D
 				})
 			]
 		});
 	}
-	return /* @__PURE__ */ M(H, {
+	return /* @__PURE__ */ P(H, {
 		style: Y.container,
 		children: [
-			/* @__PURE__ */ M(z, {
-				style: [Y.label, { color: L.textSecondary }],
-				children: [T || x.data.name, x.data.required && /* @__PURE__ */ j(z, {
-					style: { color: L.error },
+			/* @__PURE__ */ P(B, {
+				style: [Y.label, { color: R.textSecondary }],
+				children: [E || S.data.name, S.data.required && /* @__PURE__ */ N(B, {
+					style: { color: R.error },
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ j(B, {
+			/* @__PURE__ */ N(ae, {
 				style: [Y.input, {
-					backgroundColor: L.muted,
-					borderColor: L.border,
-					color: L.textMuted
+					backgroundColor: R.muted,
+					borderColor: R.border,
+					color: R.textMuted
 				}],
-				value: typeof y == "string" ? y : JSON.stringify(y),
+				value: typeof b == "string" ? b : JSON.stringify(b),
 				editable: !1
 			}),
-			w && /* @__PURE__ */ j(z, {
-				style: [Y.error, { color: L.error }],
+			w && /* @__PURE__ */ N(B, {
+				style: [Y.error, { color: R.error }],
 				children: w
 			}),
-			E && !w && /* @__PURE__ */ j(z, {
-				style: [Y.helperText, { color: L.textMuted }],
-				children: E
+			D && !w && /* @__PURE__ */ N(B, {
+				style: [Y.helperText, { color: R.textMuted }],
+				children: D
 			})
 		]
 	});
-}, Y = L.create({
+}, Y = R.create({
 	arrow: { fontSize: 12 },
 	checkmark: {
 		fontSize: 18,
@@ -2076,10 +2117,6 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 		flexShrink: 1
 	},
 	optionsListContent: { flexGrow: 0 },
-	optionText: {
-		flex: 1,
-		fontSize: 14
-	},
 	retryButton: { marginTop: 12 },
 	retryButtonText: {
 		fontSize: 14,
@@ -2107,23 +2144,23 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 		flex: 1,
 		fontSize: 14
 	}
-}), De = (e, t) => {
-	let { value: n, placeholder: r, name: i } = e, [a, o] = A(n?.toString() ?? ""), { node: s, setValue: c, error: l, label: u, helperText: d } = t, { colors: f } = g();
-	return D(() => {
+}), Ae = (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 } = v();
+	return O(() => {
 		o(n?.toString() ?? "");
-	}, [n]), /* @__PURE__ */ M(H, {
-		style: Oe.container,
+	}, [n]), /* @__PURE__ */ P(H, {
+		style: je.container,
 		children: [
-			/* @__PURE__ */ M(z, {
-				style: [Oe.label, { color: f.textSecondary }],
-				children: [u || s.data.name, s.data.required && /* @__PURE__ */ j(z, {
+			/* @__PURE__ */ P(B, {
+				style: [je.label, { color: f.textSecondary }],
+				children: [u || s.data.name, s.data.required && /* @__PURE__ */ N(B, {
 					style: { color: f.error },
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ j(B, {
+			/* @__PURE__ */ N(ae, {
 				style: [
-					Oe.input,
+					je.input,
 					{
 						backgroundColor: f.input,
 						borderColor: f.border,
@@ -2145,17 +2182,17 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 				keyboardType: "numeric",
 				accessibilityLabel: i
 			}),
-			l && /* @__PURE__ */ j(z, {
-				style: [Oe.error, { color: f.error }],
+			l && /* @__PURE__ */ N(B, {
+				style: [je.error, { color: f.error }],
 				children: l
 			}),
-			d && !l && /* @__PURE__ */ j(z, {
-				style: [Oe.helperText, { color: f.textMuted }],
+			d && !l && /* @__PURE__ */ N(B, {
+				style: [je.helperText, { color: f.textMuted }],
 				children: d
 			})
 		]
 	});
-}, Oe = L.create({
+}, je = R.create({
 	container: { marginBottom: 16 },
 	error: {
 		fontSize: 12,
@@ -2177,23 +2214,23 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 		fontWeight: "500",
 		marginBottom: 8
 	}
-}), ke = (e, t) => {
-	let [n, r] = A(!1), { value: i, placeholder: a, name: o } = e, { node: s, setValue: c, error: l, label: u, helperText: d } = t, { colors: f } = g();
-	return /* @__PURE__ */ M(H, {
-		style: Ae.container,
+}), Me = (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 } = v();
+	return /* @__PURE__ */ P(H, {
+		style: Ne.container,
 		children: [
-			/* @__PURE__ */ M(z, {
-				style: [Ae.label, { color: f.textSecondary }],
-				children: [u || s.data.name, s.data.required && /* @__PURE__ */ j(z, {
+			/* @__PURE__ */ P(B, {
+				style: [Ne.label, { color: f.textSecondary }],
+				children: [u || s.data.name, s.data.required && /* @__PURE__ */ N(B, {
 					style: { color: f.error },
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ M(H, {
-				style: Ae.inputWrapper,
-				children: [/* @__PURE__ */ j(B, {
+			/* @__PURE__ */ P(H, {
+				style: Ne.inputWrapper,
+				children: [/* @__PURE__ */ N(ae, {
 					style: [
-						Ae.input,
+						Ne.input,
 						{
 							backgroundColor: f.input,
 							borderColor: f.border,
@@ -2207,27 +2244,27 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 					placeholderTextColor: f.textMuted,
 					secureTextEntry: !n,
 					accessibilityLabel: o
-				}), /* @__PURE__ */ j(V, {
-					style: Ae.toggleButton,
+				}), /* @__PURE__ */ N(V, {
+					style: Ne.toggleButton,
 					onPress: () => r(!n),
 					activeOpacity: .7,
-					children: /* @__PURE__ */ j(z, {
-						style: [Ae.toggleText, { color: f.primary }],
+					children: /* @__PURE__ */ N(B, {
+						style: [Ne.toggleText, { color: f.primary }],
 						children: n ? "Hide" : "Show"
 					})
 				})]
 			}),
-			l && /* @__PURE__ */ j(z, {
-				style: [Ae.error, { color: f.error }],
+			l && /* @__PURE__ */ N(B, {
+				style: [Ne.error, { color: f.error }],
 				children: l
 			}),
-			d && !l && /* @__PURE__ */ j(z, {
-				style: [Ae.helperText, { color: f.textMuted }],
+			d && !l && /* @__PURE__ */ N(B, {
+				style: [Ne.helperText, { color: f.textMuted }],
 				children: d
 			})
 		]
 	});
-}, Ae = L.create({
+}, Ne = R.create({
 	container: { marginBottom: 16 },
 	error: {
 		fontSize: 12,
@@ -2265,32 +2302,32 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 		fontSize: 12,
 		fontWeight: "600"
 	}
-}), je = (e, t) => {
-	let { value: n } = e, { node: r, setValue: i, error: a, label: o, helperText: s } = t, { colors: c } = g(), l = p(), u = r.data.options || [], d = n || "", f = r.data.variant !== "default", m = (e) => {
-		i(e);
+}), Pe = (t, n) => {
+	let { value: r } = t, { node: i, setValue: a, error: o, label: s, helperText: c } = n, { colors: l } = v(), u = e(), d = i.data.options || [], f = r || "", p = i.data.variant !== "default", m = (e) => {
+		a(e);
 	};
-	return /* @__PURE__ */ M(H, {
+	return /* @__PURE__ */ P(H, {
 		style: X.container,
 		children: [
-			/* @__PURE__ */ M(z, {
-				style: [X.label, { color: c.textSecondary }],
-				children: [o || r.data.name, r.data.required && /* @__PURE__ */ j(z, {
-					style: { color: c.error },
+			/* @__PURE__ */ P(B, {
+				style: [X.label, { color: l.textSecondary }],
+				children: [s || i.data.name, i.data.required && /* @__PURE__ */ N(B, {
+					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__ */ M(V, {
+			d.map((e) => {
+				let t = f === e.value, n = u(e.label) || e.value, r = u(e.description);
+				return p ? /* @__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 }
 					],
@@ -2298,82 +2335,82 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 					disabled: e.disabled,
 					activeOpacity: .7,
 					children: [
-						e.image && /* @__PURE__ */ j(ne, {
+						e.image && /* @__PURE__ */ N(L, {
 							source: { uri: e.image },
 							style: X.cardImage
 						}),
-						/* @__PURE__ */ M(H, {
+						/* @__PURE__ */ P(H, {
 							style: X.cardTextContainer,
-							children: [/* @__PURE__ */ j(z, {
-								style: [X.cardLabel, { color: c.textSecondary }],
+							children: [/* @__PURE__ */ N(B, {
+								style: [X.cardLabel, { color: l.textSecondary }],
 								children: n
-							}), r && /* @__PURE__ */ j(z, {
-								style: [X.cardDescription, { color: c.textMuted }],
+							}), r && /* @__PURE__ */ N(B, {
+								style: [X.cardDescription, { color: l.textMuted }],
 								children: r
 							})]
 						}),
-						/* @__PURE__ */ j(H, {
+						/* @__PURE__ */ N(H, {
 							style: [
 								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__ */ j(H, { style: [X.radioInner, { backgroundColor: c.primary }] })
+							children: t && /* @__PURE__ */ N(H, { style: [X.radioInner, { backgroundColor: l.primary }] })
 						})
 					]
-				}, e.value) : /* @__PURE__ */ M(V, {
+				}, e.value) : /* @__PURE__ */ P(V, {
 					style: X.option,
 					onPress: () => m(e.value),
 					disabled: e.disabled,
 					activeOpacity: .7,
 					children: [
-						/* @__PURE__ */ j(H, {
+						/* @__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__ */ j(H, { style: [X.radioInner, { backgroundColor: c.primary }] })
+							children: t && /* @__PURE__ */ N(H, { style: [X.radioInner, { backgroundColor: l.primary }] })
 						}),
-						e.image && /* @__PURE__ */ j(ne, {
+						e.image && /* @__PURE__ */ N(L, {
 							source: { uri: e.image },
 							style: X.image
 						}),
-						/* @__PURE__ */ M(H, {
+						/* @__PURE__ */ P(H, {
 							style: X.optionTextContainer,
-							children: [/* @__PURE__ */ j(z, {
+							children: [/* @__PURE__ */ N(B, {
 								style: [
 									X.optionLabel,
-									{ color: c.textSecondary },
-									e.disabled && { color: c.textMuted }
+									{ color: l.textSecondary },
+									e.disabled && { color: l.textMuted }
 								],
 								children: n
-							}), r && /* @__PURE__ */ j(z, {
-								style: [X.optionDescription, { color: c.textMuted }],
+							}), r && /* @__PURE__ */ N(B, {
+								style: [X.optionDescription, { color: l.textMuted }],
 								children: r
 							})]
 						})
 					]
 				}, e.value);
 			}),
-			a && /* @__PURE__ */ j(z, {
-				style: [X.error, { color: c.error }],
-				children: a
+			o && /* @__PURE__ */ N(B, {
+				style: [X.error, { color: l.error }],
+				children: o
 			}),
-			s && !a && /* @__PURE__ */ j(z, {
-				style: [X.helperText, { color: c.textMuted }],
-				children: s
+			c && !o && /* @__PURE__ */ N(B, {
+				style: [X.helperText, { color: l.textMuted }],
+				children: c
 			})
 		]
 	});
-}, X = L.create({
+}, X = R.create({
 	card: {
 		alignItems: "center",
 		borderRadius: 8,
@@ -2446,101 +2483,99 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 		height: 10,
 		width: 10
 	}
-}), Me = (e, t) => {
-	let [n, r] = A(!1), { value: i, placeholder: a } = e, { node: o, setValue: s, error: c, label: l, helperText: u } = t, { colors: d } = g(), f = p(), m = o.data.options || [], h = o.data.multiple, _ = Array.isArray(i) ? i : i ? [i] : [], v = (e) => {
-		h ? s(_.includes(e) ? _.filter((t) => t !== e) : [..._, e]) : (s(e), r(!1));
+}), Fe = (t, n) => {
+	let [r, i] = j(!1), { value: a, placeholder: o } = t, { node: s, setValue: c, error: l, label: u, helperText: d } = n, { colors: f } = v(), p = e(), m = s.data.options || [], h = s.data.multiple, g = Array.isArray(a) ? a : a ? [a] : [], _ = (e) => {
+		h ? c(g.includes(e) ? g.filter((t) => t !== e) : [...g, e]) : (c(e), i(!1));
 	};
-	return /* @__PURE__ */ M(H, {
+	return /* @__PURE__ */ P(H, {
 		style: Z.container,
 		children: [
-			/* @__PURE__ */ M(z, {
-				style: [Z.label, { color: d.textSecondary }],
-				children: [l || o.data.name, o.data.required && /* @__PURE__ */ j(z, {
-					style: { color: d.error },
+			/* @__PURE__ */ P(B, {
+				style: [Z.label, { color: f.textSecondary }],
+				children: [u || s.data.name, s.data.required && /* @__PURE__ */ N(B, {
+					style: { color: f.error },
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ M(V, {
+			/* @__PURE__ */ P(V, {
 				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),
+				onPress: () => i(!0),
 				activeOpacity: .7,
-				children: [/* @__PURE__ */ j(z, {
+				children: [/* @__PURE__ */ N(B, {
 					style: [
 						Z.triggerText,
-						{ color: d.text },
-						_.length === 0 && { color: d.textMuted }
+						{ color: f.text },
+						g.length === 0 && { color: f.textMuted }
 					],
 					children: (() => {
-						if (_.length === 0) return a || "Select...";
-						if (h) return m.filter((e) => _.includes(e.value)).map((e) => f(e.label) || e.value).join(", ");
-						let e = m.find((e) => e.value === _[0]);
-						return e ? f(e.label) || e.value : a || "Select...";
+						if (g.length === 0) return o || "Select...";
+						if (h) return m.filter((e) => g.includes(e.value)).map((e) => p(e.label) || e.value).join(", ");
+						let e = m.find((e) => e.value === g[0]);
+						return e ? p(e.label) || e.value : o || "Select...";
 					})()
-				}), /* @__PURE__ */ j(z, {
-					style: [Z.arrow, { color: d.textMuted }],
+				}), /* @__PURE__ */ N(B, {
+					style: [Z.arrow, { color: f.textMuted }],
 					children: "▼"
 				})]
 			}),
-			/* @__PURE__ */ j(re, {
-				visible: n,
+			/* @__PURE__ */ N(re, {
+				visible: r,
 				transparent: !0,
 				animationType: "fade",
-				onRequestClose: () => r(!1),
-				children: /* @__PURE__ */ j(V, {
+				onRequestClose: () => i(!1),
+				children: /* @__PURE__ */ N(V, {
 					style: Z.modalOverlay,
 					activeOpacity: 1,
-					onPress: () => r(!1),
-					children: /* @__PURE__ */ M(H, {
-						style: [Z.modalContent, { backgroundColor: d.card }],
+					onPress: () => i(!1),
+					children: /* @__PURE__ */ P(H, {
+						style: [Z.modalContent, { backgroundColor: f.card }],
 						onStartShouldSetResponder: () => !0,
 						children: [
-							/* @__PURE__ */ M(H, {
-								style: [Z.modalHeader, { borderBottomColor: d.border }],
-								children: [/* @__PURE__ */ j(z, {
-									style: [Z.modalTitle, { color: d.text }],
-									children: l || o.data.name
-								}), /* @__PURE__ */ j(V, {
-									onPress: () => r(!1),
-									children: /* @__PURE__ */ j(z, {
-										style: [Z.closeButton, { color: d.textMuted }],
+							/* @__PURE__ */ P(H, {
+								style: [Z.modalHeader, { borderBottomColor: f.border }],
+								children: [/* @__PURE__ */ N(B, {
+									style: [Z.modalTitle, { color: f.text }],
+									children: u || s.data.name
+								}), /* @__PURE__ */ N(V, {
+									onPress: () => i(!1),
+									children: /* @__PURE__ */ N(B, {
+										style: [Z.closeButton, { color: f.textMuted }],
 										children: "✕"
 									})
 								})]
 							}),
-							/* @__PURE__ */ j(ie, {
+							/* @__PURE__ */ N(ie, {
 								style: Z.optionsList,
 								children: m.map((e) => {
-									let t = _.includes(e.value);
-									return /* @__PURE__ */ M(V, {
-										style: [Z.option, t && { backgroundColor: `${d.primary}20` }],
-										onPress: () => v(e.value),
+									let t = g.includes(e.value);
+									return /* @__PURE__ */ P(V, {
+										style: [Z.option, t && { backgroundColor: `${f.primary}20` }],
+										onPress: () => _(e.value),
 										disabled: e.disabled,
 										activeOpacity: .7,
-										children: [/* @__PURE__ */ j(z, {
-											style: [
-												Z.optionText,
-												{ color: d.textSecondary },
-												e.disabled && { color: d.textMuted }
-											],
-											children: f(e.label) || e.value
-										}), t && /* @__PURE__ */ j(z, {
-											style: [Z.checkmark, { color: d.primary }],
+										children: [/* @__PURE__ */ N(de, {
+											label: p(e.label) || e.value,
+											description: p(e.description),
+											image: e.image,
+											disabled: e.disabled
+										}), t && /* @__PURE__ */ N(B, {
+											style: [Z.checkmark, { color: f.primary }],
 											children: "✓"
 										})]
 									}, e.value);
 								})
 							}),
-							h && /* @__PURE__ */ j(V, {
-								style: [Z.doneButton, { backgroundColor: d.primary }],
-								onPress: () => r(!1),
-								children: /* @__PURE__ */ j(z, {
+							h && /* @__PURE__ */ N(V, {
+								style: [Z.doneButton, { backgroundColor: f.primary }],
+								onPress: () => i(!1),
+								children: /* @__PURE__ */ N(B, {
 									style: Z.doneButtonText,
 									children: "Done"
 								})
@@ -2549,17 +2584,17 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 					})
 				})
 			}),
-			c && /* @__PURE__ */ j(z, {
-				style: [Z.error, { color: d.error }],
-				children: c
+			l && /* @__PURE__ */ N(B, {
+				style: [Z.error, { color: f.error }],
+				children: l
 			}),
-			u && !c && /* @__PURE__ */ j(z, {
-				style: [Z.helperText, { color: d.textMuted }],
-				children: u
+			d && !l && /* @__PURE__ */ N(B, {
+				style: [Z.helperText, { color: f.textMuted }],
+				children: d
 			})
 		]
 	});
-}, Z = L.create({
+}, Z = R.create({
 	arrow: { fontSize: 12 },
 	checkmark: {
 		fontSize: 18,
@@ -2627,7 +2662,6 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 		paddingVertical: 12
 	},
 	optionsList: { maxHeight: 300 },
-	optionText: { fontSize: 14 },
 	trigger: {
 		alignItems: "center",
 		borderRadius: 6,
@@ -2641,23 +2675,23 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 		flex: 1,
 		fontSize: 14
 	}
-}), Ne = (e, t) => {
-	let { value: n } = e, { node: r, setValue: i, error: a, label: o, helperText: s } = t, { colors: c } = g(), l = !!n;
-	return /* @__PURE__ */ M(H, {
-		style: Pe.container,
+}), Ie = (e, t) => {
+	let { value: n } = e, { node: r, setValue: i, error: a, label: o, helperText: s } = t, { colors: c } = v(), l = !!n;
+	return /* @__PURE__ */ P(H, {
+		style: Le.container,
 		children: [
-			/* @__PURE__ */ M(H, {
-				style: Pe.row,
-				children: [/* @__PURE__ */ j(H, {
-					style: Pe.labelContainer,
-					children: /* @__PURE__ */ M(z, {
-						style: [Pe.label, { color: c.textSecondary }],
-						children: [o || r.data.name, r.data.required && /* @__PURE__ */ j(z, {
+			/* @__PURE__ */ P(H, {
+				style: Le.row,
+				children: [/* @__PURE__ */ N(H, {
+					style: Le.labelContainer,
+					children: /* @__PURE__ */ P(B, {
+						style: [Le.label, { color: c.textSecondary }],
+						children: [o || r.data.name, r.data.required && /* @__PURE__ */ N(B, {
 							style: { color: c.error },
 							children: "*"
 						})]
 					})
-				}), /* @__PURE__ */ j(R, {
+				}), /* @__PURE__ */ N(z, {
 					trackColor: {
 						false: c.border,
 						true: `${c.primary}80`
@@ -2668,17 +2702,17 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 					value: l
 				})]
 			}),
-			a && /* @__PURE__ */ j(z, {
-				style: [Pe.error, { color: c.error }],
+			a && /* @__PURE__ */ N(B, {
+				style: [Le.error, { color: c.error }],
 				children: a
 			}),
-			s && !a && /* @__PURE__ */ j(z, {
-				style: [Pe.helperText, { color: c.textMuted }],
+			s && !a && /* @__PURE__ */ N(B, {
+				style: [Le.helperText, { color: c.textMuted }],
 				children: s
 			})
 		]
 	});
-}, Pe = L.create({
+}, Le = R.create({
 	container: { marginBottom: 16 },
 	error: {
 		fontSize: 12,
@@ -2698,21 +2732,21 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 		flexDirection: "row",
 		justifyContent: "space-between"
 	}
-}), Fe = (e, t) => {
-	let { value: n, placeholder: r, name: i } = e, { node: a, setValue: o, error: s, label: c, helperText: l } = t, { colors: u } = g();
-	return /* @__PURE__ */ M(H, {
-		style: Ie.container,
+}), Re = (e, t) => {
+	let { value: n, placeholder: r, name: i } = e, { node: a, setValue: o, error: s, label: c, helperText: l } = t, { colors: u } = v();
+	return /* @__PURE__ */ P(H, {
+		style: ze.container,
 		children: [
-			/* @__PURE__ */ M(z, {
-				style: [Ie.label, { color: u.textSecondary }],
-				children: [c || a.data.name, a.data.required && /* @__PURE__ */ j(z, {
+			/* @__PURE__ */ P(B, {
+				style: [ze.label, { color: u.textSecondary }],
+				children: [c || a.data.name, a.data.required && /* @__PURE__ */ N(B, {
 					style: { color: u.error },
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ j(B, {
+			/* @__PURE__ */ N(ae, {
 				style: [
-					Ie.textarea,
+					ze.textarea,
 					{
 						backgroundColor: u.input,
 						borderColor: u.border,
@@ -2729,17 +2763,17 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 				textAlignVertical: "top",
 				accessibilityLabel: i
 			}),
-			s && /* @__PURE__ */ j(z, {
-				style: [Ie.error, { color: u.error }],
+			s && /* @__PURE__ */ N(B, {
+				style: [ze.error, { color: u.error }],
 				children: s
 			}),
-			l && !s && /* @__PURE__ */ j(z, {
-				style: [Ie.helperText, { color: u.textMuted }],
+			l && !s && /* @__PURE__ */ N(B, {
+				style: [ze.helperText, { color: u.textMuted }],
 				children: l
 			})
 		]
 	});
-}, Ie = L.create({
+}, ze = R.create({
 	container: { marginBottom: 16 },
 	error: {
 		fontSize: 12,
@@ -2762,21 +2796,21 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 		paddingHorizontal: 12,
 		paddingVertical: 8
 	}
-}), Le = (e, t) => {
-	let { value: n, placeholder: r, name: i } = e, { node: a, setValue: o, error: s, label: c, helperText: l } = t, { colors: u } = g();
-	return /* @__PURE__ */ M(H, {
-		style: Re.container,
+}), Be = (e, t) => {
+	let { value: n, placeholder: r, name: i } = e, { node: a, setValue: o, error: s, label: c, helperText: l } = t, { colors: u } = v();
+	return /* @__PURE__ */ P(H, {
+		style: Ve.container,
 		children: [
-			/* @__PURE__ */ M(z, {
-				style: [Re.label, { color: u.textSecondary }],
-				children: [c || a.data.name, a.data.required && /* @__PURE__ */ j(z, {
+			/* @__PURE__ */ P(B, {
+				style: [Ve.label, { color: u.textSecondary }],
+				children: [c || a.data.name, a.data.required && /* @__PURE__ */ N(B, {
 					style: { color: u.error },
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ j(B, {
+			/* @__PURE__ */ N(ae, {
 				style: [
-					Re.input,
+					Ve.input,
 					{
 						backgroundColor: u.input,
 						borderColor: u.border,
@@ -2790,17 +2824,17 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 				placeholderTextColor: u.textMuted,
 				accessibilityLabel: i
 			}),
-			s && /* @__PURE__ */ j(z, {
-				style: [Re.error, { color: u.error }],
+			s && /* @__PURE__ */ N(B, {
+				style: [Ve.error, { color: u.error }],
 				children: s
 			}),
-			l && !s && /* @__PURE__ */ j(z, {
-				style: [Re.helperText, { color: u.textMuted }],
+			l && !s && /* @__PURE__ */ N(B, {
+				style: [Ve.helperText, { color: u.textMuted }],
 				children: l
 			})
 		]
 	});
-}, Re = L.create({
+}, Ve = R.create({
 	container: { marginBottom: 16 },
 	error: {
 		fontSize: 12,
@@ -2822,38 +2856,38 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 		fontWeight: "500",
 		marginBottom: 8
 	}
-}), ze = (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] = A(s || 0), [d, f] = A(c || 0), [p, m] = A(!1), { node: h, setValue: _, error: v, label: y, helperText: b } = t, { colors: x } = g(), S = k(null), C = k(null), w = Array.from({ length: 24 }, (e, t) => t), T = Array.from({ length: 60 }, (e, t) => t), E = () => n || r || "Select time", D = ee(() => {
-		_(`${String(l).padStart(2, "0")}:${String(d).padStart(2, "0")}`), m(!1);
+}), He = (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: y, helperText: b } = t, { colors: x } = v(), 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 = ee(() => {
+		g(`${String(l).padStart(2, "0")}:${String(d).padStart(2, "0")}`), m(!1);
 	}, [
 		l,
 		d,
-		_
+		g
 	]);
-	return /* @__PURE__ */ M(H, {
+	return /* @__PURE__ */ P(H, {
 		style: Q.container,
 		children: [
-			/* @__PURE__ */ M(z, {
+			/* @__PURE__ */ P(B, {
 				style: [Q.label, { color: x.textSecondary }],
-				children: [y || h.data.name, h.data.required && /* @__PURE__ */ j(z, {
+				children: [y || h.data.name, h.data.required && /* @__PURE__ */ N(B, {
 					style: { color: x.error },
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ M(V, {
+			/* @__PURE__ */ P(V, {
 				style: [
 					Q.trigger,
 					{
 						backgroundColor: x.input,
 						borderColor: x.border
 					},
-					v && { borderColor: x.error }
+					_ && { borderColor: x.error }
 				],
 				onPress: () => {
 					u(s || 0), f(c || 0), m(!0);
 				},
 				activeOpacity: .7,
-				children: [/* @__PURE__ */ j(z, {
+				children: [/* @__PURE__ */ N(B, {
 					style: [
 						Q.triggerText,
 						{ color: x.text },
@@ -2861,56 +2895,56 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 					],
 					numberOfLines: 1,
 					children: E()
-				}), /* @__PURE__ */ j(z, {
+				}), /* @__PURE__ */ N(B, {
 					style: Q.icon,
 					children: "🕐"
 				})]
 			}),
-			/* @__PURE__ */ j(re, {
+			/* @__PURE__ */ N(re, {
 				visible: p,
 				transparent: !0,
 				animationType: "fade",
 				onRequestClose: () => m(!1),
-				children: /* @__PURE__ */ j(V, {
+				children: /* @__PURE__ */ N(V, {
 					style: Q.modalOverlay,
 					activeOpacity: 1,
 					onPress: () => m(!1),
-					children: /* @__PURE__ */ M(V, {
+					children: /* @__PURE__ */ P(V, {
 						style: [Q.modalContent, { backgroundColor: x.card }],
 						activeOpacity: 1,
 						onPress: () => {},
 						children: [
-							/* @__PURE__ */ M(H, {
+							/* @__PURE__ */ P(H, {
 								style: [Q.modalHeader, { borderBottomColor: x.separator }],
-								children: [/* @__PURE__ */ j(z, {
+								children: [/* @__PURE__ */ N(B, {
 									style: [Q.modalTitle, { color: x.text }],
 									children: y || h.data.name
-								}), /* @__PURE__ */ j(V, {
+								}), /* @__PURE__ */ N(V, {
 									onPress: () => m(!1),
-									children: /* @__PURE__ */ j(z, {
+									children: /* @__PURE__ */ N(B, {
 										style: [Q.closeButton, { color: x.textMuted }],
 										children: "✕"
 									})
 								})]
 							}),
-							/* @__PURE__ */ M(H, {
+							/* @__PURE__ */ P(H, {
 								style: Q.pickerContainer,
 								children: [
-									/* @__PURE__ */ M(H, {
+									/* @__PURE__ */ P(H, {
 										style: Q.pickerColumn,
-										children: [/* @__PURE__ */ j(z, {
+										children: [/* @__PURE__ */ N(B, {
 											style: [Q.pickerLabel, { color: x.textMuted }],
 											children: "Hour"
-										}), /* @__PURE__ */ j(ie, {
+										}), /* @__PURE__ */ N(ie, {
 											ref: S,
 											style: Q.picker,
 											contentContainerStyle: Q.pickerContent,
 											showsVerticalScrollIndicator: !1,
-											children: w.map((e) => /* @__PURE__ */ j(V, {
+											children: w.map((e) => /* @__PURE__ */ N(V, {
 												style: [Q.pickerItem, l === e && { backgroundColor: x.primary }],
 												onPress: () => u(e),
 												activeOpacity: .7,
-												children: /* @__PURE__ */ j(z, {
+												children: /* @__PURE__ */ N(B, {
 													style: [
 														Q.pickerItemText,
 														{ color: x.text },
@@ -2924,25 +2958,25 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 											}, e))
 										})]
 									}),
-									/* @__PURE__ */ j(z, {
+									/* @__PURE__ */ N(B, {
 										style: [Q.pickerSeparator, { color: x.text }],
 										children: ":"
 									}),
-									/* @__PURE__ */ M(H, {
+									/* @__PURE__ */ P(H, {
 										style: Q.pickerColumn,
-										children: [/* @__PURE__ */ j(z, {
+										children: [/* @__PURE__ */ N(B, {
 											style: [Q.pickerLabel, { color: x.textMuted }],
 											children: "Minute"
-										}), /* @__PURE__ */ j(ie, {
+										}), /* @__PURE__ */ N(ie, {
 											ref: C,
 											style: Q.picker,
 											contentContainerStyle: Q.pickerContent,
 											showsVerticalScrollIndicator: !1,
-											children: T.map((e) => /* @__PURE__ */ j(V, {
+											children: T.map((e) => /* @__PURE__ */ N(V, {
 												style: [Q.pickerItem, d === e && { backgroundColor: x.primary }],
 												onPress: () => f(e),
 												activeOpacity: .7,
-												children: /* @__PURE__ */ j(z, {
+												children: /* @__PURE__ */ N(B, {
 													style: [
 														Q.pickerItemText,
 														{ color: x.text },
@@ -2958,11 +2992,11 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 									})
 								]
 							}),
-							/* @__PURE__ */ j(V, {
+							/* @__PURE__ */ N(V, {
 								style: [Q.confirmButton, { backgroundColor: x.primary }],
 								onPress: D,
 								activeOpacity: .7,
-								children: /* @__PURE__ */ j(z, {
+								children: /* @__PURE__ */ N(B, {
 									style: [Q.confirmButtonText, { color: x.background }],
 									children: "Confirm"
 								})
@@ -2971,17 +3005,17 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 					})
 				})
 			}),
-			v && /* @__PURE__ */ j(z, {
+			_ && /* @__PURE__ */ N(B, {
 				style: [Q.error, { color: x.error }],
-				children: v
+				children: _
 			}),
-			b && !v && /* @__PURE__ */ j(z, {
+			b && !_ && /* @__PURE__ */ N(B, {
 				style: [Q.helperText, { color: x.textMuted }],
 				children: b
 			})
 		]
 	});
-}, Q = L.create({
+}, Q = R.create({
 	closeButton: {
 		fontSize: 24,
 		fontWeight: "300"
@@ -3072,112 +3106,112 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 		flex: 1,
 		fontSize: 14
 	}
-}), Be = (e, t) => {
-	let [n, r] = A(!1), [i, a] = A(!0), { value: o } = e, { node: s, setValue: c, error: l, label: u, helperText: d } = t, { colors: f } = g(), m = p(), h = Array.isArray(o) ? o : [], _ = h[0] || "", v = h[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, O = Number.isNaN(E) ? 0 : E, [k, te] = A(0), [N, P] = A(0), F = Array.from({ length: 24 }, (e, t) => t), I = Array.from({ length: 60 }, (e, t) => t), ne = () => _ && v ? `${_} - ${v}` : _ || m("renderer.defaultInputs.selectDateRange"), L = ee(() => {
-		let e = `${String(k).padStart(2, "0")}:${String(N).padStart(2, "0")}`;
-		i ? (c([e, v]), a(!1), te(D || 0), P(O || 0)) : (c([_, e]), r(!1), a(!0));
+}), Ue = (t, n) => {
+	let [r, i] = j(!1), [a, o] = j(!0), { value: s } = t, { node: c, setValue: l, error: u, label: d, helperText: f } = n, { colors: p } = v(), m = e(), h = Array.isArray(s) ? s : [], g = h[0] || "", _ = h[1] || "", y = g.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 = _.split(":"), T = Number.parseInt(w[0], 10), E = Number.parseInt(w[1], 10), D = Number.isNaN(T) ? 0 : T, O = Number.isNaN(E) ? 0 : E, [k, A] = j(0), [M, F] = j(0), te = Array.from({ length: 24 }, (e, t) => t), I = Array.from({ length: 60 }, (e, t) => t), ne = () => g && _ ? `${g} - ${_}` : g || m("renderer.defaultInputs.selectDateRange"), L = ee(() => {
+		let e = `${String(k).padStart(2, "0")}:${String(M).padStart(2, "0")}`;
+		a ? (l([e, _]), o(!1), A(D || 0), F(O || 0)) : (l([g, e]), i(!1), o(!0));
 	}, [
-		i,
+		a,
 		k,
-		N,
+		M,
+		g,
 		_,
-		v,
 		D,
 		O,
-		c
+		l
 	]);
-	return /* @__PURE__ */ M(H, {
+	return /* @__PURE__ */ P(H, {
 		style: $.container,
 		children: [
-			/* @__PURE__ */ M(z, {
-				style: [$.label, { color: f.textSecondary }],
-				children: [u || s.data.name, s.data.required && /* @__PURE__ */ j(z, {
-					style: { color: f.error },
+			/* @__PURE__ */ P(B, {
+				style: [$.label, { color: p.textSecondary }],
+				children: [d || c.data.name, c.data.required && /* @__PURE__ */ N(B, {
+					style: { color: p.error },
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ M(V, {
+			/* @__PURE__ */ P(V, {
 				style: [
 					$.trigger,
 					{
-						backgroundColor: f.input,
-						borderColor: f.border
+						backgroundColor: p.input,
+						borderColor: p.border
 					},
-					l && { borderColor: f.error }
+					u && { borderColor: p.error }
 				],
 				onPress: () => {
-					te(S || 0), P(C || 0), a(!0), r(!0);
+					A(S || 0), F(C || 0), o(!0), i(!0);
 				},
 				activeOpacity: .7,
-				children: [/* @__PURE__ */ j(z, {
+				children: [/* @__PURE__ */ N(B, {
 					style: [
 						$.triggerText,
-						{ color: f.text },
-						!_ && { color: f.textMuted }
+						{ color: p.text },
+						!g && { color: p.textMuted }
 					],
 					numberOfLines: 1,
 					children: ne()
-				}), /* @__PURE__ */ j(z, {
+				}), /* @__PURE__ */ N(B, {
 					style: $.icon,
 					children: "🕐"
 				})]
 			}),
-			/* @__PURE__ */ j(re, {
-				visible: n,
+			/* @__PURE__ */ N(re, {
+				visible: r,
 				transparent: !0,
 				animationType: "fade",
-				onRequestClose: () => r(!1),
-				children: /* @__PURE__ */ j(V, {
+				onRequestClose: () => i(!1),
+				children: /* @__PURE__ */ N(V, {
 					style: $.modalOverlay,
 					activeOpacity: 1,
-					onPress: () => r(!1),
-					children: /* @__PURE__ */ M(V, {
-						style: [$.modalContent, { backgroundColor: f.card }],
+					onPress: () => i(!1),
+					children: /* @__PURE__ */ P(V, {
+						style: [$.modalContent, { backgroundColor: p.card }],
 						activeOpacity: 1,
 						onPress: () => {},
 						children: [
-							/* @__PURE__ */ M(H, {
-								style: [$.modalHeader, { borderBottomColor: f.separator }],
-								children: [/* @__PURE__ */ j(z, {
-									style: [$.modalTitle, { color: f.text }],
-									children: u || s.data.name
-								}), /* @__PURE__ */ j(V, {
-									onPress: () => r(!1),
-									children: /* @__PURE__ */ j(z, {
-										style: [$.closeButton, { color: f.textMuted }],
+							/* @__PURE__ */ P(H, {
+								style: [$.modalHeader, { borderBottomColor: p.separator }],
+								children: [/* @__PURE__ */ N(B, {
+									style: [$.modalTitle, { color: p.text }],
+									children: d || c.data.name
+								}), /* @__PURE__ */ N(V, {
+									onPress: () => i(!1),
+									children: /* @__PURE__ */ N(B, {
+										style: [$.closeButton, { color: p.textMuted }],
 										children: "✕"
 									})
 								})]
 							}),
-							/* @__PURE__ */ j(H, {
-								style: [$.rangeIndicator, { backgroundColor: f.primaryLight }],
-								children: /* @__PURE__ */ j(z, {
-									style: [$.rangeIndicatorText, { color: f.primary }],
-									children: m(i ? "renderer.defaultInputs.startTime" : "renderer.defaultInputs.endTime")
+							/* @__PURE__ */ N(H, {
+								style: [$.rangeIndicator, { backgroundColor: p.primaryLight }],
+								children: /* @__PURE__ */ N(B, {
+									style: [$.rangeIndicatorText, { color: p.primary }],
+									children: m(a ? "renderer.defaultInputs.startTime" : "renderer.defaultInputs.endTime")
 								})
 							}),
-							/* @__PURE__ */ M(H, {
+							/* @__PURE__ */ P(H, {
 								style: $.pickerContainer,
 								children: [
-									/* @__PURE__ */ M(H, {
+									/* @__PURE__ */ P(H, {
 										style: $.pickerColumn,
-										children: [/* @__PURE__ */ j(z, {
-											style: [$.pickerLabel, { color: f.textMuted }],
+										children: [/* @__PURE__ */ N(B, {
+											style: [$.pickerLabel, { color: p.textMuted }],
 											children: "Hour"
-										}), /* @__PURE__ */ j(ie, {
+										}), /* @__PURE__ */ N(ie, {
 											style: $.picker,
 											contentContainerStyle: $.pickerContent,
 											showsVerticalScrollIndicator: !1,
-											children: F.map((e) => /* @__PURE__ */ j(V, {
-												style: [$.pickerItem, k === e && { backgroundColor: f.primary }],
-												onPress: () => te(e),
+											children: te.map((e) => /* @__PURE__ */ N(V, {
+												style: [$.pickerItem, k === e && { backgroundColor: p.primary }],
+												onPress: () => A(e),
 												activeOpacity: .7,
-												children: /* @__PURE__ */ j(z, {
+												children: /* @__PURE__ */ N(B, {
 													style: [
 														$.pickerItemText,
-														{ color: f.text },
+														{ color: p.text },
 														k === e && {
-															color: f.background,
+															color: p.background,
 															fontWeight: "600"
 														}
 													],
@@ -3186,29 +3220,29 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 											}, e))
 										})]
 									}),
-									/* @__PURE__ */ j(z, {
-										style: [$.pickerSeparator, { color: f.text }],
+									/* @__PURE__ */ N(B, {
+										style: [$.pickerSeparator, { color: p.text }],
 										children: ":"
 									}),
-									/* @__PURE__ */ M(H, {
+									/* @__PURE__ */ P(H, {
 										style: $.pickerColumn,
-										children: [/* @__PURE__ */ j(z, {
-											style: [$.pickerLabel, { color: f.textMuted }],
+										children: [/* @__PURE__ */ N(B, {
+											style: [$.pickerLabel, { color: p.textMuted }],
 											children: "Minute"
-										}), /* @__PURE__ */ j(ie, {
+										}), /* @__PURE__ */ N(ie, {
 											style: $.picker,
 											contentContainerStyle: $.pickerContent,
 											showsVerticalScrollIndicator: !1,
-											children: I.map((e) => /* @__PURE__ */ j(V, {
-												style: [$.pickerItem, N === e && { backgroundColor: f.primary }],
-												onPress: () => P(e),
+											children: I.map((e) => /* @__PURE__ */ N(V, {
+												style: [$.pickerItem, M === e && { backgroundColor: p.primary }],
+												onPress: () => F(e),
 												activeOpacity: .7,
-												children: /* @__PURE__ */ j(z, {
+												children: /* @__PURE__ */ N(B, {
 													style: [
 														$.pickerItemText,
-														{ color: f.text },
-														N === e && {
-															color: f.background,
+														{ color: p.text },
+														M === e && {
+															color: p.background,
 															fontWeight: "600"
 														}
 													],
@@ -3219,30 +3253,30 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 									})
 								]
 							}),
-							/* @__PURE__ */ j(V, {
-								style: [$.confirmButton, { backgroundColor: f.primary }],
+							/* @__PURE__ */ N(V, {
+								style: [$.confirmButton, { backgroundColor: p.primary }],
 								onPress: L,
 								activeOpacity: .7,
-								children: /* @__PURE__ */ j(z, {
-									style: [$.confirmButtonText, { color: f.background }],
-									children: i ? "Next" : "Confirm"
+								children: /* @__PURE__ */ N(B, {
+									style: [$.confirmButtonText, { color: p.background }],
+									children: a ? "Next" : "Confirm"
 								})
 							})
 						]
 					})
 				})
 			}),
-			l && /* @__PURE__ */ j(z, {
-				style: [$.error, { color: f.error }],
-				children: l
+			u && /* @__PURE__ */ N(B, {
+				style: [$.error, { color: p.error }],
+				children: u
 			}),
-			d && !l && /* @__PURE__ */ j(z, {
-				style: [$.helperText, { color: f.textMuted }],
-				children: d
+			f && !u && /* @__PURE__ */ N(B, {
+				style: [$.helperText, { color: p.textMuted }],
+				children: f
 			})
 		]
 	});
-}, $ = L.create({
+}, $ = R.create({
 	closeButton: {
 		fontSize: 24,
 		fontWeight: "300"
@@ -3343,75 +3377,75 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 		flex: 1,
 		fontSize: 14
 	}
-}), Ve = (e, t) => /* @__PURE__ */ M(z, { children: [
+}), We = (e, t) => /* @__PURE__ */ P(B, { children: [
 	"TODO: Implement ",
 	t.node.data.type,
 	" input for React Native"
-] }), He = {
-	address: le,
-	autocomplete: ue,
-	checkbox: de,
-	date: fe,
-	daterange: pe,
-	file: me,
-	hidden: he,
-	http: Ee,
-	number: De,
-	password: ke,
-	radio: je,
-	select: Me,
-	submit: Ve,
-	switch: Ne,
-	text: Le,
-	textarea: Fe,
-	time: ze,
-	timerange: Be
-}, Ue = ({ label: e, children: t, isFirstStep: n, isLastStep: r, canContinue: i, isSubmitting: a, onBack: o, onContinue: s }) => {
-	let { colors: c } = g(), l = p(), u = !i || a;
-	return /* @__PURE__ */ M(H, { children: [
-		e ? /* @__PURE__ */ j(z, {
-			style: [We.label, { color: c.text }],
-			children: e
-		}) : null,
-		/* @__PURE__ */ j(H, {
-			style: We.content,
+] }), Ge = {
+	address: ue,
+	autocomplete: pe,
+	checkbox: me,
+	date: he,
+	daterange: ge,
+	file: _e,
+	hidden: ve,
+	http: ke,
+	number: Ae,
+	password: Me,
+	radio: Pe,
+	select: Fe,
+	submit: We,
+	switch: Ie,
+	text: Be,
+	textarea: Re,
+	time: He,
+	timerange: Ue
+}, Ke = ({ label: t, children: n, isFirstStep: r, isLastStep: i, canContinue: a, isSubmitting: o, onBack: s, onContinue: c }) => {
+	let { colors: l } = v(), u = e(), d = !a || o;
+	return /* @__PURE__ */ P(H, { children: [
+		t ? /* @__PURE__ */ N(B, {
+			style: [qe.label, { color: l.text }],
 			children: t
+		}) : null,
+		/* @__PURE__ */ N(H, {
+			style: qe.content,
+			children: n
 		}),
-		/* @__PURE__ */ M(H, {
-			style: We.actions,
-			children: [n ? /* @__PURE__ */ j(H, {}) : /* @__PURE__ */ j(V, {
+		/* @__PURE__ */ P(H, {
+			style: qe.actions,
+			children: [r ? /* @__PURE__ */ N(H, {}) : /* @__PURE__ */ N(V, {
 				style: [
-					We.backButton,
-					{ borderColor: c.border },
-					a && We.disabled
+					qe.backButton,
+					{ borderColor: l.border },
+					o && qe.disabled
 				],
-				onPress: o,
-				disabled: a,
+				onPress: s,
+				disabled: o,
 				activeOpacity: .7,
-				children: /* @__PURE__ */ j(z, {
-					style: [We.backButtonText, { color: c.text }],
-					children: l("renderer.step.back")
+				children: /* @__PURE__ */ N(B, {
+					style: [qe.backButtonText, { color: l.text }],
+					children: u("renderer.step.back")
 				})
-			}), /* @__PURE__ */ j(V, {
+			}), /* @__PURE__ */ N(V, {
 				style: [
-					We.continueButton,
-					{ backgroundColor: c.primary },
-					u && {
-						backgroundColor: c.primaryDisabled,
+					qe.continueButton,
+					{ backgroundColor: l.primary },
+					d && {
+						backgroundColor: l.primaryDisabled,
 						opacity: .6
 					}
 				],
-				onPress: s,
-				disabled: u,
+				onPress: c,
+				disabled: d,
 				activeOpacity: .7,
-				children: a ? /* @__PURE__ */ j(N, { color: c.primaryForeground }) : /* @__PURE__ */ j(z, {
-					style: [We.continueButtonText, { color: c.primaryForeground }],
-					children: l(r ? "renderer.defaultSubmitButton.submit" : "renderer.step.continue")
+				children: o ? /* @__PURE__ */ N(F, { color: l.primaryForeground }) : /* @__PURE__ */ N(B, {
+					style: [qe.continueButtonText, { color: l.primaryForeground }],
+					children: u(i ? "renderer.defaultSubmitButton.submit" : "renderer.step.continue")
 				})
 			})]
 		})
 	] });
-}, We = L.create({
+}, qe = R.create({
 	actions: {
 		alignItems: "center",
 		flexDirection: "row",
@@ -3446,11 +3480,11 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 		fontWeight: "600",
 		marginBottom: 12
 	}
-}), Ge = ({ children: e = "Submit", disabled: t, isSubmitting: n, onPress: r }) => {
-	let { colors: i } = g();
-	return /* @__PURE__ */ j(V, {
+}), Je = ({ children: e = "Submit", disabled: t, isSubmitting: n, onPress: r }) => {
+	let { colors: i } = v();
+	return /* @__PURE__ */ N(V, {
 		style: [
-			Ke.button,
+			Ye.button,
 			{ backgroundColor: i.primary },
 			(t || n) && {
 				backgroundColor: i.primaryDisabled,
@@ -3460,12 +3494,12 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 		disabled: t || n,
 		onPress: r,
 		activeOpacity: .7,
-		children: n ? /* @__PURE__ */ j(N, { color: i.primaryForeground }) : /* @__PURE__ */ j(z, {
-			style: [Ke.buttonText, { color: i.primaryForeground }],
+		children: n ? /* @__PURE__ */ N(F, { color: i.primaryForeground }) : /* @__PURE__ */ N(B, {
+			style: [Ye.buttonText, { color: i.primaryForeground }],
 			children: e
 		})
 	});
-}, Ke = L.create({
+}, Ye = R.create({
 	button: {
 		alignItems: "center",
 		borderRadius: 6,
@@ -3478,16 +3512,16 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 		fontSize: 16,
 		fontWeight: "600"
 	}
-}), qe = ({ children: e }) => e, Je = ({ node: e }) => {
-	let t = p(), { colors: n } = g(), r = t(e.data?.label);
-	return /* @__PURE__ */ j(z, {
-		style: [Xe.title, { color: n.text }],
-		children: r
+}), Xe = ({ children: e }) => e, Ze = ({ node: t }) => {
+	let n = e(), { colors: r } = v(), i = n(t.data?.label);
+	return /* @__PURE__ */ N(B, {
+		style: [$e.title, { color: r.text }],
+		children: i
 	});
-}, Ye = () => {
-	let { colors: e } = g();
-	return /* @__PURE__ */ j(H, { style: [Xe.divider, { backgroundColor: e.separator }] });
-}, Xe = L.create({
+}, Qe = () => {
+	let { colors: e } = v();
+	return /* @__PURE__ */ N(H, { style: [$e.divider, { backgroundColor: e.separator }] });
+}, $e = R.create({
 	divider: {
 		height: 1,
 		marginBottom: 16,
@@ -3498,63 +3532,63 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 		fontWeight: "700",
 		marginBottom: 16
 	}
-}), Ze = {
-	divider: Ye,
-	title: Je
-}, Qe = ({ node: e, children: t }) => {
+}), et = {
+	divider: Qe,
+	title: Ze
+}, tt = ({ node: e, children: t }) => {
 	let { image: n } = e.data;
-	return /* @__PURE__ */ M(H, { children: [n && /* @__PURE__ */ j(ne, {
+	return /* @__PURE__ */ P(H, { children: [n && /* @__PURE__ */ N(L, {
 		source: { uri: n },
-		style: $e.image,
+		style: nt.image,
 		resizeMode: "cover"
 	}), t] });
-}, $e = L.create({ image: {
+}, nt = R.create({ image: {
 	borderRadius: 6,
 	height: 160,
 	marginBottom: 8,
 	width: "100%"
-} }), et = ({ style: e }) => {
-	let { colors: t } = g(), n = k(new F.Value(.5)).current;
-	return D(() => {
-		let e = F.loop(F.sequence([F.timing(n, {
+} }), rt = ({ style: e }) => {
+	let { colors: t } = v(), n = A(new I.Value(.5)).current;
+	return O(() => {
+		let e = I.loop(I.sequence([I.timing(n, {
 			duration: 600,
 			toValue: 1,
 			useNativeDriver: !0
-		}), F.timing(n, {
+		}), I.timing(n, {
 			duration: 600,
 			toValue: .5,
 			useNativeDriver: !0
 		})]));
 		return e.start(), () => e.stop();
-	}, [n]), /* @__PURE__ */ j(F.View, { style: [
-		nt.bar,
+	}, [n]), /* @__PURE__ */ N(I.View, { style: [
+		at.bar,
 		{
 			backgroundColor: t.muted,
 			opacity: n
 		},
 		e
 	] });
-}, tt = () => /* @__PURE__ */ M(H, {
+}, it = () => /* @__PURE__ */ P(H, {
 	accessibilityState: { busy: !0 },
 	children: [
-		/* @__PURE__ */ j(et, { style: nt.title }),
-		/* @__PURE__ */ j(H, {
-			style: nt.fields,
+		/* @__PURE__ */ N(rt, { style: at.title }),
+		/* @__PURE__ */ N(H, {
+			style: at.fields,
 			children: [
 				0,
 				1,
 				2
-			].map((e) => /* @__PURE__ */ M(H, {
-				style: nt.field,
-				children: [/* @__PURE__ */ j(et, { style: nt.fieldLabel }), /* @__PURE__ */ j(et, { style: nt.fieldInput })]
+			].map((e) => /* @__PURE__ */ P(H, {
+				style: at.field,
+				children: [/* @__PURE__ */ N(rt, { style: at.fieldLabel }), /* @__PURE__ */ N(rt, { style: at.fieldInput })]
 			}, e))
 		}),
-		/* @__PURE__ */ j(H, {
-			style: nt.actions,
-			children: /* @__PURE__ */ j(et, { style: nt.button })
+		/* @__PURE__ */ N(H, {
+			style: at.actions,
+			children: /* @__PURE__ */ N(rt, { style: at.button })
 		})
 	]
-}), nt = L.create({
+}), at = R.create({
 	actions: {
 		alignItems: "flex-end",
 		marginTop: 24
@@ -3579,104 +3613,104 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 		marginBottom: 24,
 		width: "33%"
 	}
-}), rt = ({ baseUrl: e, components: n, contentContainerStyle: r, flow: i, googleApiKey: a, headers: o, initialValues: s, isLoading: c = !1, language: l, onChange: u, onSubmit: d, style: p, theme: m, validate: h, validationMode: _ }) => {
-	let { colors: v } = g(), { canContinueStep: b, canSubmit: x, clearSubmitMessage: S, config: C, currentStep: w, currentStepGroupNode: T, currentStepIndex: E, formErrors: D, formValues: k, goToNextStep: A, goToPreviousStep: te, handleSubmit: N, inputNodes: P, isFirstStep: F, isLastStep: I, isSubmitting: ne, missingRequiredFields: re, setFieldValue: L, steps: R, submitMessage: B, t: V } = f({
+}), ot = ({ baseUrl: e, components: t, contentContainerStyle: n, flow: r, googleApiKey: i, headers: o, initialValues: s, isLoading: c = !1, language: l, onChange: u, onSubmit: d, style: f, theme: p, validate: h, validationMode: g }) => {
+	let { colors: _ } = v(), { canContinueStep: y, canSubmit: b, clearSubmitMessage: S, config: C, currentStep: w, currentStepGroupNode: T, currentStepIndex: E, formErrors: D, formValues: O, goToNextStep: A, goToPreviousStep: j, handleSubmit: M, inputNodes: F, isFirstStep: te, isLastStep: I, isSubmitting: ne, missingRequiredFields: L, setFieldValue: re, steps: R, submitMessage: z, t: ae } = m({
 		baseUrl: e,
-		components: n,
-		flow: i,
-		googleApiKey: a,
+		components: t,
+		flow: r,
+		googleApiKey: i,
 		headers: o,
 		initialValues: s,
 		language: l,
 		onChange: u,
 		onSubmit: d,
-		theme: m,
+		theme: p,
 		validate: h,
-		validationMode: _
-	}), { FormWrapper: oe, SubmitButtonWrapper: se, renderNode: ce } = y({
+		validationMode: g
+	}), { FormWrapper: V, SubmitButtonWrapper: se, renderNode: ce } = x({
 		config: C,
-		DefaultFormWrapper: ae,
-		DefaultInputWrapper: Qe,
-		DefaultSubmitButton: Ge,
-		DefaultSubmitButtonWrapper: qe,
-		defaultInputRenderers: He,
-		defaultUI: Ze,
+		DefaultFormWrapper: oe,
+		DefaultInputWrapper: tt,
+		DefaultSubmitButton: Je,
+		DefaultSubmitButtonWrapper: Xe,
+		defaultInputRenderers: Ge,
+		defaultUI: et,
 		formErrors: D,
-		formValues: k,
-		inputNodes: P,
-		missingRequiredFields: re,
-		setFieldValue: L
-	}), le = C.components.step ?? Ue, U = C.components.loadingSkeleton ?? tt, ue = O(() => V(T?.data?.label), [V, T]), W = ee(() => {
+		formValues: O,
+		inputNodes: F,
+		missingRequiredFields: L,
+		setFieldValue: re
+	}), le = C.components.step ?? Ke, ue = C.components.loadingSkeleton ?? it, U = k(() => ae(T?.data?.label), [ae, T]), de = ee(() => {
 		if (I) {
-			N();
+			M();
 			return;
 		}
 		A();
 	}, [
 		I,
-		N,
+		M,
 		A
 	]);
-	return /* @__PURE__ */ j(ie, {
+	return /* @__PURE__ */ N(ie, {
 		nestedScrollEnabled: !0,
 		style: [
-			at.container,
-			{ backgroundColor: v.background },
-			p
+			ct.container,
+			{ backgroundColor: _.background },
+			f
 		],
-		contentContainerStyle: r,
-		children: c ? /* @__PURE__ */ j(U, {}) : /* @__PURE__ */ M(t, {
+		contentContainerStyle: n,
+		children: c ? /* @__PURE__ */ N(ue, {}) : /* @__PURE__ */ P(a, {
 			value: {
 				baseUrl: C.baseUrl,
-				flow: i,
+				flow: r,
 				formErrors: D,
-				formValues: k,
+				formValues: O,
 				googleApiKey: C.googleApiKey,
 				headers: C.headers,
-				inputNodes: P,
+				inputNodes: F,
 				language: C.language,
-				setFieldValue: L
+				setFieldValue: re
 			},
-			children: [/* @__PURE__ */ M(oe, {
-				onSubmit: N,
-				children: [w && /* @__PURE__ */ j(se, {
-					missingFields: I ? re : void 0,
-					children: /* @__PURE__ */ j(le, {
+			children: [/* @__PURE__ */ P(V, {
+				onSubmit: M,
+				children: [w && /* @__PURE__ */ N(se, {
+					missingFields: I ? L : void 0,
+					children: /* @__PURE__ */ N(le, {
 						step: w,
 						groupNode: T,
 						stepIndex: E,
 						totalSteps: R.length,
-						isFirstStep: F,
+						isFirstStep: te,
 						isLastStep: I,
-						canContinue: b && (!I || x),
+						canContinue: y && (!I || b),
 						isSubmitting: ne,
-						onBack: te,
-						onContinue: W,
-						label: ue,
+						onBack: j,
+						onContinue: de,
+						label: U,
 						children: w.nodes.map((e) => ce(e))
 					})
-				}), /* @__PURE__ */ j(z, {
-					style: [at.poweredBy, { color: v.textMuted }],
+				}), /* @__PURE__ */ N(B, {
+					style: [ct.poweredBy, { color: _.textMuted }],
 					children: "Powered by Treege"
 				})]
-			}), B && /* @__PURE__ */ M(H, {
-				style: [at.message, { backgroundColor: B.type === "success" ? v.successBg : v.errorBg }],
-				children: [/* @__PURE__ */ j(z, {
-					style: [at.messageText, { color: B.type === "success" ? v.success : v.error }],
-					children: B.message
-				}), /* @__PURE__ */ j(z, {
-					style: [at.messageClose, { color: B.type === "success" ? v.success : v.error }],
+			}), z && /* @__PURE__ */ P(H, {
+				style: [ct.message, { backgroundColor: z.type === "success" ? _.successBg : _.errorBg }],
+				children: [/* @__PURE__ */ N(B, {
+					style: [ct.messageText, { color: z.type === "success" ? _.success : _.error }],
+					children: z.message
+				}), /* @__PURE__ */ N(B, {
+					style: [ct.messageClose, { color: z.type === "success" ? _.success : _.error }],
 					onPress: S,
-					children: V("common.close")
+					children: ae("common.close")
 				})]
 			})]
 		})
 	});
-}, it = (e) => /* @__PURE__ */ j(x, {
+}, st = (e) => /* @__PURE__ */ N(C, {
 	theme: e.theme,
 	storageKey: "treege-renderer-theme",
-	children: /* @__PURE__ */ j(rt, { ...e })
-}), at = L.create({
+	children: /* @__PURE__ */ N(ot, { ...e })
+}), ct = R.create({
 	container: { flex: 1 },
 	message: {
 		borderRadius: 6,
@@ -3699,4 +3733,4 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 	}
 });
 //#endregion
-export { le as DefaultAddressInput, ue as DefaultAutocompleteInput, de as DefaultCheckboxInput, fe as DefaultDateInput, pe as DefaultDateRangeInput, Ye as DefaultDividerUI, me as DefaultFileInput, he as DefaultHiddenInput, Ee as DefaultHttpInput, De as DefaultNumberInput, ke as DefaultPasswordInput, je as DefaultRadioInput, Me as DefaultSelectInput, Ve as DefaultSubmitInput, Ne as DefaultSwitchInput, Le as DefaultTextInput, Fe as DefaultTextareaInput, ze as DefaultTimeInput, Be as DefaultTimeRangeInput, Je as DefaultTitleUI, it as TreegeRenderer, S as TreegeRendererProvider, l as applyReferenceTransformation, v as calculateReferenceFieldUpdates, h as checkFormFieldHasValue, d as convertFormValuesToNamedFormat, He as defaultInputRenderers, Ze as defaultUI, s as evaluateCondition, m as evaluateConditions, T as fileToSerializable, o as filesToSerializable, a as findStartNode, _ as getFlowRenderState, E as getTranslatedText, u as isFieldEmpty, b as isStartNode, be as sanitize, Se as sanitizeHttpResponse, w as serializableToFile, f as useTreegeRenderer, c as useTreegeRendererConfig };
+export { ue as DefaultAddressInput, pe as DefaultAutocompleteInput, me as DefaultCheckboxInput, he as DefaultDateInput, ge as DefaultDateRangeInput, Qe as DefaultDividerUI, _e as DefaultFileInput, ve as DefaultHiddenInput, ke as DefaultHttpInput, Ae as DefaultNumberInput, Me as DefaultPasswordInput, Pe as DefaultRadioInput, Fe as DefaultSelectInput, We as DefaultSubmitInput, Ie as DefaultSwitchInput, Be as DefaultTextInput, Re as DefaultTextareaInput, He as DefaultTimeInput, Ue as DefaultTimeRangeInput, Ze as DefaultTitleUI, st as TreegeRenderer, w as TreegeRendererProvider, d as applyReferenceTransformation, b as calculateReferenceFieldUpdates, _ as checkFormFieldHasValue, p as convertFormValuesToNamedFormat, Ge as defaultInputRenderers, et as defaultUI, l as evaluateCondition, g as evaluateConditions, D as fileToSerializable, c as filesToSerializable, s as findStartNode, y as getFlowRenderState, t as getTranslatedText, f as isFieldEmpty, S as isStartNode, Ce as sanitize, Te as sanitizeHttpResponse, E as serializableToFile, m as useTreegeRenderer, u as useTreegeRendererConfig };