treege 3.0.0-beta.44 → 3.0.0-beta.46

package/dist/renderer-native.js

@@ -1,32 +1,12 @@
-import { C as e, D as t, N as n, O as r, S as i, _ as a, a as o, b as s, c, g as l, h as u, i as d, l as f, m as p, n as m, o as h, p as g, r as _, s as v, t as y, u as b, v as x, w as S, x as C, y as w } from "./ThemeContext-CUHjGVUf.js";
-import { useCallback as ee, useEffect as T, useMemo as E, useRef as D, useState as O } from "react";
-import { jsx as k, jsxs as A } from "react/jsx-runtime";
-import { ActivityIndicator as j, Alert as M, FlatList as N, Image as P, Modal as F, ScrollView as I, StyleSheet as L, Switch as te, Text as R, TextInput as z, TouchableOpacity as B, View as V } from "react-native";
+import { C as e, D as t, E as n, M as r, N as i, O as a, R as o, S as s, T as c, a as l, b as u, c as d, d as f, h as p, i as m, k as h, l as g, n as _, o as v, p as y, r as b, s as x, t as S, v as C, w, x as T, y as ee } from "./ThemeContext-CNsS53ku.js";
+import { useCallback as te, useEffect as E, useMemo as D, useRef as O, useState as k } from "react";
+import { jsx as A, jsxs as j } from "react/jsx-runtime";
+import { ActivityIndicator as M, Alert as ne, FlatList as N, Image as re, Modal as P, ScrollView as F, StyleSheet as I, Switch as L, Text as R, TextInput as z, TouchableOpacity as B, View as V } from "react-native";
 //#region src/renderer/features/TreegeRenderer/native/components/DefaultFormWrapper.tsx
-var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
-	style: re.container,
+var ie = ({ children: e }) => /* @__PURE__ */ A(V, {
+	style: ae.container,
 	children: e
-}), re = L.create({ container: { padding: 16 } }), ie = ({ children: e, node: t }) => {
-	let n = b(), { colors: r } = m(), i = n(t.data.label);
-	return /* @__PURE__ */ A(V, {
-		style: ae.container,
-		children: [i && /* @__PURE__ */ k(R, {
-			style: [ae.label, { color: r.text }],
-			children: i
-		}), /* @__PURE__ */ k(V, {
-			style: ae.content,
-			children: e
-		})]
-	});
-}, ae = L.create({
-	container: { marginBottom: 16 },
-	content: { gap: 8 },
-	label: {
-		fontSize: 16,
-		fontWeight: "600",
-		marginBottom: 12
-	}
-}), oe = async (e, t) => {
+}), ae = I.create({ container: { padding: 16 } }), oe = async (e, t) => {
 	if (!e || e.trim().length < 3) return [];
 	try {
 		let n = await fetch(`https://nominatim.openstreetmap.org/search?q=${encodeURIComponent(e)}&format=jsonv2&addressdetails=1&limit=5`, { headers: {
@@ -54,20 +34,20 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 	} catch (e) {
 		return console.error("Google Places fetch error:", e), [];
 	}
-}, H = ({ node: e, value: t, setValue: n, error: r, label: i, placeholder: a, helperText: o, id: s, name: c }) => {
-	let [l, u] = O(""), [d, f] = O([]), [h, g] = O(!1), [_, v] = O(!1), { language: y, googleApiKey: x } = p(), S = b(), { colors: C } = m(), w = ee((e) => {
-		n(e.value), u(""), g(!1), f([]);
-	}, [n]), E = () => {
-		g(!1);
+}, ce = ({ node: e, value: t, setValue: n, error: r, label: i, placeholder: a, helperText: o, id: s, name: c }) => {
+	let [l, u] = k(""), [d, f] = k([]), [m, h] = k(!1), [g, v] = k(!1), { language: y, googleApiKey: b } = ee(), x = p(), { colors: S } = _(), C = te((e) => {
+		n(e.value), u(""), h(!1), f([]);
+	}, [n]), w = () => {
+		h(!1);
 	};
-	return T(() => {
+	return E(() => {
 		if (!l || l.trim().length < 3) {
 			f([]), v(!1);
 			return;
 		}
 		v(!0);
 		let e = setTimeout(async () => {
-			f(x ? await se(l, x) : await oe(l, y)), v(!1);
+			f(b ? await se(l, b) : await oe(l, y)), v(!1);
 		}, 300);
 		return () => {
 			clearTimeout(e), v(!1);
@@ -75,126 +55,126 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 	}, [
 		l,
 		y,
-		x
-	]), /* @__PURE__ */ A(V, {
-		style: U.container,
+		b
+	]), /* @__PURE__ */ j(V, {
+		style: H.container,
 		children: [
-			/* @__PURE__ */ A(R, {
-				style: [U.label, { color: C.textSecondary }],
-				children: [i || e.data.name, e.data.required && /* @__PURE__ */ k(R, {
-					style: { color: C.error },
+			/* @__PURE__ */ j(R, {
+				style: [H.label, { color: S.textSecondary }],
+				children: [i || e.data.name, e.data.required && /* @__PURE__ */ A(R, {
+					style: { color: S.error },
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ A(B, {
+			/* @__PURE__ */ j(B, {
 				style: [
-					U.trigger,
+					H.trigger,
 					{
-						backgroundColor: C.input,
-						borderColor: C.border
+						backgroundColor: S.input,
+						borderColor: S.border
 					},
-					r && { borderColor: C.error }
+					r && { borderColor: S.error }
 				],
-				onPress: () => g(!0),
+				onPress: () => h(!0),
 				activeOpacity: .7,
-				children: [/* @__PURE__ */ k(R, {
+				children: [/* @__PURE__ */ A(R, {
 					style: [
-						U.triggerText,
-						{ color: C.text },
-						!t && { color: C.textMuted }
+						H.triggerText,
+						{ color: S.text },
+						!t && { color: S.textMuted }
 					],
 					numberOfLines: 1,
-					children: t || a || S("renderer.defaultAddressInput.enterAddress")
-				}), /* @__PURE__ */ k(R, {
-					style: U.icon,
+					children: t || a || x("renderer.defaultAddressInput.enterAddress")
+				}), /* @__PURE__ */ A(R, {
+					style: H.icon,
 					children: "📍"
 				})]
 			}),
-			/* @__PURE__ */ k(F, {
-				visible: h,
+			/* @__PURE__ */ A(P, {
+				visible: m,
 				transparent: !0,
 				animationType: "fade",
-				onRequestClose: E,
-				children: /* @__PURE__ */ k(B, {
-					style: U.modalOverlay,
+				onRequestClose: w,
+				children: /* @__PURE__ */ A(B, {
+					style: H.modalOverlay,
 					activeOpacity: 1,
-					onPress: E,
-					children: /* @__PURE__ */ A(B, {
-						style: [U.modalContent, { backgroundColor: C.card }],
+					onPress: w,
+					children: /* @__PURE__ */ j(B, {
+						style: [H.modalContent, { backgroundColor: S.card }],
 						activeOpacity: 1,
 						onPress: () => {},
 						children: [
-							/* @__PURE__ */ A(V, {
-								style: [U.modalHeader, { borderBottomColor: C.separator }],
-								children: [/* @__PURE__ */ k(R, {
-									style: [U.modalTitle, { color: C.text }],
+							/* @__PURE__ */ j(V, {
+								style: [H.modalHeader, { borderBottomColor: S.separator }],
+								children: [/* @__PURE__ */ A(R, {
+									style: [H.modalTitle, { color: S.text }],
 									children: i || e.data.name
-								}), /* @__PURE__ */ k(B, {
-									onPress: E,
-									children: /* @__PURE__ */ k(R, {
-										style: [U.closeButton, { color: C.textMuted }],
+								}), /* @__PURE__ */ A(B, {
+									onPress: w,
+									children: /* @__PURE__ */ A(R, {
+										style: [H.closeButton, { color: S.textMuted }],
 										children: "✕"
 									})
 								})]
 							}),
-							/* @__PURE__ */ A(V, {
-								style: U.searchContainer,
-								children: [/* @__PURE__ */ k(z, {
-									style: [U.searchInput, {
-										backgroundColor: C.muted,
-										borderColor: C.border,
-										color: C.text
+							/* @__PURE__ */ j(V, {
+								style: H.searchContainer,
+								children: [/* @__PURE__ */ A(z, {
+									style: [H.searchInput, {
+										backgroundColor: S.muted,
+										borderColor: S.border,
+										color: S.text
 									}],
-									placeholder: a || S("renderer.defaultAddressInput.enterAddress"),
-									placeholderTextColor: C.textMuted,
+									placeholder: a || x("renderer.defaultAddressInput.enterAddress"),
+									placeholderTextColor: S.textMuted,
 									value: l,
 									onChangeText: u,
 									autoFocus: !0,
 									autoCapitalize: "none",
 									autoCorrect: !1
-								}), _ && /* @__PURE__ */ k(j, {
+								}), g && /* @__PURE__ */ A(M, {
 									size: "small",
-									color: C.primary,
-									style: U.searchLoader
+									color: S.primary,
+									style: H.searchLoader
 								})]
 							}),
-							_ ? /* @__PURE__ */ A(V, {
-								style: U.loadingContainer,
-								children: [/* @__PURE__ */ k(j, {
+							g ? /* @__PURE__ */ j(V, {
+								style: H.loadingContainer,
+								children: [/* @__PURE__ */ A(M, {
 									size: "small",
-									color: C.primary
-								}), /* @__PURE__ */ k(R, {
-									style: [U.loadingText, { color: C.textMuted }],
-									children: S("renderer.defaultAddressInput.searching")
+									color: S.primary
+								}), /* @__PURE__ */ A(R, {
+									style: [H.loadingText, { color: S.textMuted }],
+									children: x("renderer.defaultAddressInput.searching")
 								})]
-							}) : /* @__PURE__ */ k(N, {
+							}) : /* @__PURE__ */ A(N, {
 								data: d,
 								keyExtractor: (e, t) => t.toString(),
-								style: U.suggestionsList,
-								contentContainerStyle: U.suggestionsListContent,
+								style: H.suggestionsList,
+								contentContainerStyle: H.suggestionsListContent,
 								keyboardShouldPersistTaps: "handled",
-								ListEmptyComponent: l.length >= 3 ? /* @__PURE__ */ k(V, {
-									style: U.emptyContainer,
-									children: /* @__PURE__ */ k(R, {
-										style: [U.emptyText, { color: C.textMuted }],
-										children: S("renderer.defaultAddressInput.noAddressesFound")
+								ListEmptyComponent: l.length >= 3 ? /* @__PURE__ */ A(V, {
+									style: H.emptyContainer,
+									children: /* @__PURE__ */ A(R, {
+										style: [H.emptyText, { color: S.textMuted }],
+										children: x("renderer.defaultAddressInput.noAddressesFound")
 									})
-								}) : /* @__PURE__ */ k(V, {
-									style: U.emptyContainer,
-									children: /* @__PURE__ */ k(R, {
-										style: [U.emptyText, { color: C.textMuted }],
-										children: S("renderer.defaultAddressInput.typeMinChars")
+								}) : /* @__PURE__ */ A(V, {
+									style: H.emptyContainer,
+									children: /* @__PURE__ */ A(R, {
+										style: [H.emptyText, { color: S.textMuted }],
+										children: x("renderer.defaultAddressInput.typeMinChars")
 									})
 								}),
-								renderItem: ({ item: e }) => /* @__PURE__ */ A(B, {
-									style: U.suggestionItem,
-									onPress: () => w(e),
+								renderItem: ({ item: e }) => /* @__PURE__ */ j(B, {
+									style: H.suggestionItem,
+									onPress: () => C(e),
 									activeOpacity: .7,
-									children: [/* @__PURE__ */ k(R, {
-										style: U.suggestionIcon,
+									children: [/* @__PURE__ */ A(R, {
+										style: H.suggestionIcon,
 										children: "📍"
-									}), /* @__PURE__ */ k(R, {
-										style: [U.suggestionText, { color: C.text }],
+									}), /* @__PURE__ */ A(R, {
+										style: [H.suggestionText, { color: S.text }],
 										numberOfLines: 2,
 										children: e.label
 									})]
@@ -204,17 +184,17 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 					})
 				})
 			}),
-			r && /* @__PURE__ */ k(R, {
-				style: [U.error, { color: C.error }],
+			r && /* @__PURE__ */ A(R, {
+				style: [H.error, { color: S.error }],
 				children: r
 			}),
-			o && !r && /* @__PURE__ */ k(R, {
-				style: [U.helperText, { color: C.textMuted }],
+			o && !r && /* @__PURE__ */ A(R, {
+				style: [H.helperText, { color: S.textMuted }],
 				children: o
 			})
 		]
 	});
-}, U = L.create({
+}, H = I.create({
 	closeButton: {
 		fontSize: 24,
 		fontWeight: "300"
@@ -324,33 +304,33 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 		flex: 1,
 		fontSize: 14
 	}
-}), ce = ({ node: e, value: t, setValue: n, error: r, label: i, placeholder: a, helperText: o }) => {
-	let [s, c] = O(!1), [l, u] = O(""), d = b(), { colors: f } = m(), p = e.data.options || [], h = p.find((e) => e.value === t), g = E(() => {
-		if (!l.trim()) return p;
+}), le = ({ node: e, value: t, setValue: n, error: r, label: i, placeholder: a, helperText: o }) => {
+	let [s, c] = k(!1), [l, u] = k(""), d = p(), { colors: f } = _(), m = e.data.options || [], h = m.find((e) => e.value === t), g = D(() => {
+		if (!l.trim()) return m;
 		let e = l.toLowerCase();
-		return p.filter((t) => d(t.label).toLowerCase().includes(e) || t.value.toLowerCase().includes(e));
+		return m.filter((t) => d(t.label).toLowerCase().includes(e) || t.value.toLowerCase().includes(e));
 	}, [
-		p,
+		m,
 		l,
 		d
-	]), _ = (e) => {
+	]), v = (e) => {
 		n(e === t ? "" : e), c(!1), u("");
-	}, v = () => {
+	}, y = () => {
 		c(!1), u("");
 	};
-	return /* @__PURE__ */ A(V, {
-		style: W.container,
+	return /* @__PURE__ */ j(V, {
+		style: U.container,
 		children: [
-			/* @__PURE__ */ A(R, {
-				style: [W.label, { color: f.textSecondary }],
-				children: [i || e.data.name, e.data.required && /* @__PURE__ */ k(R, {
+			/* @__PURE__ */ j(R, {
+				style: [U.label, { color: f.textSecondary }],
+				children: [i || e.data.name, e.data.required && /* @__PURE__ */ A(R, {
 					style: { color: f.error },
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ A(B, {
+			/* @__PURE__ */ j(B, {
 				style: [
-					W.trigger,
+					U.trigger,
 					{
 						backgroundColor: f.input,
 						borderColor: f.border
@@ -359,50 +339,50 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 				],
 				onPress: () => c(!0),
 				activeOpacity: .7,
-				children: [/* @__PURE__ */ k(R, {
+				children: [/* @__PURE__ */ A(R, {
 					style: [
-						W.triggerText,
+						U.triggerText,
 						{ color: f.text },
 						!t && { color: f.textMuted }
 					],
 					numberOfLines: 1,
 					children: t && h ? d(h.label) : a || d("renderer.defaultAutocompleteInput.selectOption")
-				}), /* @__PURE__ */ k(R, {
-					style: [W.arrow, { color: f.textMuted }],
+				}), /* @__PURE__ */ A(R, {
+					style: [U.arrow, { color: f.textMuted }],
 					children: "▼"
 				})]
 			}),
-			/* @__PURE__ */ k(F, {
+			/* @__PURE__ */ A(P, {
 				visible: s,
 				transparent: !0,
 				animationType: "fade",
-				onRequestClose: v,
-				children: /* @__PURE__ */ k(B, {
-					style: W.modalOverlay,
+				onRequestClose: y,
+				children: /* @__PURE__ */ A(B, {
+					style: U.modalOverlay,
 					activeOpacity: 1,
-					onPress: v,
-					children: /* @__PURE__ */ A(B, {
-						style: [W.modalContent, { backgroundColor: f.card }],
+					onPress: y,
+					children: /* @__PURE__ */ j(B, {
+						style: [U.modalContent, { backgroundColor: f.card }],
 						activeOpacity: 1,
 						onPress: () => {},
 						children: [
-							/* @__PURE__ */ A(V, {
-								style: [W.modalHeader, { borderBottomColor: f.separator }],
-								children: [/* @__PURE__ */ k(R, {
-									style: [W.modalTitle, { color: f.text }],
+							/* @__PURE__ */ j(V, {
+								style: [U.modalHeader, { borderBottomColor: f.separator }],
+								children: [/* @__PURE__ */ A(R, {
+									style: [U.modalTitle, { color: f.text }],
 									children: i || e.data.name
-								}), /* @__PURE__ */ k(B, {
-									onPress: v,
-									children: /* @__PURE__ */ k(R, {
-										style: [W.closeButton, { color: f.textMuted }],
+								}), /* @__PURE__ */ A(B, {
+									onPress: y,
+									children: /* @__PURE__ */ A(R, {
+										style: [U.closeButton, { color: f.textMuted }],
 										children: "✕"
 									})
 								})]
 							}),
-							/* @__PURE__ */ k(V, {
-								style: W.searchContainer,
-								children: /* @__PURE__ */ k(z, {
-									style: [W.searchInput, {
+							/* @__PURE__ */ A(V, {
+								style: U.searchContainer,
+								children: /* @__PURE__ */ A(z, {
+									style: [U.searchInput, {
 										backgroundColor: f.muted,
 										borderColor: f.border,
 										color: f.text
@@ -416,34 +396,34 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 									autoCorrect: !1
 								})
 							}),
-							/* @__PURE__ */ k(N, {
+							/* @__PURE__ */ A(N, {
 								data: g,
 								keyExtractor: (e) => e.value,
-								style: W.optionsList,
-								contentContainerStyle: W.optionsListContent,
-								ListEmptyComponent: /* @__PURE__ */ k(V, {
-									style: W.emptyContainer,
-									children: /* @__PURE__ */ k(R, {
-										style: [W.emptyText, { color: f.textMuted }],
+								style: U.optionsList,
+								contentContainerStyle: U.optionsListContent,
+								ListEmptyComponent: /* @__PURE__ */ A(V, {
+									style: U.emptyContainer,
+									children: /* @__PURE__ */ A(R, {
+										style: [U.emptyText, { color: f.textMuted }],
 										children: d("renderer.defaultAutocompleteInput.noResults")
 									})
 								}),
 								renderItem: ({ item: e }) => {
 									let n = e.value === t;
-									return /* @__PURE__ */ A(B, {
-										style: [W.option, n && { backgroundColor: f.primaryLight }],
-										onPress: () => _(e.value),
+									return /* @__PURE__ */ j(B, {
+										style: [U.option, n && { backgroundColor: f.primaryLight }],
+										onPress: () => v(e.value),
 										disabled: e.disabled,
 										activeOpacity: .7,
-										children: [/* @__PURE__ */ k(R, {
+										children: [/* @__PURE__ */ A(R, {
 											style: [
-												W.optionText,
+												U.optionText,
 												{ color: f.text },
 												e.disabled && { color: f.textMuted }
 											],
 											children: d(e.label)
-										}), n && /* @__PURE__ */ k(R, {
-											style: [W.checkmark, { color: f.primary }],
+										}), n && /* @__PURE__ */ A(R, {
+											style: [U.checkmark, { color: f.primary }],
 											children: "✓"
 										})]
 									});
@@ -453,17 +433,17 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 					})
 				})
 			}),
-			r && /* @__PURE__ */ k(R, {
-				style: [W.error, { color: f.error }],
+			r && /* @__PURE__ */ A(R, {
+				style: [U.error, { color: f.error }],
 				children: r
 			}),
-			o && !r && /* @__PURE__ */ k(R, {
-				style: [W.helperText, { color: f.textMuted }],
+			o && !r && /* @__PURE__ */ A(R, {
+				style: [U.helperText, { color: f.textMuted }],
 				children: o
 			})
 		]
 	});
-}, W = L.create({
+}, U = I.create({
 	arrow: { fontSize: 12 },
 	checkmark: {
 		fontSize: 18,
@@ -554,23 +534,23 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 		flex: 1,
 		fontSize: 14
 	}
-}), le = ({ node: e, value: t, setValue: n, error: r, label: i, helperText: a }) => {
-	let o = b(), { colors: s } = m(), c = e.data.options || [], l = c.length > 0, u = Array.isArray(t) ? t : [], d = typeof t == "boolean" ? t : !1, f = (e) => {
+}), W = ({ node: e, value: t, setValue: n, error: r, label: i, helperText: a }) => {
+	let o = p(), { colors: s } = _(), c = e.data.options || [], l = c.length > 0, u = Array.isArray(t) ? t : [], d = typeof t == "boolean" ? t : !1, f = (e) => {
 		n(l ? u.includes(e) ? u.filter((t) => t !== e) : [...u, e] : !d);
-	}, p = (e) => l ? u.includes(e) : d;
-	return /* @__PURE__ */ A(V, {
+	}, m = (e) => l ? u.includes(e) : d;
+	return /* @__PURE__ */ j(V, {
 		style: G.container,
 		children: [
-			/* @__PURE__ */ A(R, {
+			/* @__PURE__ */ j(R, {
 				style: [G.label, { color: s.textSecondary }],
-				children: [i || e.data.name, e.data.required && /* @__PURE__ */ k(R, {
+				children: [i || e.data.name, e.data.required && /* @__PURE__ */ A(R, {
 					style: { color: s.error },
 					children: "*"
 				})]
 			}),
 			c.length > 0 ? c.map((e) => {
 				let t = o(e.description);
-				return /* @__PURE__ */ A(B, {
+				return /* @__PURE__ */ j(B, {
 					style: G.option,
 					onPress: () => f(e.value),
 					disabled: e.disabled,
@@ -578,42 +558,42 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 					accessible: !0,
 					accessibilityRole: "checkbox",
 					accessibilityState: {
-						checked: p(e.value),
+						checked: m(e.value),
 						disabled: e.disabled
 					},
 					accessibilityLabel: o(e.label) || e.value,
-					children: [/* @__PURE__ */ k(V, {
+					children: [/* @__PURE__ */ A(V, {
 						style: [
 							G.checkbox,
 							{
 								backgroundColor: s.input,
 								borderColor: s.border
 							},
-							p(e.value) && {
+							m(e.value) && {
 								backgroundColor: s.primary,
 								borderColor: s.primary
 							}
 						],
-						children: p(e.value) && /* @__PURE__ */ k(R, {
+						children: m(e.value) && /* @__PURE__ */ A(R, {
 							style: G.checkmark,
 							children: "✓"
 						})
-					}), /* @__PURE__ */ A(V, {
+					}), /* @__PURE__ */ j(V, {
 						style: G.optionTextContainer,
-						children: [/* @__PURE__ */ k(R, {
+						children: [/* @__PURE__ */ A(R, {
 							style: [
 								G.optionLabel,
 								{ color: s.textSecondary },
 								e.disabled && { color: s.textMuted }
 							],
 							children: o(e.label) || e.value
-						}), t && /* @__PURE__ */ k(R, {
+						}), t && /* @__PURE__ */ A(R, {
 							style: [G.optionDescription, { color: s.textMuted }],
 							children: t
 						})]
 					})]
 				}, e.value);
-			}) : /* @__PURE__ */ A(B, {
+			}) : /* @__PURE__ */ j(B, {
 				style: G.option,
 				onPress: () => f(""),
 				activeOpacity: .7,
@@ -621,7 +601,7 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 				accessibilityRole: "checkbox",
 				accessibilityState: { checked: d },
 				accessibilityLabel: i || e.data.name,
-				children: [/* @__PURE__ */ k(V, {
+				children: [/* @__PURE__ */ A(V, {
 					style: [
 						G.checkbox,
 						{
@@ -633,26 +613,26 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 							borderColor: s.primary
 						}
 					],
-					children: d && /* @__PURE__ */ k(R, {
+					children: d && /* @__PURE__ */ A(R, {
 						style: G.checkmark,
 						children: "✓"
 					})
-				}), /* @__PURE__ */ k(R, {
+				}), /* @__PURE__ */ A(R, {
 					style: [G.optionLabel, { color: s.textSecondary }],
 					children: i || e.data.name
 				})]
 			}),
-			r && /* @__PURE__ */ k(R, {
+			r && /* @__PURE__ */ A(R, {
 				style: [G.error, { color: s.error }],
 				children: r
 			}),
-			a && !r && /* @__PURE__ */ k(R, {
+			a && !r && /* @__PURE__ */ A(R, {
 				style: [G.helperText, { color: s.textMuted }],
 				children: a
 			})
 		]
 	});
-}, G = L.create({
+}, G = I.create({
 	checkbox: {
 		alignItems: "center",
 		borderRadius: 4,
@@ -693,14 +673,14 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 	optionLabel: { fontSize: 14 },
 	optionTextContainer: { flex: 1 }
 }), ue = ({ node: e, value: t, setValue: n, error: r, label: i, placeholder: a, helperText: o }) => {
-	let [s, c] = O(!1), l = b(), { colors: u } = m(), d = t ? new Date(t) : void 0, { year: f, month: p, today: h } = E(() => {
+	let [s, c] = k(!1), l = p(), { colors: u } = _(), d = t ? new Date(t) : void 0, { year: f, month: m, today: h } = D(() => {
 		let e = d || /* @__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
 		};
-	}, [d]), [g, _] = O(f), [v, y] = O(p), x = [
+	}, [d]), [g, v] = k(f), [y, b] = k(m), x = [
 		"January",
 		"February",
 		"March",
@@ -713,47 +693,47 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 		"October",
 		"November",
 		"December"
-	], S = E(() => {
-		let e = new Date(g, v, 1).getDay(), t = new Date(g, v + 1, 0).getDate(), n = new Date(g, v, 0).getDate(), r = [];
+	], S = D(() => {
+		let e = new Date(g, y, 1).getDay(), t = new Date(g, y + 1, 0).getDate(), n = new Date(g, y, 0).getDate(), r = [];
 		for (let t = e - 1; t >= 0; t--) r.push({
-			date: new Date(g, v - 1, n - t),
+			date: new Date(g, y - 1, n - t),
 			day: n - t,
 			isCurrentMonth: !1
 		});
 		for (let e = 1; e <= t; e++) r.push({
-			date: new Date(g, v, e),
+			date: new Date(g, y, e),
 			day: e,
 			isCurrentMonth: !0
 		});
 		let i = 42 - r.length;
 		for (let e = 1; e <= i; e++) r.push({
-			date: new Date(g, v + 1, e),
+			date: new Date(g, y + 1, e),
 			day: e,
 			isCurrentMonth: !1
 		});
 		return r;
-	}, [g, v]), C = ee((t) => {
+	}, [g, y]), C = te((t) => {
 		e.data.disablePast && t < h || (n(t.toISOString()), c(!1));
 	}, [
 		e.data.disablePast,
 		h,
 		n
 	]), w = () => {
-		v === 0 ? (y(11), _(g - 1)) : y(v - 1);
+		y === 0 ? (b(11), v(g - 1)) : b(y - 1);
 	}, T = () => {
-		v === 11 ? (y(0), _(g + 1)) : y(v + 1);
-	}, D = () => d ? d.toLocaleDateString() : a || l("renderer.defaultInputs.selectDate"), j = (t) => e.data.disablePast ? t < h : !1, M = (e) => d ? e.getDate() === d.getDate() && e.getMonth() === d.getMonth() && e.getFullYear() === d.getFullYear() : !1;
-	return /* @__PURE__ */ A(V, {
+		y === 11 ? (b(0), v(g + 1)) : b(y + 1);
+	}, ee = () => d ? d.toLocaleDateString() : a || l("renderer.defaultInputs.selectDate"), E = (t) => e.data.disablePast ? t < h : !1, O = (e) => d ? e.getDate() === d.getDate() && e.getMonth() === d.getMonth() && e.getFullYear() === d.getFullYear() : !1;
+	return /* @__PURE__ */ j(V, {
 		style: K.container,
 		children: [
-			/* @__PURE__ */ A(R, {
+			/* @__PURE__ */ j(R, {
 				style: [K.label, { color: u.textSecondary }],
-				children: [i || e.data.name, e.data.required && /* @__PURE__ */ k(R, {
+				children: [i || e.data.name, e.data.required && /* @__PURE__ */ A(R, {
 					style: { color: u.error },
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ A(B, {
+			/* @__PURE__ */ j(B, {
 				style: [
 					K.trigger,
 					{
@@ -764,76 +744,76 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 				],
 				onPress: () => c(!0),
 				activeOpacity: .7,
-				children: [/* @__PURE__ */ k(R, {
+				children: [/* @__PURE__ */ A(R, {
 					style: [
 						K.triggerText,
 						{ color: u.text },
 						!t && { color: u.textMuted }
 					],
 					numberOfLines: 1,
-					children: D()
-				}), /* @__PURE__ */ k(R, {
+					children: ee()
+				}), /* @__PURE__ */ A(R, {
 					style: K.icon,
 					children: "📅"
 				})]
 			}),
-			/* @__PURE__ */ k(F, {
+			/* @__PURE__ */ A(P, {
 				visible: s,
 				transparent: !0,
 				animationType: "fade",
 				onRequestClose: () => c(!1),
-				children: /* @__PURE__ */ k(B, {
+				children: /* @__PURE__ */ A(B, {
 					style: K.modalOverlay,
 					activeOpacity: 1,
 					onPress: () => c(!1),
-					children: /* @__PURE__ */ A(B, {
+					children: /* @__PURE__ */ j(B, {
 						style: [K.modalContent, { backgroundColor: u.card }],
 						activeOpacity: 1,
 						onPress: () => {},
 						children: [
-							/* @__PURE__ */ A(V, {
+							/* @__PURE__ */ j(V, {
 								style: [K.modalHeader, { borderBottomColor: u.separator }],
-								children: [/* @__PURE__ */ k(R, {
+								children: [/* @__PURE__ */ A(R, {
 									style: [K.modalTitle, { color: u.text }],
 									children: i || e.data.name
-								}), /* @__PURE__ */ k(B, {
+								}), /* @__PURE__ */ A(B, {
 									onPress: () => c(!1),
-									children: /* @__PURE__ */ k(R, {
+									children: /* @__PURE__ */ A(R, {
 										style: [K.closeButton, { color: u.textMuted }],
 										children: "✕"
 									})
 								})]
 							}),
-							/* @__PURE__ */ A(V, {
+							/* @__PURE__ */ j(V, {
 								style: K.calendarHeader,
 								children: [
-									/* @__PURE__ */ k(B, {
+									/* @__PURE__ */ A(B, {
 										onPress: w,
 										style: K.navButton,
-										children: /* @__PURE__ */ k(R, {
+										children: /* @__PURE__ */ A(R, {
 											style: [K.navButtonText, { color: u.primary }],
 											children: "‹"
 										})
 									}),
-									/* @__PURE__ */ A(R, {
+									/* @__PURE__ */ j(R, {
 										style: [K.monthYear, { color: u.text }],
 										children: [
-											x[v],
+											x[y],
 											" ",
 											g
 										]
 									}),
-									/* @__PURE__ */ k(B, {
+									/* @__PURE__ */ A(B, {
 										onPress: T,
 										style: K.navButton,
-										children: /* @__PURE__ */ k(R, {
+										children: /* @__PURE__ */ A(R, {
 											style: [K.navButtonText, { color: u.primary }],
 											children: "›"
 										})
 									})
 								]
 							}),
-							/* @__PURE__ */ k(V, {
+							/* @__PURE__ */ A(V, {
 								style: K.weekDays,
 								children: [
 									"Sun",
@@ -843,12 +823,12 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 									"Thu",
 									"Fri",
 									"Sat"
-								].map((e) => /* @__PURE__ */ k(R, {
+								].map((e) => /* @__PURE__ */ A(R, {
 									style: [K.weekDay, { color: u.textMuted }],
 									children: e
 								}, e))
 							}),
-							/* @__PURE__ */ k(N, {
+							/* @__PURE__ */ A(N, {
 								data: S,
 								keyExtractor: (e, t) => `${e.date.getTime()}-${t}`,
 								numColumns: 7,
@@ -856,8 +836,8 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 								style: K.calendar,
 								contentContainerStyle: K.calendarContent,
 								renderItem: ({ item: e }) => {
-									let t = j(e.date), n = M(e.date);
-									return /* @__PURE__ */ k(B, {
+									let t = E(e.date), n = O(e.date);
+									return /* @__PURE__ */ A(B, {
 										style: [
 											K.dayCell,
 											!e.isCurrentMonth && K.dayCellOtherMonth,
@@ -870,7 +850,7 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 										onPress: () => C(e.date),
 										disabled: t,
 										activeOpacity: .7,
-										children: /* @__PURE__ */ k(R, {
+										children: /* @__PURE__ */ A(R, {
 											style: [
 												K.dayText,
 												{ color: u.text },
@@ -890,17 +870,17 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 					})
 				})
 			}),
-			r && /* @__PURE__ */ k(R, {
+			r && /* @__PURE__ */ A(R, {
 				style: [K.error, { color: u.error }],
 				children: r
 			}),
-			o && !r && /* @__PURE__ */ k(R, {
+			o && !r && /* @__PURE__ */ A(R, {
 				style: [K.helperText, { color: u.textMuted }],
 				children: o
 			})
 		]
 	});
-}, K = L.create({
+}, K = I.create({
 	calendar: {
 		flexGrow: 0,
 		flexShrink: 1
@@ -1001,14 +981,14 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 		marginBottom: 8
 	}
 }), de = ({ node: e, value: t, setValue: n, error: r, label: i, helperText: a }) => {
-	let [o, s] = O(!1), [c, l] = O(!0), u = b(), { colors: d } = m(), f = Array.isArray(t) ? t : [], p = f[0] ? new Date(f[0]) : void 0, h = f[1] ? new Date(f[1]) : void 0, { year: g, month: _, today: v } = E(() => {
-		let e = p || /* @__PURE__ */ new Date(), t = e.getFullYear(), n = e.getMonth(), r = /* @__PURE__ */ new Date();
+	let [o, s] = k(!1), [c, l] = k(!0), u = p(), { colors: d } = _(), f = Array.isArray(t) ? t : [], m = f[0] ? new Date(f[0]) : void 0, h = f[1] ? new Date(f[1]) : void 0, { year: g, month: v, today: y } = D(() => {
+		let e = m || /* @__PURE__ */ new Date(), t = e.getFullYear(), n = e.getMonth(), r = /* @__PURE__ */ new Date();
 		return r.setHours(0, 0, 0, 0), {
 			month: n,
 			today: r,
 			year: t
 		};
-	}, [p]), [y, x] = O(g), [S, C] = O(_), w = [
+	}, [m]), [b, x] = k(g), [S, C] = k(v), w = [
 		"January",
 		"February",
 		"March",
@@ -1021,54 +1001,54 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 		"October",
 		"November",
 		"December"
-	], T = E(() => {
-		let e = new Date(y, S, 1).getDay(), t = new Date(y, S + 1, 0).getDate(), n = new Date(y, S, 0).getDate(), r = [];
+	], T = D(() => {
+		let e = new Date(b, S, 1).getDay(), t = new Date(b, S + 1, 0).getDate(), n = new Date(b, S, 0).getDate(), r = [];
 		for (let t = e - 1; t >= 0; t--) r.push({
-			date: new Date(y, S - 1, n - t),
+			date: new Date(b, S - 1, n - t),
 			day: n - t,
 			isCurrentMonth: !1
 		});
 		for (let e = 1; e <= t; e++) r.push({
-			date: new Date(y, S, e),
+			date: new Date(b, S, e),
 			day: e,
 			isCurrentMonth: !0
 		});
 		let i = 42 - r.length;
 		for (let e = 1; e <= i; e++) r.push({
-			date: new Date(y, S + 1, e),
+			date: new Date(b, S + 1, e),
 			day: e,
 			isCurrentMonth: !1
 		});
 		return r;
-	}, [y, S]), D = ee((t) => {
-		e.data.disablePast && t < v || (c ? (n([t.toISOString(), h?.toISOString()]), l(!1)) : (n(p && t < p ? [t.toISOString(), p.toISOString()] : [p?.toISOString(), t.toISOString()]), s(!1), l(!0)));
+	}, [b, S]), ee = te((t) => {
+		e.data.disablePast && t < y || (c ? (n([t.toISOString(), h?.toISOString()]), l(!1)) : (n(m && t < m ? [t.toISOString(), m.toISOString()] : [m?.toISOString(), t.toISOString()]), s(!1), l(!0)));
 	}, [
 		e.data.disablePast,
-		v,
+		y,
 		c,
-		p,
+		m,
 		h,
 		n
-	]), j = () => {
-		S === 0 ? (C(11), x(y - 1)) : C(S - 1);
-	}, M = () => {
-		S === 11 ? (C(0), x(y + 1)) : C(S + 1);
-	}, P = () => p && h ? `${p.toLocaleDateString()} - ${h.toLocaleDateString()}` : p ? p.toLocaleDateString() : u("renderer.defaultInputs.selectDateRange"), I = (t) => e.data.disablePast ? t < v : !1, L = (e) => p && h ? e >= p && e <= h : !1, te = (e) => {
-		if (!(p || h)) return !1;
-		let t = p && e.getDate() === p.getDate() && e.getMonth() === p.getMonth() && e.getFullYear() === p.getFullYear(), n = h && e.getDate() === h.getDate() && e.getMonth() === h.getMonth() && e.getFullYear() === h.getFullYear();
+	]), E = () => {
+		S === 0 ? (C(11), x(b - 1)) : C(S - 1);
+	}, O = () => {
+		S === 11 ? (C(0), x(b + 1)) : C(S + 1);
+	}, M = () => m && h ? `${m.toLocaleDateString()} - ${h.toLocaleDateString()}` : m ? m.toLocaleDateString() : u("renderer.defaultInputs.selectDateRange"), ne = (t) => e.data.disablePast ? t < y : !1, re = (e) => m && h ? e >= m && e <= h : !1, F = (e) => {
+		if (!(m || h)) return !1;
+		let t = m && e.getDate() === m.getDate() && e.getMonth() === m.getMonth() && e.getFullYear() === m.getFullYear(), n = h && e.getDate() === h.getDate() && e.getMonth() === h.getMonth() && e.getFullYear() === h.getFullYear();
 		return t || n;
 	};
-	return /* @__PURE__ */ A(V, {
+	return /* @__PURE__ */ j(V, {
 		style: q.container,
 		children: [
-			/* @__PURE__ */ A(R, {
+			/* @__PURE__ */ j(R, {
 				style: [q.label, { color: d.textSecondary }],
-				children: [i || e.data.name, e.data.required && /* @__PURE__ */ k(R, {
+				children: [i || e.data.name, e.data.required && /* @__PURE__ */ A(R, {
 					style: { color: d.error },
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ A(B, {
+			/* @__PURE__ */ j(B, {
 				style: [
 					q.trigger,
 					{
@@ -1079,83 +1059,83 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 				],
 				onPress: () => s(!0),
 				activeOpacity: .7,
-				children: [/* @__PURE__ */ k(R, {
+				children: [/* @__PURE__ */ A(R, {
 					style: [
 						q.triggerText,
 						{ color: d.text },
-						!p && { color: d.textMuted }
+						!m && { color: d.textMuted }
 					],
 					numberOfLines: 1,
-					children: P()
-				}), /* @__PURE__ */ k(R, {
+					children: M()
+				}), /* @__PURE__ */ A(R, {
 					style: q.icon,
 					children: "📅"
 				})]
 			}),
-			/* @__PURE__ */ k(F, {
+			/* @__PURE__ */ A(P, {
 				visible: o,
 				transparent: !0,
 				animationType: "fade",
 				onRequestClose: () => s(!1),
-				children: /* @__PURE__ */ k(B, {
+				children: /* @__PURE__ */ A(B, {
 					style: q.modalOverlay,
 					activeOpacity: 1,
 					onPress: () => s(!1),
-					children: /* @__PURE__ */ A(B, {
+					children: /* @__PURE__ */ j(B, {
 						style: [q.modalContent, { backgroundColor: d.card }],
 						activeOpacity: 1,
 						onPress: () => {},
 						children: [
-							/* @__PURE__ */ A(V, {
+							/* @__PURE__ */ j(V, {
 								style: [q.modalHeader, { borderBottomColor: d.separator }],
-								children: [/* @__PURE__ */ k(R, {
+								children: [/* @__PURE__ */ A(R, {
 									style: [q.modalTitle, { color: d.text }],
 									children: i || e.data.name
-								}), /* @__PURE__ */ k(B, {
+								}), /* @__PURE__ */ A(B, {
 									onPress: () => s(!1),
-									children: /* @__PURE__ */ k(R, {
+									children: /* @__PURE__ */ A(R, {
 										style: [q.closeButton, { color: d.textMuted }],
 										children: "✕"
 									})
 								})]
 							}),
-							/* @__PURE__ */ k(V, {
+							/* @__PURE__ */ A(V, {
 								style: [q.rangeIndicator, { backgroundColor: d.primaryLight }],
-								children: /* @__PURE__ */ k(R, {
+								children: /* @__PURE__ */ A(R, {
 									style: [q.rangeIndicatorText, { color: d.primary }],
 									children: u(c ? "renderer.defaultInputs.startDate" : "renderer.defaultInputs.endDate")
 								})
 							}),
-							/* @__PURE__ */ A(V, {
+							/* @__PURE__ */ j(V, {
 								style: q.calendarHeader,
 								children: [
-									/* @__PURE__ */ k(B, {
-										onPress: j,
+									/* @__PURE__ */ A(B, {
+										onPress: E,
 										style: q.navButton,
-										children: /* @__PURE__ */ k(R, {
+										children: /* @__PURE__ */ A(R, {
 											style: [q.navButtonText, { color: d.primary }],
 											children: "‹"
 										})
 									}),
-									/* @__PURE__ */ A(R, {
+									/* @__PURE__ */ j(R, {
 										style: [q.monthYear, { color: d.text }],
 										children: [
 											w[S],
 											" ",
-											y
+											b
 										]
 									}),
-									/* @__PURE__ */ k(B, {
-										onPress: M,
+									/* @__PURE__ */ A(B, {
+										onPress: O,
 										style: q.navButton,
-										children: /* @__PURE__ */ k(R, {
+										children: /* @__PURE__ */ A(R, {
 											style: [q.navButtonText, { color: d.primary }],
 											children: "›"
 										})
 									})
 								]
 							}),
-							/* @__PURE__ */ k(V, {
+							/* @__PURE__ */ A(V, {
 								style: q.weekDays,
 								children: [
 									"Sun",
@@ -1165,12 +1145,12 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 									"Thu",
 									"Fri",
 									"Sat"
-								].map((e) => /* @__PURE__ */ k(R, {
+								].map((e) => /* @__PURE__ */ A(R, {
 									style: [q.weekDay, { color: d.textMuted }],
 									children: e
 								}, e))
 							}),
-							/* @__PURE__ */ k(N, {
+							/* @__PURE__ */ A(N, {
 								data: T,
 								keyExtractor: (e, t) => `${e.date.getTime()}-${t}`,
 								numColumns: 7,
@@ -1178,8 +1158,8 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 								style: q.calendar,
 								contentContainerStyle: q.calendarContent,
 								renderItem: ({ item: e }) => {
-									let t = I(e.date), n = L(e.date), r = te(e.date);
-									return /* @__PURE__ */ k(B, {
+									let t = ne(e.date), n = re(e.date), r = F(e.date);
+									return /* @__PURE__ */ A(B, {
 										style: [
 											q.dayCell,
 											!e.isCurrentMonth && q.dayCellOtherMonth,
@@ -1190,10 +1170,10 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 											},
 											t && q.dayCellDisabled
 										],
-										onPress: () => D(e.date),
+										onPress: () => ee(e.date),
 										disabled: t,
 										activeOpacity: .7,
-										children: /* @__PURE__ */ k(R, {
+										children: /* @__PURE__ */ A(R, {
 											style: [
 												q.dayText,
 												{ color: d.text },
@@ -1214,17 +1194,17 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 					})
 				})
 			}),
-			r && /* @__PURE__ */ k(R, {
+			r && /* @__PURE__ */ A(R, {
 				style: [q.error, { color: d.error }],
 				children: r
 			}),
-			a && !r && /* @__PURE__ */ k(R, {
+			a && !r && /* @__PURE__ */ A(R, {
 				style: [q.helperText, { color: d.textMuted }],
 				children: a
 			})
 		]
 	});
-}, q = L.create({
+}, q = I.create({
 	calendar: {
 		flexGrow: 0,
 		flexShrink: 1
@@ -1335,30 +1315,30 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 		marginBottom: 8
 	}
 }), fe = ({ node: e, value: t, setValue: n, error: r, label: i, helperText: a }) => {
-	let [o, s] = O(null), [c, l] = O(!0), u = b(), { colors: d } = m(), f = Array.isArray(t) ? t : t ? [t] : [], p = e.data.multiple, h = ee(async () => {
+	let [o, s] = k(null), [c, l] = k(!0), u = p(), { colors: d } = _(), f = Array.isArray(t) ? t : t ? [t] : [], m = e.data.multiple, h = te(async () => {
 		if (o) try {
-			let e = (await o({ allowMultiSelection: p })).map((e) => ({
+			let e = (await o({ allowMultiSelection: m })).map((e) => ({
 				data: e.uri,
 				lastModified: Date.now(),
 				name: e.name,
 				size: e.size,
 				type: e.type || "application/octet-stream"
 			}));
-			n(p ? [...f, ...e] : e[0] || null);
+			n(m ? [...f, ...e] : e[0] || null);
 		} catch (e) {
-			e.code !== "DOCUMENT_PICKER_CANCELED" && M.alert("Error", u("renderer.defaultInputs.filePickerError"));
+			e.code !== "DOCUMENT_PICKER_CANCELED" && ne.alert("Error", u("renderer.defaultInputs.filePickerError"));
 		}
 	}, [
 		o,
 		f,
-		p,
+		m,
 		n,
 		u
-	]), g = ee((e) => {
+	]), g = te((e) => {
 		let t = f.filter((t, n) => n !== e);
 		n(t.length > 0 ? t : null);
-	}, [f, n]), _ = (e) => e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
-	return T(() => {
+	}, [f, n]), v = (e) => e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
+	return E(() => {
 		(async () => {
 			try {
 				let { pick: e } = await import("react-native-document-picker");
@@ -1369,47 +1349,47 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 				l(!1);
 			}
 		})();
-	}, []), c ? null : o ? /* @__PURE__ */ A(V, {
+	}, []), c ? null : o ? /* @__PURE__ */ j(V, {
 		style: J.container,
 		children: [
-			/* @__PURE__ */ A(R, {
+			/* @__PURE__ */ j(R, {
 				style: [J.label, { color: d.textSecondary }],
-				children: [i || e.data.name, e.data.required && /* @__PURE__ */ k(R, {
+				children: [i || e.data.name, e.data.required && /* @__PURE__ */ A(R, {
 					style: { color: d.error },
 					children: "*"
 				})]
 			}),
-			f.length > 0 && /* @__PURE__ */ k(V, {
+			f.length > 0 && /* @__PURE__ */ A(V, {
 				style: J.filesList,
-				children: f.map((e, t) => /* @__PURE__ */ A(V, {
+				children: f.map((e, t) => /* @__PURE__ */ j(V, {
 					style: [J.fileItem, {
 						backgroundColor: d.card,
 						borderColor: d.separator
 					}],
 					children: [
-						/* @__PURE__ */ k(V, {
+						/* @__PURE__ */ A(V, {
 							style: [J.fileIcon, { backgroundColor: d.muted }],
-							children: /* @__PURE__ */ k(R, {
+							children: /* @__PURE__ */ A(R, {
 								style: J.fileIconText,
 								children: "📄"
 							})
 						}),
-						/* @__PURE__ */ A(V, {
+						/* @__PURE__ */ j(V, {
 							style: J.fileInfo,
-							children: [/* @__PURE__ */ k(R, {
+							children: [/* @__PURE__ */ A(R, {
 								style: [J.fileName, { color: d.text }],
 								numberOfLines: 1,
 								children: e.name
-							}), e.size > 0 && /* @__PURE__ */ k(R, {
+							}), e.size > 0 && /* @__PURE__ */ A(R, {
 								style: [J.fileSize, { color: d.textMuted }],
-								children: _(e.size)
+								children: v(e.size)
 							})]
 						}),
-						/* @__PURE__ */ k(B, {
+						/* @__PURE__ */ A(B, {
 							style: J.removeButton,
 							onPress: () => g(t),
 							activeOpacity: .7,
-							children: /* @__PURE__ */ k(R, {
+							children: /* @__PURE__ */ A(R, {
 								style: [J.removeButtonText, { color: d.textMuted }],
 								children: "✕"
 							})
@@ -1417,54 +1397,54 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 					]
 				}, `${e.name}-${t}`))
 			}),
-			/* @__PURE__ */ k(B, {
+			/* @__PURE__ */ A(B, {
 				style: [J.pickButton, {
 					backgroundColor: d.input,
 					borderColor: d.border
 				}],
 				onPress: h,
 				activeOpacity: .7,
-				children: /* @__PURE__ */ k(R, {
+				children: /* @__PURE__ */ A(R, {
 					style: [J.pickButtonText, { color: d.textMuted }],
-					children: f.length === 0 ? u(p ? "renderer.defaultInputs.selectFiles" : "renderer.defaultInputs.selectFile") : u(p ? "renderer.defaultInputs.addMoreFiles" : "renderer.defaultInputs.replaceFile")
+					children: f.length === 0 ? u(m ? "renderer.defaultInputs.selectFiles" : "renderer.defaultInputs.selectFile") : u(m ? "renderer.defaultInputs.addMoreFiles" : "renderer.defaultInputs.replaceFile")
 				})
 			}),
-			r && /* @__PURE__ */ k(R, {
+			r && /* @__PURE__ */ A(R, {
 				style: [J.error, { color: d.error }],
 				children: r
 			}),
-			a && !r && /* @__PURE__ */ k(R, {
+			a && !r && /* @__PURE__ */ A(R, {
 				style: [J.helperText, { color: d.textMuted }],
 				children: a
 			})
 		]
-	}) : /* @__PURE__ */ A(V, {
+	}) : /* @__PURE__ */ j(V, {
 		style: J.container,
 		children: [
-			/* @__PURE__ */ A(R, {
+			/* @__PURE__ */ j(R, {
 				style: [J.label, { color: d.textSecondary }],
-				children: [i || e.data.name, e.data.required && /* @__PURE__ */ k(R, {
+				children: [i || e.data.name, e.data.required && /* @__PURE__ */ A(R, {
 					style: { color: d.error },
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ k(V, {
+			/* @__PURE__ */ A(V, {
 				style: [J.unavailableContainer, {
 					backgroundColor: d.errorLight,
 					borderColor: d.error
 				}],
-				children: /* @__PURE__ */ k(R, {
+				children: /* @__PURE__ */ A(R, {
 					style: [J.unavailableText, { color: d.error }],
 					children: u("renderer.defaultInputs.filePickerUnavailable")
 				})
 			}),
-			a && /* @__PURE__ */ k(R, {
+			a && /* @__PURE__ */ A(R, {
 				style: [J.helperText, { color: d.textMuted }],
 				children: a
 			})
 		]
 	});
-}, J = L.create({
+}, J = I.create({
 	container: { marginBottom: 16 },
 	error: {
 		fontSize: 12,
@@ -1546,253 +1526,245 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 		return r.delete(e), i;
 	}
 	return e;
-}, ye = (e, t) => t ? t.split(".").reduce((e, t) => {
-	if (e == null) return;
-	let n = t.match(/^(\w+)\[(\d+)]$/);
-	if (n) {
-		let [, t, r] = n, i = e[t];
-		return Array.isArray(i) ? i[Number.parseInt(r, 10)] : i;
-	}
-	return e[t];
-}, e) : e, be = (e) => {
+}, ye = (e) => {
 	let t = e.matchAll(/{{([\w-]+)}}/g);
 	return Array.from(t, (e) => e[1]);
-}, xe = (e, t) => be(e).every((e) => {
+}, be = (e, t) => ye(e).every((e) => {
 	let n = t[e];
 	return n != null && n !== "";
-}), Se = (e, t, n = !1) => e.replace(/{{([\w-]+)}}/g, (e, r) => {
+}), xe = (e, t, n = !1) => e.replace(/{{([\w-]+)}}/g, (e, r) => {
 	let i = t[r], a = i == null ? "" : String(i);
 	return n ? encodeURIComponent(a) : a;
-}), Ce = ({ node: e, value: t, setValue: n, error: r, label: a, placeholder: o, helperText: s, id: c, name: l }) => {
-	let [u, d] = O(!1), [f, h] = O(null), [g, _] = O([]), [v, y] = O(""), [x, C] = O(!1), { formValues: w, inputNodes: M } = p(), P = b(), { colors: I } = m(), { httpConfig: L } = e.data, te = D(!1), ne = D(""), re = D(L), ie = D(w), ae = D(M), oe = D(n), se = D(null), H = D(null), U = E(() => L?.url ? be(L.url) : [], [L?.url]), ce = U.length > 0, W = E(() => U.map((e) => `${e}:${String(w[e] ?? "")}`).join("|"), [U, w]), le = E(() => L?.url ? ce ? xe(L.url, w) : !0 : !1, [
-		L?.url,
-		ce,
-		w
-	]), G = ee(async (e) => {
-		H.current && H.current.abort();
-		let t = new AbortController();
-		H.current = t;
-		let n = re.current, r = ie.current, a = oe.current;
-		if (!n?.url) {
-			h(P("renderer.defaultHttpInput.noUrlConfigured")), H.current = null;
+}), Se = ({ node: e, value: n, setValue: r, error: i, label: a, placeholder: o, helperText: s, id: c, name: l }) => {
+	let [u, d] = k(!1), [m, g] = k(null), [v, b] = k([]), [x, S] = k(""), [C, w] = k(!1), { formValues: T, inputNodes: ne, headers: re } = ee(), { colors: F } = _(), { httpConfig: I } = e.data, L = p(), ie = O(!1), ae = O(""), oe = O(I), se = O(T), ce = O(ne), H = O(re), le = O(r), U = O(null), W = O(null), G = D(() => I?.url ? ye(I.url) : [], [I?.url]), ue = G.length > 0, K = D(() => G.map((e) => `${e}:${String(T[e] ?? "")}`).join("|"), [G, T]), de = D(() => I?.url ? ue ? be(I.url, T) : !0 : !1, [
+		I?.url,
+		ue,
+		T
+	]), q = te(async (e) => {
+		W.current && W.current.abort();
+		let n = new AbortController();
+		W.current = n;
+		let r = oe.current, i = se.current, a = le.current;
+		if (!r?.url) {
+			g(L("renderer.defaultHttpInput.noUrlConfigured")), W.current = null;
 			return;
 		}
-		if (n.url && !xe(n.url, r)) {
-			H.current = null;
+		if (r.url && !be(r.url, i)) {
+			W.current = null;
 			return;
 		}
-		d(!0), h(null);
+		d(!0), g(null);
 		try {
-			let o = Se(n.url, r, !0), s = n.searchParam && e ? `${o}${o.includes("?") ? "&" : "?"}${n.searchParam}=${encodeURIComponent(e)}` : o, c = {};
-			n.headers?.forEach((e) => {
-				c[e.key] = Se(e.value, r);
-			});
-			let l = [
+			let o = xe(r.url, i, !0), s = r.searchParam && e ? `${o}${o.includes("?") ? "&" : "?"}${r.searchParam}=${encodeURIComponent(e)}` : o, c = (e) => ({
+				key: e.key,
+				value: xe(e.value, i)
+			}), l = y([{
+				key: "Content-Type",
+				value: "application/json"
+			}], H.current?.map(c), r.headers?.map(c)), u = [
 				"POST",
 				"PUT",
 				"PATCH"
-			].includes(n.method || "") ? n.sendAllFormValues ? JSON.stringify(i(r, ae.current)) : n.body ? Se(n.body, r) : void 0 : void 0, u = setTimeout(() => t.abort(), 3e4), f = await fetch(s, {
-				body: l || void 0,
-				headers: {
-					"Content-Type": "application/json",
-					...c
-				},
-				method: n.method || "GET",
-				signal: t.signal
+			].includes(r.method || "") ? r.sendAllFormValues ? JSON.stringify(t(i, ce.current)) : r.body ? xe(r.body, i) : void 0 : void 0, p = setTimeout(() => n.abort(), 3e4), m = await fetch(s, {
+				body: u || void 0,
+				headers: Object.fromEntries(l.filter((e) => e.key && e.value).map((e) => [e.key, e.value])),
+				method: r.method || "GET",
+				signal: n.signal
 			});
-			if (clearTimeout(u), !f.ok) {
-				h(`HTTP Error ${f.status}: ${f.statusText}`), d(!1);
+			if (clearTimeout(p), !m.ok) {
+				g(`HTTP Error ${m.status}: ${m.statusText}`), d(!1);
 				return;
 			}
-			let p = ve(await f.json()), m = n.responsePath ? ye(p, n.responsePath) : p;
-			if (n.responseMapping && Array.isArray(m)) {
-				let { valueField: e = "value", labelField: t = "label" } = n.responseMapping;
-				_(m.map((n) => ({
-					label: String(ye(n, t) || ""),
-					value: String(ye(n, e) || "")
+			let h = ve(await m.json()), _ = r.responsePath ? f(h, r.responsePath) : h;
+			if (r.responseMapping && Array.isArray(_)) {
+				let { valueField: e = "value", labelField: t = "label" } = r.responseMapping;
+				b(_.map((n) => ({
+					label: String(f(n, t) || ""),
+					value: String(f(n, e) || "")
 				})));
-			} else a(typeof m == "string" ? m : JSON.stringify(m));
+			} else a(typeof _ == "string" ? _ : JSON.stringify(_));
 		} catch (e) {
 			if (e instanceof Error && e.name === "AbortError") return;
-			h(e instanceof Error ? e.message : P("renderer.defaultHttpInput.fetchFailed")), console.error("HTTP Input fetch error:", e);
+			g(e instanceof Error ? e.message : L("renderer.defaultHttpInput.fetchFailed")), console.error("HTTP Input fetch error:", e);
 		} finally {
-			d(!1), H.current = null;
+			d(!1), W.current = null;
 		}
-	}, [P]);
-	if (T(() => {
-		re.current = L, ie.current = w, ae.current = M, oe.current = n, se.current = G;
+	}, [L]);
+	if (E(() => {
+		oe.current = I, se.current = T, ce.current = ne, H.current = re, le.current = r, U.current = q;
 	}, [
-		L,
-		w,
-		M,
-		n,
-		G
-	]), T(() => () => {
-		H.current && H.current.abort();
-	}, []), T(() => {
-		if (te.current) return;
-		te.current = !0;
-		let e = re.current, t = ie.current, n = se.current, r = e?.url && xe(e.url, t);
-		e?.fetchOnMount && r && n && (n(), e.url && (ne.current = be(e.url).map((e) => `${e}:${String(t[e] ?? "")}`).join("|")));
-	}, []), T(() => {
-		if (!te.current || !ce || ne.current === W || !le) return;
+		I,
+		T,
+		ne,
+		re,
+		r,
+		q
+	]), E(() => () => {
+		W.current && W.current.abort();
+	}, []), E(() => {
+		if (ie.current) return;
+		ie.current = !0;
+		let e = oe.current, t = se.current, n = U.current, r = e?.url && be(e.url, t);
+		e?.fetchOnMount && r && n && (n(), e.url && (ae.current = ye(e.url).map((e) => `${e}:${String(t[e] ?? "")}`).join("|")));
+	}, []), E(() => {
+		if (!ie.current || !ue || ae.current === K || !de) return;
 		let e = setTimeout(() => {
-			G(), ne.current = W;
+			q(), ae.current = K;
 		}, 500);
 		return () => clearTimeout(e);
 	}, [
-		W,
-		ce,
-		le,
-		G
-	]), T(() => {
-		if (!(L?.searchParam && v)) return;
+		K,
+		ue,
+		de,
+		q
+	]), E(() => {
+		if (!(I?.searchParam && x)) return;
 		let e = setTimeout(() => {
-			G(v);
+			q(x);
 		}, 300);
 		return () => clearTimeout(e);
 	}, [
-		v,
-		L?.searchParam,
-		G
-	]), L?.responseMapping) {
-		let i = Array.isArray(t) ? t[0] : t, c = g.find((e) => e.value === i);
-		if (L.searchParam) {
-			let t = u && L?.showLoading;
-			return /* @__PURE__ */ A(V, {
+		x,
+		I?.searchParam,
+		q
+	]), I?.responseMapping) {
+		let t = Array.isArray(n) ? n[0] : n, c = v.find((e) => e.value === t);
+		if (I.searchParam) {
+			let n = u && I?.showLoading;
+			return /* @__PURE__ */ j(V, {
 				style: Y.container,
 				children: [
-					/* @__PURE__ */ A(R, {
-						style: [Y.label, { color: I.textSecondary }],
-						children: [a || e.data.name, e.data.required && /* @__PURE__ */ k(R, {
-							style: { color: I.error },
+					/* @__PURE__ */ j(R, {
+						style: [Y.label, { color: F.textSecondary }],
+						children: [a || e.data.name, e.data.required && /* @__PURE__ */ A(R, {
+							style: { color: F.error },
 							children: "*"
 						})]
 					}),
-					/* @__PURE__ */ A(B, {
+					/* @__PURE__ */ j(B, {
 						style: [
 							Y.trigger,
 							{
-								backgroundColor: I.input,
-								borderColor: I.border
+								backgroundColor: F.input,
+								borderColor: F.border
 							},
-							r && { borderColor: I.error }
+							i && { borderColor: F.error }
 						],
-						onPress: () => C(!0),
+						onPress: () => w(!0),
 						activeOpacity: .7,
-						children: [t ? /* @__PURE__ */ A(V, {
+						children: [n ? /* @__PURE__ */ j(V, {
 							style: Y.loadingTrigger,
-							children: [/* @__PURE__ */ k(j, {
+							children: [/* @__PURE__ */ A(M, {
 								size: "small",
-								color: I.primary
-							}), /* @__PURE__ */ k(R, {
-								style: [Y.triggerText, { color: I.textMuted }],
+								color: F.primary
+							}), /* @__PURE__ */ A(R, {
+								style: [Y.triggerText, { color: F.textMuted }],
 								numberOfLines: 1,
-								children: c?.label || o || P("renderer.defaultHttpInput.search")
+								children: c?.label || o || L("renderer.defaultHttpInput.search")
 							})]
-						}) : /* @__PURE__ */ k(R, {
+						}) : /* @__PURE__ */ A(R, {
 							style: [
 								Y.triggerText,
-								{ color: I.text },
-								!c && { color: I.textMuted }
+								{ color: F.text },
+								!c && { color: F.textMuted }
 							],
 							numberOfLines: 1,
-							children: c?.label || o || P("renderer.defaultHttpInput.search")
-						}), /* @__PURE__ */ k(R, {
-							style: [Y.arrow, { color: I.textMuted }],
+							children: c?.label || o || L("renderer.defaultHttpInput.search")
+						}), /* @__PURE__ */ A(R, {
+							style: [Y.arrow, { color: F.textMuted }],
 							children: "▼"
 						})]
 					}),
-					/* @__PURE__ */ k(F, {
-						visible: x,
+					/* @__PURE__ */ A(P, {
+						visible: C,
 						transparent: !0,
 						animationType: "fade",
-						onRequestClose: () => C(!1),
-						children: /* @__PURE__ */ k(B, {
+						onRequestClose: () => w(!1),
+						children: /* @__PURE__ */ A(B, {
 							style: Y.modalOverlay,
 							activeOpacity: 1,
-							onPress: () => C(!1),
-							children: /* @__PURE__ */ A(B, {
-								style: [Y.modalContent, { backgroundColor: I.card }],
+							onPress: () => w(!1),
+							children: /* @__PURE__ */ j(B, {
+								style: [Y.modalContent, { backgroundColor: F.card }],
 								activeOpacity: 1,
 								onPress: () => {},
 								children: [
-									/* @__PURE__ */ A(V, {
-										style: [Y.modalHeader, { borderBottomColor: I.separator }],
-										children: [/* @__PURE__ */ k(R, {
-											style: [Y.modalTitle, { color: I.text }],
+									/* @__PURE__ */ j(V, {
+										style: [Y.modalHeader, { borderBottomColor: F.separator }],
+										children: [/* @__PURE__ */ A(R, {
+											style: [Y.modalTitle, { color: F.text }],
 											children: a || e.data.name
-										}), /* @__PURE__ */ k(B, {
-											onPress: () => C(!1),
-											children: /* @__PURE__ */ k(R, {
-												style: [Y.closeButton, { color: I.textMuted }],
+										}), /* @__PURE__ */ A(B, {
+											onPress: () => w(!1),
+											children: /* @__PURE__ */ A(R, {
+												style: [Y.closeButton, { color: F.textMuted }],
 												children: "✕"
 											})
 										})]
 									}),
-									/* @__PURE__ */ k(V, {
+									/* @__PURE__ */ A(V, {
 										style: Y.searchContainer,
-										children: /* @__PURE__ */ k(z, {
+										children: /* @__PURE__ */ A(z, {
 											style: [Y.searchInput, {
-												backgroundColor: I.muted,
-												borderColor: I.border,
-												color: I.text
+												backgroundColor: F.muted,
+												borderColor: F.border,
+												color: F.text
 											}],
-											placeholder: P("renderer.defaultHttpInput.search"),
-											placeholderTextColor: I.textMuted,
-											value: v,
+											placeholder: L("renderer.defaultHttpInput.search"),
+											placeholderTextColor: F.textMuted,
+											value: x,
 											onChangeText: (e) => {
-												y(e), h(null);
+												S(e), g(null);
 											},
 											autoFocus: !0,
 											autoCapitalize: "none",
 											autoCorrect: !1
 										})
 									}),
-									u ? /* @__PURE__ */ k(V, {
+									u ? /* @__PURE__ */ A(V, {
 										style: Y.loadingContainer,
-										children: /* @__PURE__ */ k(j, {
+										children: /* @__PURE__ */ A(M, {
 											size: "small",
-											color: I.primary
+											color: F.primary
 										})
-									}) : f ? /* @__PURE__ */ A(V, {
+									}) : m ? /* @__PURE__ */ j(V, {
 										style: Y.errorContainer,
-										children: [/* @__PURE__ */ k(R, {
-											style: [Y.errorText, { color: I.error }],
-											children: f
-										}), /* @__PURE__ */ k(B, {
-											onPress: () => G(v),
+										children: [/* @__PURE__ */ A(R, {
+											style: [Y.errorText, { color: F.error }],
+											children: m
+										}), /* @__PURE__ */ A(B, {
+											onPress: () => q(x),
 											style: Y.retryButton,
-											children: /* @__PURE__ */ k(R, {
-												style: [Y.retryButtonText, { color: I.primary }],
-												children: P("renderer.defaultHttpInput.retry")
+											children: /* @__PURE__ */ A(R, {
+												style: [Y.retryButtonText, { color: F.primary }],
+												children: L("renderer.defaultHttpInput.retry")
 											})
 										})]
-									}) : /* @__PURE__ */ k(N, {
-										data: g,
+									}) : /* @__PURE__ */ A(N, {
+										data: v,
 										keyExtractor: (e) => e.value,
 										style: Y.optionsList,
 										contentContainerStyle: Y.optionsListContent,
-										ListEmptyComponent: /* @__PURE__ */ k(V, {
+										ListEmptyComponent: /* @__PURE__ */ A(V, {
 											style: Y.emptyContainer,
-											children: /* @__PURE__ */ k(R, {
-												style: [Y.emptyText, { color: I.textMuted }],
-												children: P("renderer.defaultHttpInput.noResults")
+											children: /* @__PURE__ */ A(R, {
+												style: [Y.emptyText, { color: F.textMuted }],
+												children: L("renderer.defaultHttpInput.noResults")
 											})
 										}),
 										renderItem: ({ item: e }) => {
-											let t = e.value === i;
-											return /* @__PURE__ */ A(B, {
-												style: [Y.option, t && { backgroundColor: I.primaryLight }],
+											let n = e.value === t;
+											return /* @__PURE__ */ j(B, {
+												style: [Y.option, n && { backgroundColor: F.primaryLight }],
 												onPress: () => {
-													n(e.value), C(!1);
+													r(e.value), w(!1);
 												},
 												activeOpacity: .7,
-												children: [/* @__PURE__ */ k(R, {
-													style: [Y.optionText, { color: I.text }],
+												children: [/* @__PURE__ */ A(R, {
+													style: [Y.optionText, { color: F.text }],
 													children: e.label
-												}), t && /* @__PURE__ */ k(R, {
-													style: [Y.checkmark, { color: I.primary }],
+												}), n && /* @__PURE__ */ A(R, {
+													style: [Y.checkmark, { color: F.primary }],
 													children: "✓"
 												})]
 											});
@@ -1802,112 +1774,112 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 							})
 						})
 					}),
-					r && /* @__PURE__ */ k(R, {
-						style: [Y.error, { color: I.error }],
-						children: r
+					i && /* @__PURE__ */ A(R, {
+						style: [Y.error, { color: F.error }],
+						children: i
 					}),
-					s && !r && /* @__PURE__ */ k(R, {
-						style: [Y.helperText, { color: I.textMuted }],
+					s && !i && /* @__PURE__ */ A(R, {
+						style: [Y.helperText, { color: F.textMuted }],
 						children: s
 					})
 				]
 			});
 		}
-		let l = u && L?.showLoading, d = U.filter((e) => {
-			let t = w[e];
+		let l = u && I?.showLoading, d = G.filter((e) => {
+			let t = T[e];
 			return t == null || t === "";
-		}), p = d.map((e) => S(e, M) || e), m = g.length === 0 && !l ? f || (d.length > 0 ? `${P("renderer.defaultHttpInput.waitingForRequiredFields")}: ${p.join(", ")}` : P("renderer.defaultHttpInput.noDataAvailable")) : void 0;
-		return /* @__PURE__ */ A(V, {
+		}), f = d.map((e) => h(e, ne) || e), p = v.length === 0 && !l ? m || (d.length > 0 ? `${L("renderer.defaultHttpInput.waitingForRequiredFields")}: ${f.join(", ")}` : L("renderer.defaultHttpInput.noDataAvailable")) : void 0;
+		return /* @__PURE__ */ j(V, {
 			style: Y.container,
 			children: [
-				/* @__PURE__ */ A(R, {
-					style: [Y.label, { color: I.textSecondary }],
-					children: [a || e.data.name, e.data.required && /* @__PURE__ */ k(R, {
-						style: { color: I.error },
+				/* @__PURE__ */ j(R, {
+					style: [Y.label, { color: F.textSecondary }],
+					children: [a || e.data.name, e.data.required && /* @__PURE__ */ A(R, {
+						style: { color: F.error },
 						children: "*"
 					})]
 				}),
-				/* @__PURE__ */ A(B, {
+				/* @__PURE__ */ j(B, {
 					style: [
 						Y.trigger,
 						{
-							backgroundColor: I.input,
-							borderColor: I.border
+							backgroundColor: F.input,
+							borderColor: F.border
 						},
-						r && { borderColor: I.error },
-						(l || g.length === 0) && { backgroundColor: I.muted }
+						i && { borderColor: F.error },
+						(l || v.length === 0) && { backgroundColor: F.muted }
 					],
-					onPress: () => C(!0),
-					disabled: l || g.length === 0,
+					onPress: () => w(!0),
+					disabled: l || v.length === 0,
 					activeOpacity: .7,
 					children: [
-						l && /* @__PURE__ */ k(j, {
+						l && /* @__PURE__ */ A(M, {
 							size: "small",
-							color: I.primary,
+							color: F.primary,
 							style: Y.triggerLoader
 						}),
-						/* @__PURE__ */ k(R, {
+						/* @__PURE__ */ A(R, {
 							style: [
 								Y.triggerText,
-								{ color: I.text },
-								!c && { color: I.textMuted }
+								{ color: F.text },
+								!c && { color: F.textMuted }
 							],
 							numberOfLines: 1,
-							children: c?.label || o || P("renderer.defaultHttpInput.selectOption")
+							children: c?.label || o || L("renderer.defaultHttpInput.selectOption")
 						}),
-						/* @__PURE__ */ k(R, {
-							style: [Y.arrow, { color: I.textMuted }],
+						/* @__PURE__ */ A(R, {
+							style: [Y.arrow, { color: F.textMuted }],
 							children: "▼"
 						})
 					]
 				}),
-				m && /* @__PURE__ */ k(R, {
-					style: [Y.disabledMessage, { color: I.error }],
-					children: m
+				p && /* @__PURE__ */ A(R, {
+					style: [Y.disabledMessage, { color: F.error }],
+					children: p
 				}),
-				/* @__PURE__ */ k(F, {
-					visible: x,
+				/* @__PURE__ */ A(P, {
+					visible: C,
 					transparent: !0,
 					animationType: "fade",
-					onRequestClose: () => C(!1),
-					children: /* @__PURE__ */ k(B, {
+					onRequestClose: () => w(!1),
+					children: /* @__PURE__ */ A(B, {
 						style: Y.modalOverlay,
 						activeOpacity: 1,
-						onPress: () => C(!1),
-						children: /* @__PURE__ */ A(B, {
-							style: [Y.modalContent, { backgroundColor: I.card }],
+						onPress: () => w(!1),
+						children: /* @__PURE__ */ j(B, {
+							style: [Y.modalContent, { backgroundColor: F.card }],
 							activeOpacity: 1,
 							onPress: () => {},
-							children: [/* @__PURE__ */ A(V, {
-								style: [Y.modalHeader, { borderBottomColor: I.separator }],
-								children: [/* @__PURE__ */ k(R, {
-									style: [Y.modalTitle, { color: I.text }],
+							children: [/* @__PURE__ */ j(V, {
+								style: [Y.modalHeader, { borderBottomColor: F.separator }],
+								children: [/* @__PURE__ */ A(R, {
+									style: [Y.modalTitle, { color: F.text }],
 									children: a || e.data.name
-								}), /* @__PURE__ */ k(B, {
-									onPress: () => C(!1),
-									children: /* @__PURE__ */ k(R, {
-										style: [Y.closeButton, { color: I.textMuted }],
+								}), /* @__PURE__ */ A(B, {
+									onPress: () => w(!1),
+									children: /* @__PURE__ */ A(R, {
+										style: [Y.closeButton, { color: F.textMuted }],
 										children: "✕"
 									})
 								})]
-							}), /* @__PURE__ */ k(N, {
-								data: g,
+							}), /* @__PURE__ */ A(N, {
+								data: v,
 								keyExtractor: (e) => e.value,
 								style: Y.optionsList,
 								contentContainerStyle: Y.optionsListContent,
 								renderItem: ({ item: e }) => {
-									let t = e.value === i;
-									return /* @__PURE__ */ A(B, {
-										style: [Y.option, t && { backgroundColor: I.primaryLight }],
+									let n = e.value === t;
+									return /* @__PURE__ */ j(B, {
+										style: [Y.option, n && { backgroundColor: F.primaryLight }],
 										onPress: () => {
-											n(e.value), C(!1);
+											r(e.value), w(!1);
 										},
 										activeOpacity: .7,
-										children: [/* @__PURE__ */ k(R, {
-											style: [Y.optionText, { color: I.text }],
+										children: [/* @__PURE__ */ A(R, {
+											style: [Y.optionText, { color: F.text }],
 											children: e.label
-										}), t && /* @__PURE__ */ k(R, {
-											style: [Y.checkmark, { color: I.primary }],
+										}), n && /* @__PURE__ */ A(R, {
+											style: [Y.checkmark, { color: F.primary }],
 											children: "✓"
 										})]
 									});
@@ -1916,47 +1888,47 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 						})
 					})
 				}),
-				r && /* @__PURE__ */ k(R, {
-					style: [Y.error, { color: I.error }],
-					children: r
+				i && /* @__PURE__ */ A(R, {
+					style: [Y.error, { color: F.error }],
+					children: i
 				}),
-				s && !r && /* @__PURE__ */ k(R, {
-					style: [Y.helperText, { color: I.textMuted }],
+				s && !i && /* @__PURE__ */ A(R, {
+					style: [Y.helperText, { color: F.textMuted }],
 					children: s
 				})
 			]
 		});
 	}
-	return /* @__PURE__ */ A(V, {
+	return /* @__PURE__ */ j(V, {
 		style: Y.container,
 		children: [
-			/* @__PURE__ */ A(R, {
-				style: [Y.label, { color: I.textSecondary }],
-				children: [a || e.data.name, e.data.required && /* @__PURE__ */ k(R, {
-					style: { color: I.error },
+			/* @__PURE__ */ j(R, {
+				style: [Y.label, { color: F.textSecondary }],
+				children: [a || e.data.name, e.data.required && /* @__PURE__ */ A(R, {
+					style: { color: F.error },
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ k(z, {
+			/* @__PURE__ */ A(z, {
 				style: [Y.input, {
-					backgroundColor: I.muted,
-					borderColor: I.border,
-					color: I.textMuted
+					backgroundColor: F.muted,
+					borderColor: F.border,
+					color: F.textMuted
 				}],
-				value: typeof t == "string" ? t : JSON.stringify(t),
+				value: typeof n == "string" ? n : JSON.stringify(n),
 				editable: !1
 			}),
-			r && /* @__PURE__ */ k(R, {
-				style: [Y.error, { color: I.error }],
-				children: r
+			i && /* @__PURE__ */ A(R, {
+				style: [Y.error, { color: F.error }],
+				children: i
 			}),
-			s && !r && /* @__PURE__ */ k(R, {
-				style: [Y.helperText, { color: I.textMuted }],
+			s && !i && /* @__PURE__ */ A(R, {
+				style: [Y.helperText, { color: F.textMuted }],
 				children: s
 			})
 		]
 	});
-}, Y = L.create({
+}, Y = I.create({
 	arrow: { fontSize: 12 },
 	checkmark: {
 		fontSize: 18,
@@ -2082,23 +2054,23 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 		flex: 1,
 		fontSize: 14
 	}
-}), we = ({ node: e, value: t, setValue: n, error: r, label: i, placeholder: a, helperText: o, name: s }) => {
-	let { colors: c } = m(), [l, u] = O(t?.toString() ?? "");
-	return T(() => {
+}), Ce = ({ node: e, value: t, setValue: n, error: r, label: i, placeholder: a, helperText: o, name: s }) => {
+	let { colors: c } = _(), [l, u] = k(t?.toString() ?? "");
+	return E(() => {
 		u(t?.toString() ?? "");
-	}, [t]), /* @__PURE__ */ A(V, {
-		style: Te.container,
+	}, [t]), /* @__PURE__ */ j(V, {
+		style: we.container,
 		children: [
-			/* @__PURE__ */ A(R, {
-				style: [Te.label, { color: c.textSecondary }],
-				children: [i || e.data.name, e.data.required && /* @__PURE__ */ k(R, {
+			/* @__PURE__ */ j(R, {
+				style: [we.label, { color: c.textSecondary }],
+				children: [i || e.data.name, e.data.required && /* @__PURE__ */ A(R, {
 					style: { color: c.error },
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ k(z, {
+			/* @__PURE__ */ A(z, {
 				style: [
-					Te.input,
+					we.input,
 					{
 						backgroundColor: c.input,
 						borderColor: c.border,
@@ -2120,17 +2092,17 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 				keyboardType: "numeric",
 				accessibilityLabel: s
 			}),
-			r && /* @__PURE__ */ k(R, {
-				style: [Te.error, { color: c.error }],
+			r && /* @__PURE__ */ A(R, {
+				style: [we.error, { color: c.error }],
 				children: r
 			}),
-			o && !r && /* @__PURE__ */ k(R, {
-				style: [Te.helperText, { color: c.textMuted }],
+			o && !r && /* @__PURE__ */ A(R, {
+				style: [we.helperText, { color: c.textMuted }],
 				children: o
 			})
 		]
 	});
-}, Te = L.create({
+}, we = I.create({
 	container: { marginBottom: 16 },
 	error: {
 		fontSize: 12,
@@ -2152,23 +2124,23 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 		fontWeight: "500",
 		marginBottom: 8
 	}
-}), Ee = ({ node: e, value: t, setValue: n, error: r, label: i, placeholder: a, helperText: o, name: s }) => {
-	let { colors: c } = m(), [l, u] = O(!1);
-	return /* @__PURE__ */ A(V, {
-		style: De.container,
+}), Te = ({ node: e, value: t, setValue: n, error: r, label: i, placeholder: a, helperText: o, name: s }) => {
+	let { colors: c } = _(), [l, u] = k(!1);
+	return /* @__PURE__ */ j(V, {
+		style: Ee.container,
 		children: [
-			/* @__PURE__ */ A(R, {
-				style: [De.label, { color: c.textSecondary }],
-				children: [i || e.data.name, e.data.required && /* @__PURE__ */ k(R, {
+			/* @__PURE__ */ j(R, {
+				style: [Ee.label, { color: c.textSecondary }],
+				children: [i || e.data.name, e.data.required && /* @__PURE__ */ A(R, {
 					style: { color: c.error },
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ A(V, {
-				style: De.inputWrapper,
-				children: [/* @__PURE__ */ k(z, {
+			/* @__PURE__ */ j(V, {
+				style: Ee.inputWrapper,
+				children: [/* @__PURE__ */ A(z, {
 					style: [
-						De.input,
+						Ee.input,
 						{
 							backgroundColor: c.input,
 							borderColor: c.border,
@@ -2182,27 +2154,27 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 					placeholderTextColor: c.textMuted,
 					secureTextEntry: !l,
 					accessibilityLabel: s
-				}), /* @__PURE__ */ k(B, {
-					style: De.toggleButton,
+				}), /* @__PURE__ */ A(B, {
+					style: Ee.toggleButton,
 					onPress: () => u(!l),
 					activeOpacity: .7,
-					children: /* @__PURE__ */ k(R, {
-						style: [De.toggleText, { color: c.primary }],
+					children: /* @__PURE__ */ A(R, {
+						style: [Ee.toggleText, { color: c.primary }],
 						children: l ? "Hide" : "Show"
 					})
 				})]
 			}),
-			r && /* @__PURE__ */ k(R, {
-				style: [De.error, { color: c.error }],
+			r && /* @__PURE__ */ A(R, {
+				style: [Ee.error, { color: c.error }],
 				children: r
 			}),
-			o && !r && /* @__PURE__ */ k(R, {
-				style: [De.helperText, { color: c.textMuted }],
+			o && !r && /* @__PURE__ */ A(R, {
+				style: [Ee.helperText, { color: c.textMuted }],
 				children: o
 			})
 		]
 	});
-}, De = L.create({
+}, Ee = I.create({
 	container: { marginBottom: 16 },
 	error: {
 		fontSize: 12,
@@ -2240,23 +2212,23 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 		fontSize: 12,
 		fontWeight: "600"
 	}
-}), Oe = ({ node: e, value: t, setValue: n, error: r, label: i, helperText: a }) => {
-	let o = b(), { colors: s } = m(), c = e.data.options || [], l = t || "", u = e.data.variant === "card", d = (e) => {
+}), De = ({ node: e, value: t, setValue: n, error: r, label: i, helperText: a }) => {
+	let o = p(), { colors: s } = _(), c = e.data.options || [], l = t || "", u = e.data.variant !== "default", d = (e) => {
 		n(e);
 	};
-	return /* @__PURE__ */ A(V, {
+	return /* @__PURE__ */ j(V, {
 		style: X.container,
 		children: [
-			/* @__PURE__ */ A(R, {
+			/* @__PURE__ */ j(R, {
 				style: [X.label, { color: s.textSecondary }],
-				children: [i || e.data.name, e.data.required && /* @__PURE__ */ k(R, {
+				children: [i || e.data.name, e.data.required && /* @__PURE__ */ A(R, {
 					style: { color: s.error },
 					children: "*"
 				})]
 			}),
 			c.map((e) => {
 				let t = l === e.value, n = o(e.label) || e.value, r = o(e.description);
-				return u ? /* @__PURE__ */ A(B, {
+				return u ? /* @__PURE__ */ j(B, {
 					style: [
 						X.card,
 						{
@@ -2273,39 +2245,40 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 					disabled: e.disabled,
 					activeOpacity: .7,
 					children: [
-						/* @__PURE__ */ k(V, {
-							style: [
-								X.radio,
-								{
-									backgroundColor: s.input,
-									borderColor: s.border
-								},
-								t && { borderColor: s.primary }
-							],
-							children: t && /* @__PURE__ */ k(V, { style: [X.radioInner, { backgroundColor: s.primary }] })
-						}),
-						e.image && /* @__PURE__ */ k(P, {
+						e.image && /* @__PURE__ */ A(re, {
 							source: { uri: e.image },
 							style: X.cardImage
 						}),
-						/* @__PURE__ */ A(V, {
+						/* @__PURE__ */ j(V, {
 							style: X.cardTextContainer,
-							children: [/* @__PURE__ */ k(R, {
+							children: [/* @__PURE__ */ A(R, {
 								style: [X.cardLabel, { color: s.textSecondary }],
 								children: n
-							}), r && /* @__PURE__ */ k(R, {
+							}), r && /* @__PURE__ */ A(R, {
 								style: [X.cardDescription, { color: s.textMuted }],
 								children: r
 							})]
+						}),
+						/* @__PURE__ */ A(V, {
+							style: [
+								X.radio,
+								X.cardRadio,
+								{
+									backgroundColor: s.input,
+									borderColor: s.border
+								},
+								t && { borderColor: s.primary }
+							],
+							children: t && /* @__PURE__ */ A(V, { style: [X.radioInner, { backgroundColor: s.primary }] })
 						})
 					]
-				}, e.value) : /* @__PURE__ */ A(B, {
+				}, e.value) : /* @__PURE__ */ j(B, {
 					style: X.option,
 					onPress: () => d(e.value),
 					disabled: e.disabled,
 					activeOpacity: .7,
 					children: [
-						/* @__PURE__ */ k(V, {
+						/* @__PURE__ */ A(V, {
 							style: [
 								X.radio,
 								{
@@ -2314,22 +2287,22 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 								},
 								t && { borderColor: s.primary }
 							],
-							children: t && /* @__PURE__ */ k(V, { style: [X.radioInner, { backgroundColor: s.primary }] })
+							children: t && /* @__PURE__ */ A(V, { style: [X.radioInner, { backgroundColor: s.primary }] })
 						}),
-						e.image && /* @__PURE__ */ k(P, {
+						e.image && /* @__PURE__ */ A(re, {
 							source: { uri: e.image },
 							style: X.image
 						}),
-						/* @__PURE__ */ A(V, {
+						/* @__PURE__ */ j(V, {
 							style: X.optionTextContainer,
-							children: [/* @__PURE__ */ k(R, {
+							children: [/* @__PURE__ */ A(R, {
 								style: [
 									X.optionLabel,
 									{ color: s.textSecondary },
 									e.disabled && { color: s.textMuted }
 								],
 								children: n
-							}), r && /* @__PURE__ */ k(R, {
+							}), r && /* @__PURE__ */ A(R, {
 								style: [X.optionDescription, { color: s.textMuted }],
 								children: r
 							})]
@@ -2337,28 +2310,28 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 					]
 				}, e.value);
 			}),
-			r && /* @__PURE__ */ k(R, {
+			r && /* @__PURE__ */ A(R, {
 				style: [X.error, { color: s.error }],
 				children: r
 			}),
-			a && !r && /* @__PURE__ */ k(R, {
+			a && !r && /* @__PURE__ */ A(R, {
 				style: [X.helperText, { color: s.textMuted }],
 				children: a
 			})
 		]
 	});
-}, X = L.create({
+}, X = I.create({
 	card: {
-		alignItems: "flex-start",
+		alignItems: "center",
 		borderRadius: 8,
 		borderWidth: 1,
 		flexDirection: "row",
 		marginBottom: 8,
-		padding: 12
+		padding: 16
 	},
 	cardDescription: {
 		fontSize: 12,
-		marginTop: 2
+		marginTop: 4
 	},
 	cardImage: {
 		borderRadius: 4,
@@ -2370,6 +2343,10 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 		fontSize: 14,
 		fontWeight: "500"
 	},
+	cardRadio: {
+		marginLeft: 12,
+		marginRight: 0
+	},
 	cardTextContainer: { flex: 1 },
 	container: { marginBottom: 16 },
 	error: {
@@ -2416,21 +2393,21 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 		height: 10,
 		width: 10
 	}
-}), ke = ({ node: e, value: t, setValue: n, error: r, label: i, placeholder: a, helperText: o }) => {
-	let [s, c] = O(!1), l = b(), { colors: u } = m(), d = e.data.options || [], f = e.data.multiple, p = Array.isArray(t) ? t : t ? [t] : [], h = (e) => {
-		f ? n(p.includes(e) ? p.filter((t) => t !== e) : [...p, e]) : (n(e), c(!1));
+}), Oe = ({ node: e, value: t, setValue: n, error: r, label: i, placeholder: a, helperText: o }) => {
+	let [s, c] = k(!1), l = p(), { colors: u } = _(), d = e.data.options || [], f = e.data.multiple, m = Array.isArray(t) ? t : t ? [t] : [], h = (e) => {
+		f ? n(m.includes(e) ? m.filter((t) => t !== e) : [...m, e]) : (n(e), c(!1));
 	};
-	return /* @__PURE__ */ A(V, {
+	return /* @__PURE__ */ j(V, {
 		style: Z.container,
 		children: [
-			/* @__PURE__ */ A(R, {
+			/* @__PURE__ */ j(R, {
 				style: [Z.label, { color: u.textSecondary }],
-				children: [i || e.data.name, e.data.required && /* @__PURE__ */ k(R, {
+				children: [i || e.data.name, e.data.required && /* @__PURE__ */ A(R, {
 					style: { color: u.error },
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ A(B, {
+			/* @__PURE__ */ j(B, {
 				style: [
 					Z.trigger,
 					{
@@ -2441,76 +2418,76 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 				],
 				onPress: () => c(!0),
 				activeOpacity: .7,
-				children: [/* @__PURE__ */ k(R, {
+				children: [/* @__PURE__ */ A(R, {
 					style: [
 						Z.triggerText,
 						{ color: u.text },
-						p.length === 0 && { color: u.textMuted }
+						m.length === 0 && { color: u.textMuted }
 					],
 					children: (() => {
-						if (p.length === 0) return a || "Select...";
-						if (f) return d.filter((e) => p.includes(e.value)).map((e) => l(e.label) || e.value).join(", ");
-						let e = d.find((e) => e.value === p[0]);
+						if (m.length === 0) return a || "Select...";
+						if (f) return d.filter((e) => m.includes(e.value)).map((e) => l(e.label) || e.value).join(", ");
+						let e = d.find((e) => e.value === m[0]);
 						return e ? l(e.label) || e.value : a || "Select...";
 					})()
-				}), /* @__PURE__ */ k(R, {
+				}), /* @__PURE__ */ A(R, {
 					style: [Z.arrow, { color: u.textMuted }],
 					children: "▼"
 				})]
 			}),
-			/* @__PURE__ */ k(F, {
+			/* @__PURE__ */ A(P, {
 				visible: s,
 				transparent: !0,
 				animationType: "fade",
 				onRequestClose: () => c(!1),
-				children: /* @__PURE__ */ k(B, {
+				children: /* @__PURE__ */ A(B, {
 					style: Z.modalOverlay,
 					activeOpacity: 1,
 					onPress: () => c(!1),
-					children: /* @__PURE__ */ A(V, {
+					children: /* @__PURE__ */ j(V, {
 						style: [Z.modalContent, { backgroundColor: u.card }],
 						onStartShouldSetResponder: () => !0,
 						children: [
-							/* @__PURE__ */ A(V, {
+							/* @__PURE__ */ j(V, {
 								style: [Z.modalHeader, { borderBottomColor: u.border }],
-								children: [/* @__PURE__ */ k(R, {
+								children: [/* @__PURE__ */ A(R, {
 									style: [Z.modalTitle, { color: u.text }],
 									children: i || e.data.name
-								}), /* @__PURE__ */ k(B, {
+								}), /* @__PURE__ */ A(B, {
 									onPress: () => c(!1),
-									children: /* @__PURE__ */ k(R, {
+									children: /* @__PURE__ */ A(R, {
 										style: [Z.closeButton, { color: u.textMuted }],
 										children: "✕"
 									})
 								})]
 							}),
-							/* @__PURE__ */ k(I, {
+							/* @__PURE__ */ A(F, {
 								style: Z.optionsList,
 								children: d.map((e) => {
-									let t = p.includes(e.value);
-									return /* @__PURE__ */ A(B, {
+									let t = m.includes(e.value);
+									return /* @__PURE__ */ j(B, {
 										style: [Z.option, t && { backgroundColor: `${u.primary}20` }],
 										onPress: () => h(e.value),
 										disabled: e.disabled,
 										activeOpacity: .7,
-										children: [/* @__PURE__ */ k(R, {
+										children: [/* @__PURE__ */ A(R, {
 											style: [
 												Z.optionText,
 												{ color: u.textSecondary },
 												e.disabled && { color: u.textMuted }
 											],
 											children: l(e.label) || e.value
-										}), t && /* @__PURE__ */ k(R, {
+										}), t && /* @__PURE__ */ A(R, {
 											style: [Z.checkmark, { color: u.primary }],
 											children: "✓"
 										})]
 									}, e.value);
 								})
 							}),
-							f && /* @__PURE__ */ k(B, {
+							f && /* @__PURE__ */ A(B, {
 								style: [Z.doneButton, { backgroundColor: u.primary }],
 								onPress: () => c(!1),
-								children: /* @__PURE__ */ k(R, {
+								children: /* @__PURE__ */ A(R, {
 									style: Z.doneButtonText,
 									children: "Done"
 								})
@@ -2519,17 +2496,17 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 					})
 				})
 			}),
-			r && /* @__PURE__ */ k(R, {
+			r && /* @__PURE__ */ A(R, {
 				style: [Z.error, { color: u.error }],
 				children: r
 			}),
-			o && !r && /* @__PURE__ */ k(R, {
+			o && !r && /* @__PURE__ */ A(R, {
 				style: [Z.helperText, { color: u.textMuted }],
 				children: o
 			})
 		]
 	});
-}, Z = L.create({
+}, Z = I.create({
 	arrow: { fontSize: 12 },
 	checkmark: {
 		fontSize: 18,
@@ -2611,23 +2588,23 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 		flex: 1,
 		fontSize: 14
 	}
-}), Ae = ({ node: e, value: t, setValue: n, error: r, label: i, helperText: a }) => {
-	let { colors: o } = m(), s = !!t;
-	return /* @__PURE__ */ A(V, {
-		style: je.container,
+}), ke = ({ node: e, value: t, setValue: n, error: r, label: i, helperText: a }) => {
+	let { colors: o } = _(), s = !!t;
+	return /* @__PURE__ */ j(V, {
+		style: Ae.container,
 		children: [
-			/* @__PURE__ */ A(V, {
-				style: je.row,
-				children: [/* @__PURE__ */ k(V, {
-					style: je.labelContainer,
-					children: /* @__PURE__ */ A(R, {
-						style: [je.label, { color: o.textSecondary }],
-						children: [i || e.data.name, e.data.required && /* @__PURE__ */ k(R, {
+			/* @__PURE__ */ j(V, {
+				style: Ae.row,
+				children: [/* @__PURE__ */ A(V, {
+					style: Ae.labelContainer,
+					children: /* @__PURE__ */ j(R, {
+						style: [Ae.label, { color: o.textSecondary }],
+						children: [i || e.data.name, e.data.required && /* @__PURE__ */ A(R, {
 							style: { color: o.error },
 							children: "*"
 						})]
 					})
-				}), /* @__PURE__ */ k(te, {
+				}), /* @__PURE__ */ A(L, {
 					trackColor: {
 						false: o.border,
 						true: `${o.primary}80`
@@ -2638,17 +2615,17 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 					value: s
 				})]
 			}),
-			r && /* @__PURE__ */ k(R, {
-				style: [je.error, { color: o.error }],
+			r && /* @__PURE__ */ A(R, {
+				style: [Ae.error, { color: o.error }],
 				children: r
 			}),
-			a && !r && /* @__PURE__ */ k(R, {
-				style: [je.helperText, { color: o.textMuted }],
+			a && !r && /* @__PURE__ */ A(R, {
+				style: [Ae.helperText, { color: o.textMuted }],
 				children: a
 			})
 		]
 	});
-}, je = L.create({
+}, Ae = I.create({
 	container: { marginBottom: 16 },
 	error: {
 		fontSize: 12,
@@ -2668,21 +2645,21 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 		flexDirection: "row",
 		justifyContent: "space-between"
 	}
-}), Me = ({ node: e, value: t, setValue: n, error: r, label: i, placeholder: a, helperText: o, name: s }) => {
-	let { colors: c } = m();
-	return /* @__PURE__ */ A(V, {
-		style: Ne.container,
+}), je = ({ node: e, value: t, setValue: n, error: r, label: i, placeholder: a, helperText: o, name: s }) => {
+	let { colors: c } = _();
+	return /* @__PURE__ */ j(V, {
+		style: Me.container,
 		children: [
-			/* @__PURE__ */ A(R, {
-				style: [Ne.label, { color: c.textSecondary }],
-				children: [i || e.data.name, e.data.required && /* @__PURE__ */ k(R, {
+			/* @__PURE__ */ j(R, {
+				style: [Me.label, { color: c.textSecondary }],
+				children: [i || e.data.name, e.data.required && /* @__PURE__ */ A(R, {
 					style: { color: c.error },
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ k(z, {
+			/* @__PURE__ */ A(z, {
 				style: [
-					Ne.textarea,
+					Me.textarea,
 					{
 						backgroundColor: c.input,
 						borderColor: c.border,
@@ -2699,17 +2676,17 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 				textAlignVertical: "top",
 				accessibilityLabel: s
 			}),
-			r && /* @__PURE__ */ k(R, {
-				style: [Ne.error, { color: c.error }],
+			r && /* @__PURE__ */ A(R, {
+				style: [Me.error, { color: c.error }],
 				children: r
 			}),
-			o && !r && /* @__PURE__ */ k(R, {
-				style: [Ne.helperText, { color: c.textMuted }],
+			o && !r && /* @__PURE__ */ A(R, {
+				style: [Me.helperText, { color: c.textMuted }],
 				children: o
 			})
 		]
 	});
-}, Ne = L.create({
+}, Me = I.create({
 	container: { marginBottom: 16 },
 	error: {
 		fontSize: 12,
@@ -2732,21 +2709,21 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 		paddingHorizontal: 12,
 		paddingVertical: 8
 	}
-}), Pe = ({ node: e, value: t, setValue: n, error: r, label: i, placeholder: a, helperText: o, name: s }) => {
-	let { colors: c } = m();
-	return /* @__PURE__ */ A(V, {
-		style: Fe.container,
+}), Ne = ({ node: e, value: t, setValue: n, error: r, label: i, placeholder: a, helperText: o, name: s }) => {
+	let { colors: c } = _();
+	return /* @__PURE__ */ j(V, {
+		style: Pe.container,
 		children: [
-			/* @__PURE__ */ A(R, {
-				style: [Fe.label, { color: c.textSecondary }],
-				children: [i || e.data.name, e.data.required && /* @__PURE__ */ k(R, {
+			/* @__PURE__ */ j(R, {
+				style: [Pe.label, { color: c.textSecondary }],
+				children: [i || e.data.name, e.data.required && /* @__PURE__ */ A(R, {
 					style: { color: c.error },
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ k(z, {
+			/* @__PURE__ */ A(z, {
 				style: [
-					Fe.input,
+					Pe.input,
 					{
 						backgroundColor: c.input,
 						borderColor: c.border,
@@ -2760,17 +2737,17 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 				placeholderTextColor: c.textMuted,
 				accessibilityLabel: s
 			}),
-			r && /* @__PURE__ */ k(R, {
-				style: [Fe.error, { color: c.error }],
+			r && /* @__PURE__ */ A(R, {
+				style: [Pe.error, { color: c.error }],
 				children: r
 			}),
-			o && !r && /* @__PURE__ */ k(R, {
-				style: [Fe.helperText, { color: c.textMuted }],
+			o && !r && /* @__PURE__ */ A(R, {
+				style: [Pe.helperText, { color: c.textMuted }],
 				children: o
 			})
 		]
 	});
-}, Fe = L.create({
+}, Pe = I.create({
 	container: { marginBottom: 16 },
 	error: {
 		fontSize: 12,
@@ -2792,25 +2769,25 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 		fontWeight: "500",
 		marginBottom: 8
 	}
-}), Ie = ({ node: e, value: t, setValue: n, error: r, label: i, placeholder: a, helperText: o }) => {
-	let [s, c] = O(!1), { colors: l } = m(), u = (t || "").split(":"), d = Number.parseInt(u[0], 10), f = Number.parseInt(u[1], 10), p = Number.isNaN(d) ? 0 : d, h = Number.isNaN(f) ? 0 : f, [g, _] = O(p || 0), [v, y] = O(h || 0), b = D(null), x = D(null), S = Array.from({ length: 24 }, (e, t) => t), C = Array.from({ length: 60 }, (e, t) => t), w = () => t || a || "Select time", T = ee(() => {
-		n(`${String(g).padStart(2, "0")}:${String(v).padStart(2, "0")}`), c(!1);
+}), Fe = ({ node: e, value: t, setValue: n, error: r, label: i, placeholder: a, helperText: o }) => {
+	let [s, c] = k(!1), { colors: l } = _(), u = (t || "").split(":"), d = Number.parseInt(u[0], 10), f = Number.parseInt(u[1], 10), p = Number.isNaN(d) ? 0 : d, m = Number.isNaN(f) ? 0 : f, [h, g] = k(p || 0), [v, y] = k(m || 0), b = O(null), x = O(null), S = Array.from({ length: 24 }, (e, t) => t), C = Array.from({ length: 60 }, (e, t) => t), w = () => t || a || "Select time", T = te(() => {
+		n(`${String(h).padStart(2, "0")}:${String(v).padStart(2, "0")}`), c(!1);
 	}, [
-		g,
+		h,
 		v,
 		n
 	]);
-	return /* @__PURE__ */ A(V, {
+	return /* @__PURE__ */ j(V, {
 		style: Q.container,
 		children: [
-			/* @__PURE__ */ A(R, {
+			/* @__PURE__ */ j(R, {
 				style: [Q.label, { color: l.textSecondary }],
-				children: [i || e.data.name, e.data.required && /* @__PURE__ */ k(R, {
+				children: [i || e.data.name, e.data.required && /* @__PURE__ */ A(R, {
 					style: { color: l.error },
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ A(B, {
+			/* @__PURE__ */ j(B, {
 				style: [
 					Q.trigger,
 					{
@@ -2820,10 +2797,10 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 					r && { borderColor: l.error }
 				],
 				onPress: () => {
-					_(p || 0), y(h || 0), c(!0);
+					g(p || 0), y(m || 0), c(!0);
 				},
 				activeOpacity: .7,
-				children: [/* @__PURE__ */ k(R, {
+				children: [/* @__PURE__ */ A(R, {
 					style: [
 						Q.triggerText,
 						{ color: l.text },
@@ -2831,60 +2808,60 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 					],
 					numberOfLines: 1,
 					children: w()
-				}), /* @__PURE__ */ k(R, {
+				}), /* @__PURE__ */ A(R, {
 					style: Q.icon,
 					children: "🕐"
 				})]
 			}),
-			/* @__PURE__ */ k(F, {
+			/* @__PURE__ */ A(P, {
 				visible: s,
 				transparent: !0,
 				animationType: "fade",
 				onRequestClose: () => c(!1),
-				children: /* @__PURE__ */ k(B, {
+				children: /* @__PURE__ */ A(B, {
 					style: Q.modalOverlay,
 					activeOpacity: 1,
 					onPress: () => c(!1),
-					children: /* @__PURE__ */ A(B, {
+					children: /* @__PURE__ */ j(B, {
 						style: [Q.modalContent, { backgroundColor: l.card }],
 						activeOpacity: 1,
 						onPress: () => {},
 						children: [
-							/* @__PURE__ */ A(V, {
+							/* @__PURE__ */ j(V, {
 								style: [Q.modalHeader, { borderBottomColor: l.separator }],
-								children: [/* @__PURE__ */ k(R, {
+								children: [/* @__PURE__ */ A(R, {
 									style: [Q.modalTitle, { color: l.text }],
 									children: i || e.data.name
-								}), /* @__PURE__ */ k(B, {
+								}), /* @__PURE__ */ A(B, {
 									onPress: () => c(!1),
-									children: /* @__PURE__ */ k(R, {
+									children: /* @__PURE__ */ A(R, {
 										style: [Q.closeButton, { color: l.textMuted }],
 										children: "✕"
 									})
 								})]
 							}),
-							/* @__PURE__ */ A(V, {
+							/* @__PURE__ */ j(V, {
 								style: Q.pickerContainer,
 								children: [
-									/* @__PURE__ */ A(V, {
+									/* @__PURE__ */ j(V, {
 										style: Q.pickerColumn,
-										children: [/* @__PURE__ */ k(R, {
+										children: [/* @__PURE__ */ A(R, {
 											style: [Q.pickerLabel, { color: l.textMuted }],
 											children: "Hour"
-										}), /* @__PURE__ */ k(I, {
+										}), /* @__PURE__ */ A(F, {
 											ref: b,
 											style: Q.picker,
 											contentContainerStyle: Q.pickerContent,
 											showsVerticalScrollIndicator: !1,
-											children: S.map((e) => /* @__PURE__ */ k(B, {
-												style: [Q.pickerItem, g === e && { backgroundColor: l.primary }],
-												onPress: () => _(e),
+											children: S.map((e) => /* @__PURE__ */ A(B, {
+												style: [Q.pickerItem, h === e && { backgroundColor: l.primary }],
+												onPress: () => g(e),
 												activeOpacity: .7,
-												children: /* @__PURE__ */ k(R, {
+												children: /* @__PURE__ */ A(R, {
 													style: [
 														Q.pickerItemText,
 														{ color: l.text },
-														g === e && {
+														h === e && {
 															color: l.background,
 															fontWeight: "600"
 														}
@@ -2894,25 +2871,25 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 											}, e))
 										})]
 									}),
-									/* @__PURE__ */ k(R, {
+									/* @__PURE__ */ A(R, {
 										style: [Q.pickerSeparator, { color: l.text }],
 										children: ":"
 									}),
-									/* @__PURE__ */ A(V, {
+									/* @__PURE__ */ j(V, {
 										style: Q.pickerColumn,
-										children: [/* @__PURE__ */ k(R, {
+										children: [/* @__PURE__ */ A(R, {
 											style: [Q.pickerLabel, { color: l.textMuted }],
 											children: "Minute"
-										}), /* @__PURE__ */ k(I, {
+										}), /* @__PURE__ */ A(F, {
 											ref: x,
 											style: Q.picker,
 											contentContainerStyle: Q.pickerContent,
 											showsVerticalScrollIndicator: !1,
-											children: C.map((e) => /* @__PURE__ */ k(B, {
+											children: C.map((e) => /* @__PURE__ */ A(B, {
 												style: [Q.pickerItem, v === e && { backgroundColor: l.primary }],
 												onPress: () => y(e),
 												activeOpacity: .7,
-												children: /* @__PURE__ */ k(R, {
+												children: /* @__PURE__ */ A(R, {
 													style: [
 														Q.pickerItemText,
 														{ color: l.text },
@@ -2928,11 +2905,11 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 									})
 								]
 							}),
-							/* @__PURE__ */ k(B, {
+							/* @__PURE__ */ A(B, {
 								style: [Q.confirmButton, { backgroundColor: l.primary }],
 								onPress: T,
 								activeOpacity: .7,
-								children: /* @__PURE__ */ k(R, {
+								children: /* @__PURE__ */ A(R, {
 									style: [Q.confirmButtonText, { color: l.background }],
 									children: "Confirm"
 								})
@@ -2941,17 +2918,17 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 					})
 				})
 			}),
-			r && /* @__PURE__ */ k(R, {
+			r && /* @__PURE__ */ A(R, {
 				style: [Q.error, { color: l.error }],
 				children: r
 			}),
-			o && !r && /* @__PURE__ */ k(R, {
+			o && !r && /* @__PURE__ */ A(R, {
 				style: [Q.helperText, { color: l.textMuted }],
 				children: o
 			})
 		]
 	});
-}, Q = L.create({
+}, Q = I.create({
 	closeButton: {
 		fontSize: 24,
 		fontWeight: "300"
@@ -3042,31 +3019,31 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 		flex: 1,
 		fontSize: 14
 	}
-}), Le = ({ node: e, value: t, setValue: n, error: r, label: i, helperText: a }) => {
-	let [o, s] = O(!1), [c, l] = O(!0), u = b(), { colors: d } = m(), f = Array.isArray(t) ? t : [], p = f[0] || "", h = f[1] || "", g = p.split(":"), _ = Number.parseInt(g[0], 10), v = Number.parseInt(g[1], 10), y = Number.isNaN(_) ? 0 : _, x = Number.isNaN(v) ? 0 : v, S = h.split(":"), C = Number.parseInt(S[0], 10), w = Number.parseInt(S[1], 10), T = Number.isNaN(C) ? 0 : C, E = Number.isNaN(w) ? 0 : w, [D, j] = O(0), [M, N] = O(0), P = Array.from({ length: 24 }, (e, t) => t), L = Array.from({ length: 60 }, (e, t) => t), te = () => p && h ? `${p} - ${h}` : p || u("renderer.defaultInputs.selectDateRange"), z = ee(() => {
-		let e = `${String(D).padStart(2, "0")}:${String(M).padStart(2, "0")}`;
-		c ? (n([e, h]), l(!1), j(T || 0), N(E || 0)) : (n([p, e]), s(!1), l(!0));
+}), Ie = ({ node: e, value: t, setValue: n, error: r, label: i, helperText: a }) => {
+	let [o, s] = k(!1), [c, l] = k(!0), u = p(), { colors: d } = _(), f = Array.isArray(t) ? t : [], m = f[0] || "", h = f[1] || "", g = m.split(":"), v = Number.parseInt(g[0], 10), y = Number.parseInt(g[1], 10), b = Number.isNaN(v) ? 0 : v, x = Number.isNaN(y) ? 0 : y, S = h.split(":"), C = Number.parseInt(S[0], 10), w = Number.parseInt(S[1], 10), T = Number.isNaN(C) ? 0 : C, ee = Number.isNaN(w) ? 0 : w, [E, D] = k(0), [O, M] = k(0), ne = Array.from({ length: 24 }, (e, t) => t), N = Array.from({ length: 60 }, (e, t) => t), re = () => m && h ? `${m} - ${h}` : m || u("renderer.defaultInputs.selectDateRange"), I = te(() => {
+		let e = `${String(E).padStart(2, "0")}:${String(O).padStart(2, "0")}`;
+		c ? (n([e, h]), l(!1), D(T || 0), M(ee || 0)) : (n([m, e]), s(!1), l(!0));
 	}, [
 		c,
-		D,
-		M,
-		p,
+		E,
+		O,
+		m,
 		h,
 		T,
-		E,
+		ee,
 		n
 	]);
-	return /* @__PURE__ */ A(V, {
+	return /* @__PURE__ */ j(V, {
 		style: $.container,
 		children: [
-			/* @__PURE__ */ A(R, {
+			/* @__PURE__ */ j(R, {
 				style: [$.label, { color: d.textSecondary }],
-				children: [i || e.data.name, e.data.required && /* @__PURE__ */ k(R, {
+				children: [i || e.data.name, e.data.required && /* @__PURE__ */ A(R, {
 					style: { color: d.error },
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ A(B, {
+			/* @__PURE__ */ j(B, {
 				style: [
 					$.trigger,
 					{
@@ -3076,77 +3053,77 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 					r && { borderColor: d.error }
 				],
 				onPress: () => {
-					j(y || 0), N(x || 0), l(!0), s(!0);
+					D(b || 0), M(x || 0), l(!0), s(!0);
 				},
 				activeOpacity: .7,
-				children: [/* @__PURE__ */ k(R, {
+				children: [/* @__PURE__ */ A(R, {
 					style: [
 						$.triggerText,
 						{ color: d.text },
-						!p && { color: d.textMuted }
+						!m && { color: d.textMuted }
 					],
 					numberOfLines: 1,
-					children: te()
-				}), /* @__PURE__ */ k(R, {
+					children: re()
+				}), /* @__PURE__ */ A(R, {
 					style: $.icon,
 					children: "🕐"
 				})]
 			}),
-			/* @__PURE__ */ k(F, {
+			/* @__PURE__ */ A(P, {
 				visible: o,
 				transparent: !0,
 				animationType: "fade",
 				onRequestClose: () => s(!1),
-				children: /* @__PURE__ */ k(B, {
+				children: /* @__PURE__ */ A(B, {
 					style: $.modalOverlay,
 					activeOpacity: 1,
 					onPress: () => s(!1),
-					children: /* @__PURE__ */ A(B, {
+					children: /* @__PURE__ */ j(B, {
 						style: [$.modalContent, { backgroundColor: d.card }],
 						activeOpacity: 1,
 						onPress: () => {},
 						children: [
-							/* @__PURE__ */ A(V, {
+							/* @__PURE__ */ j(V, {
 								style: [$.modalHeader, { borderBottomColor: d.separator }],
-								children: [/* @__PURE__ */ k(R, {
+								children: [/* @__PURE__ */ A(R, {
 									style: [$.modalTitle, { color: d.text }],
 									children: i || e.data.name
-								}), /* @__PURE__ */ k(B, {
+								}), /* @__PURE__ */ A(B, {
 									onPress: () => s(!1),
-									children: /* @__PURE__ */ k(R, {
+									children: /* @__PURE__ */ A(R, {
 										style: [$.closeButton, { color: d.textMuted }],
 										children: "✕"
 									})
 								})]
 							}),
-							/* @__PURE__ */ k(V, {
+							/* @__PURE__ */ A(V, {
 								style: [$.rangeIndicator, { backgroundColor: d.primaryLight }],
-								children: /* @__PURE__ */ k(R, {
+								children: /* @__PURE__ */ A(R, {
 									style: [$.rangeIndicatorText, { color: d.primary }],
 									children: u(c ? "renderer.defaultInputs.startTime" : "renderer.defaultInputs.endTime")
 								})
 							}),
-							/* @__PURE__ */ A(V, {
+							/* @__PURE__ */ j(V, {
 								style: $.pickerContainer,
 								children: [
-									/* @__PURE__ */ A(V, {
+									/* @__PURE__ */ j(V, {
 										style: $.pickerColumn,
-										children: [/* @__PURE__ */ k(R, {
+										children: [/* @__PURE__ */ A(R, {
 											style: [$.pickerLabel, { color: d.textMuted }],
 											children: "Hour"
-										}), /* @__PURE__ */ k(I, {
+										}), /* @__PURE__ */ A(F, {
 											style: $.picker,
 											contentContainerStyle: $.pickerContent,
 											showsVerticalScrollIndicator: !1,
-											children: P.map((e) => /* @__PURE__ */ k(B, {
-												style: [$.pickerItem, D === e && { backgroundColor: d.primary }],
-												onPress: () => j(e),
+											children: ne.map((e) => /* @__PURE__ */ A(B, {
+												style: [$.pickerItem, E === e && { backgroundColor: d.primary }],
+												onPress: () => D(e),
 												activeOpacity: .7,
-												children: /* @__PURE__ */ k(R, {
+												children: /* @__PURE__ */ A(R, {
 													style: [
 														$.pickerItemText,
 														{ color: d.text },
-														D === e && {
+														E === e && {
 															color: d.background,
 															fontWeight: "600"
 														}
@@ -3156,28 +3133,28 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 											}, e))
 										})]
 									}),
-									/* @__PURE__ */ k(R, {
+									/* @__PURE__ */ A(R, {
 										style: [$.pickerSeparator, { color: d.text }],
 										children: ":"
 									}),
-									/* @__PURE__ */ A(V, {
+									/* @__PURE__ */ j(V, {
 										style: $.pickerColumn,
-										children: [/* @__PURE__ */ k(R, {
+										children: [/* @__PURE__ */ A(R, {
 											style: [$.pickerLabel, { color: d.textMuted }],
 											children: "Minute"
-										}), /* @__PURE__ */ k(I, {
+										}), /* @__PURE__ */ A(F, {
 											style: $.picker,
 											contentContainerStyle: $.pickerContent,
 											showsVerticalScrollIndicator: !1,
-											children: L.map((e) => /* @__PURE__ */ k(B, {
-												style: [$.pickerItem, M === e && { backgroundColor: d.primary }],
-												onPress: () => N(e),
+											children: N.map((e) => /* @__PURE__ */ A(B, {
+												style: [$.pickerItem, O === e && { backgroundColor: d.primary }],
+												onPress: () => M(e),
 												activeOpacity: .7,
-												children: /* @__PURE__ */ k(R, {
+												children: /* @__PURE__ */ A(R, {
 													style: [
 														$.pickerItemText,
 														{ color: d.text },
-														M === e && {
+														O === e && {
 															color: d.background,
 															fontWeight: "600"
 														}
@@ -3189,11 +3166,11 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 									})
 								]
 							}),
-							/* @__PURE__ */ k(B, {
+							/* @__PURE__ */ A(B, {
 								style: [$.confirmButton, { backgroundColor: d.primary }],
-								onPress: z,
+								onPress: I,
 								activeOpacity: .7,
-								children: /* @__PURE__ */ k(R, {
+								children: /* @__PURE__ */ A(R, {
 									style: [$.confirmButtonText, { color: d.background }],
 									children: c ? "Next" : "Confirm"
 								})
@@ -3202,17 +3179,17 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 					})
 				})
 			}),
-			r && /* @__PURE__ */ k(R, {
+			r && /* @__PURE__ */ A(R, {
 				style: [$.error, { color: d.error }],
 				children: r
 			}),
-			a && !r && /* @__PURE__ */ k(R, {
+			a && !r && /* @__PURE__ */ A(R, {
 				style: [$.helperText, { color: d.textMuted }],
 				children: a
 			})
 		]
 	});
-}, $ = L.create({
+}, $ = I.create({
 	closeButton: {
 		fontSize: 24,
 		fontWeight: "300"
@@ -3313,34 +3290,114 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 		flex: 1,
 		fontSize: 14
 	}
-}), Re = ({ node: e }) => /* @__PURE__ */ A(R, { children: [
+}), Le = ({ node: e }) => /* @__PURE__ */ j(R, { children: [
 	"TODO: Implement ",
 	e.data.type,
 	" input for React Native"
-] }), ze = {
-	address: H,
-	autocomplete: ce,
-	checkbox: le,
+] }), Re = {
+	address: ce,
+	autocomplete: le,
+	checkbox: W,
 	date: ue,
 	daterange: de,
 	file: fe,
 	hidden: pe,
-	http: Ce,
-	number: we,
-	password: Ee,
-	radio: Oe,
-	select: ke,
-	submit: Re,
-	switch: Ae,
-	text: Pe,
-	textarea: Me,
-	time: Ie,
-	timerange: Le
-}, Be = ({ children: e = "Submit", disabled: t, isSubmitting: n, onPress: r }) => {
-	let { colors: i } = m();
-	return /* @__PURE__ */ k(B, {
+	http: Se,
+	number: Ce,
+	password: Te,
+	radio: De,
+	select: Oe,
+	submit: Le,
+	switch: ke,
+	text: Ne,
+	textarea: je,
+	time: Fe,
+	timerange: Ie
+}, ze = ({ label: e, children: t, isFirstStep: n, isLastStep: r, canContinue: i, isSubmitting: a, onBack: o, onContinue: s }) => {
+	let c = p(), { colors: l } = _(), u = !i || a;
+	return /* @__PURE__ */ j(V, { children: [
+		e ? /* @__PURE__ */ A(R, {
+			style: [Be.label, { color: l.text }],
+			children: e
+		}) : null,
+		/* @__PURE__ */ A(V, {
+			style: Be.content,
+			children: t
+		}),
+		/* @__PURE__ */ j(V, {
+			style: Be.actions,
+			children: [n ? /* @__PURE__ */ A(V, {}) : /* @__PURE__ */ A(B, {
+				style: [
+					Be.backButton,
+					{ borderColor: l.border },
+					a && Be.disabled
+				],
+				onPress: o,
+				disabled: a,
+				activeOpacity: .7,
+				children: /* @__PURE__ */ A(R, {
+					style: [Be.backButtonText, { color: l.text }],
+					children: c("renderer.step.back")
+				})
+			}), /* @__PURE__ */ A(B, {
+				style: [
+					Be.continueButton,
+					{ backgroundColor: l.primary },
+					u && {
+						backgroundColor: l.primaryDisabled,
+						opacity: .6
+					}
+				],
+				onPress: s,
+				disabled: u,
+				activeOpacity: .7,
+				children: a ? /* @__PURE__ */ A(M, { color: l.primaryForeground }) : /* @__PURE__ */ A(R, {
+					style: [Be.continueButtonText, { color: l.primaryForeground }],
+					children: c(r ? "renderer.defaultSubmitButton.submit" : "renderer.step.continue")
+				})
+			})]
+		})
+	] });
+}, Be = I.create({
+	actions: {
+		alignItems: "center",
+		flexDirection: "row",
+		justifyContent: "space-between",
+		marginTop: 24
+	},
+	backButton: {
+		borderRadius: 6,
+		borderWidth: 1,
+		paddingHorizontal: 16,
+		paddingVertical: 10
+	},
+	backButtonText: {
+		fontSize: 14,
+		fontWeight: "500"
+	},
+	content: { gap: 8 },
+	continueButton: {
+		alignItems: "center",
+		borderRadius: 6,
+		justifyContent: "center",
+		paddingHorizontal: 24,
+		paddingVertical: 12
+	},
+	continueButtonText: {
+		fontSize: 14,
+		fontWeight: "600"
+	},
+	disabled: { opacity: .5 },
+	label: {
+		fontSize: 16,
+		fontWeight: "600",
+		marginBottom: 12
+	}
+}), Ve = ({ children: e = "Submit", disabled: t, isSubmitting: n, onPress: r }) => {
+	let { colors: i } = _();
+	return /* @__PURE__ */ A(B, {
 		style: [
-			Ve.button,
+			He.button,
 			{ backgroundColor: i.primary },
 			(t || n) && {
 				backgroundColor: i.primaryDisabled,
@@ -3350,12 +3407,12 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 		disabled: t || n,
 		onPress: r,
 		activeOpacity: .7,
-		children: n ? /* @__PURE__ */ k(j, { color: i.primaryForeground }) : /* @__PURE__ */ k(R, {
-			style: [Ve.buttonText, { color: i.primaryForeground }],
+		children: n ? /* @__PURE__ */ A(M, { color: i.primaryForeground }) : /* @__PURE__ */ A(R, {
+			style: [He.buttonText, { color: i.primaryForeground }],
 			children: e
 		})
 	});
-}, Ve = L.create({
+}, He = I.create({
 	button: {
 		alignItems: "center",
 		borderRadius: 6,
@@ -3368,16 +3425,16 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 		fontSize: 16,
 		fontWeight: "600"
 	}
-}), He = ({ children: e }) => e, Ue = ({ node: e }) => {
-	let t = b(), { colors: n } = m(), r = t(e.data?.label);
-	return /* @__PURE__ */ k(R, {
-		style: [Ge.title, { color: n.text }],
+}), Ue = ({ children: e }) => e, We = ({ node: e }) => {
+	let t = p(), { colors: n } = _(), r = t(e.data?.label);
+	return /* @__PURE__ */ A(R, {
+		style: [Ke.title, { color: n.text }],
 		children: r
 	});
-}, We = () => {
-	let { colors: e } = m();
-	return /* @__PURE__ */ k(V, { style: [Ge.divider, { backgroundColor: e.separator }] });
-}, Ge = L.create({
+}, Ge = () => {
+	let { colors: e } = _();
+	return /* @__PURE__ */ A(V, { style: [Ke.divider, { backgroundColor: e.separator }] });
+}, Ke = I.create({
 	divider: {
 		height: 1,
 		marginBottom: 16,
@@ -3388,89 +3445,116 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 		fontWeight: "700",
 		marginBottom: 16
 	}
-}), Ke = {
-	divider: We,
-	title: Ue
-}, qe = ({ components: e, contentContainerStyle: t, flows: n, googleApiKey: r, initialValues: i, language: a, onChange: o, onSubmit: s, style: c, theme: l, validate: u, validationMode: f }) => {
-	let { colors: p } = m(), { canSubmit: h, clearSubmitMessage: v, config: y, formErrors: b, formValues: x, handleSubmit: S, inputNodes: C, isSubmitting: w, mergedFlow: ee, missingRequiredFields: T, setFieldValue: E, submitMessage: D, t: O, visibleNodes: j, visibleRootNodes: M } = d({
+}), qe = {
+	divider: Ge,
+	title: We
+}, Je = ({ node: e, children: t }) => {
+	let { image: n } = e.data;
+	return /* @__PURE__ */ j(V, { children: [n && /* @__PURE__ */ A(re, {
+		source: { uri: n },
+		style: Ye.image,
+		resizeMode: "cover"
+	}), t] });
+}, Ye = I.create({ image: {
+	borderRadius: 6,
+	height: 160,
+	marginBottom: 8,
+	width: "100%"
+} }), Xe = ({ components: e, contentContainerStyle: t, flows: n, googleApiKey: r, headers: i, initialValues: a, language: o, onChange: s, onSubmit: c, style: l, theme: u, validate: d, validationMode: f }) => {
+	let { colors: p } = _(), { canContinueStep: h, canSubmit: g, clearSubmitMessage: v, config: y, currentStep: x, currentStepGroupNode: S, currentStepIndex: w, formErrors: T, formValues: ee, goToNextStep: E, goToPreviousStep: O, handleSubmit: k, inputNodes: M, isFirstStep: ne, isLastStep: N, isSubmitting: re, mergedFlow: P, missingRequiredFields: I, setFieldValue: L, steps: z, submitMessage: B, t: ae } = m({
 		components: e,
 		flows: n,
 		googleApiKey: r,
-		initialValues: i,
-		language: a,
-		onChange: o,
-		onSubmit: s,
-		theme: l,
-		validate: u,
+		headers: i,
+		initialValues: a,
+		language: o,
+		onChange: s,
+		onSubmit: c,
+		theme: u,
+		validate: d,
 		validationMode: f
-	}), { FormWrapper: N, SubmitButton: P, SubmitButtonWrapper: F, renderNode: L } = _({
+	}), { FormWrapper: oe, SubmitButtonWrapper: se, renderNode: ce } = b({
 		config: y,
-		DefaultFormWrapper: ne,
-		DefaultGroup: ie,
-		DefaultSubmitButton: Be,
-		DefaultSubmitButtonWrapper: He,
-		defaultInputRenderers: ze,
-		defaultUI: Ke,
-		formErrors: b,
-		formValues: x,
-		missingRequiredFields: T,
-		setFieldValue: E,
-		visibleNodes: j
-	});
-	return /* @__PURE__ */ k(I, {
+		DefaultFormWrapper: ie,
+		DefaultInputWrapper: Je,
+		DefaultSubmitButton: Ve,
+		DefaultSubmitButtonWrapper: Ue,
+		defaultInputRenderers: Re,
+		defaultUI: qe,
+		formErrors: T,
+		formValues: ee,
+		missingRequiredFields: I,
+		setFieldValue: L
+	}), H = y.components.step ?? ze, le = te(() => {
+		if (N) {
+			k();
+			return;
+		}
+		E();
+	}, [
+		N,
+		k,
+		E
+	]), U = D(() => ae(S?.data?.label), [ae, S]);
+	return /* @__PURE__ */ A(F, {
 		nestedScrollEnabled: !0,
 		style: [
-			Ye.container,
+			Qe.container,
 			{ backgroundColor: p.background },
-			c
+			l
 		],
 		contentContainerStyle: t,
-		children: /* @__PURE__ */ A(g, {
+		children: /* @__PURE__ */ j(C, {
 			value: {
-				flows: ee,
-				formErrors: b,
-				formValues: x,
+				flows: P,
+				formErrors: T,
+				formValues: ee,
 				googleApiKey: y.googleApiKey,
-				inputNodes: C,
+				headers: y.headers,
+				inputNodes: M,
 				language: y.language,
-				setFieldValue: E
+				setFieldValue: L
 			},
-			children: [/* @__PURE__ */ A(N, {
-				onSubmit: S,
-				children: [
-					M.map((e) => L(e)),
-					h && /* @__PURE__ */ k(F, {
-						missingFields: T,
-						children: /* @__PURE__ */ k(P, {
-							onPress: S,
-							disabled: w,
-							isSubmitting: w,
-							children: O("renderer.defaultSubmitButton.submit")
-						})
-					}),
-					/* @__PURE__ */ k(R, {
-						style: [Ye.poweredBy, { color: p.textMuted }],
-						children: "Powered by Treege"
+			children: [/* @__PURE__ */ j(oe, {
+				onSubmit: k,
+				children: [x && /* @__PURE__ */ A(se, {
+					missingFields: N ? I : void 0,
+					children: /* @__PURE__ */ A(H, {
+						step: x,
+						groupNode: S,
+						stepIndex: w,
+						totalSteps: z.length,
+						isFirstStep: ne,
+						isLastStep: N,
+						canContinue: h && (!N || g),
+						isSubmitting: re,
+						onBack: O,
+						onContinue: le,
+						label: U,
+						children: x.nodes.map((e) => ce(e))
 					})
-				]
-			}), D && /* @__PURE__ */ A(V, {
-				style: [Ye.message, { backgroundColor: D.type === "success" ? p.successBg : p.errorBg }],
-				children: [/* @__PURE__ */ k(R, {
-					style: [Ye.messageText, { color: D.type === "success" ? p.success : p.error }],
-					children: D.message
-				}), /* @__PURE__ */ k(R, {
-					style: [Ye.messageClose, { color: D.type === "success" ? p.success : p.error }],
+				}), /* @__PURE__ */ A(R, {
+					style: [Qe.poweredBy, { color: p.textMuted }],
+					children: "Powered by Treege"
+				})]
+			}), B && /* @__PURE__ */ j(V, {
+				style: [Qe.message, { backgroundColor: B.type === "success" ? p.successBg : p.errorBg }],
+				children: [/* @__PURE__ */ A(R, {
+					style: [Qe.messageText, { color: B.type === "success" ? p.success : p.error }],
+					children: B.message
+				}), /* @__PURE__ */ A(R, {
+					style: [Qe.messageClose, { color: B.type === "success" ? p.success : p.error }],
 					onPress: v,
-					children: O("common.close")
+					children: ae("common.close")
 				})]
 			})]
 		})
 	});
-}, Je = (e) => /* @__PURE__ */ k(y, {
+}, Ze = (e) => /* @__PURE__ */ A(S, {
 	theme: e.theme,
 	storageKey: "treege-renderer-theme",
-	children: /* @__PURE__ */ k(qe, { ...e })
-}), Ye = L.create({
+	children: /* @__PURE__ */ A(Xe, { ...e })
+}), Qe = I.create({
 	container: { flex: 1 },
 	message: {
 		borderRadius: 6,
@@ -3489,8 +3573,8 @@ var ne = ({ children: e }) => /* @__PURE__ */ k(V, {
 	poweredBy: {
 		fontSize: 12,
 		paddingVertical: 8,
-		textAlign: "center"
+		textAlign: "right"
 	}
 });
 //#endregion
-export { H as DefaultAddressInput, ce as DefaultAutocompleteInput, le as DefaultCheckboxInput, ue as DefaultDateInput, de as DefaultDateRangeInput, We as DefaultDividerUI, fe as DefaultFileInput, pe as DefaultHiddenInput, Ce as DefaultHttpInput, we as DefaultNumberInput, Ee as DefaultPasswordInput, Oe as DefaultRadioInput, ke as DefaultSelectInput, Re as DefaultSubmitInput, Ae as DefaultSwitchInput, Pe as DefaultTextInput, Me as DefaultTextareaInput, Ie as DefaultTimeInput, Le as DefaultTimeRangeInput, Ue as DefaultTitleUI, o as TreegeConfigProvider, Je as TreegeRenderer, w as applyReferenceTransformation, s as calculateReferenceFieldUpdates, C as checkFormFieldHasValue, i as convertFormValuesToNamedFormat, ze as defaultInputRenderers, Ke as defaultUI, t as evaluateCondition, r as evaluateConditions, v as fileToSerializable, c as filesToSerializable, u as findStartNode, l as getFlowRenderState, n as getTranslatedText, e as isFieldEmpty, a as isStartNode, x as mergeFlows, ge as sanitize, ve as sanitizeHttpResponse, f as serializableToFile, h as useTreegeConfig, d as useTreegeRenderer };
+export { ce as DefaultAddressInput, le as DefaultAutocompleteInput, W as DefaultCheckboxInput, ue as DefaultDateInput, de as DefaultDateRangeInput, Ge as DefaultDividerUI, fe as DefaultFileInput, pe as DefaultHiddenInput, Se as DefaultHttpInput, Ce as DefaultNumberInput, Te as DefaultPasswordInput, De as DefaultRadioInput, Oe as DefaultSelectInput, Le as DefaultSubmitInput, ke as DefaultSwitchInput, Ne as DefaultTextInput, je as DefaultTextareaInput, Fe as DefaultTimeInput, Ie as DefaultTimeRangeInput, We as DefaultTitleUI, l as TreegeConfigProvider, Ze as TreegeRenderer, w as applyReferenceTransformation, c as calculateReferenceFieldUpdates, n as checkFormFieldHasValue, t as convertFormValuesToNamedFormat, Re as defaultInputRenderers, qe as defaultUI, r as evaluateCondition, i as evaluateConditions, x as fileToSerializable, d as filesToSerializable, u as findStartNode, T as getFlowRenderState, o as getTranslatedText, a as isFieldEmpty, s as isStartNode, e as mergeFlows, ge as sanitize, ve as sanitizeHttpResponse, g as serializableToFile, v as useTreegeConfig, m as useTreegeRenderer };