treege 3.0.0-beta.70 → 3.0.0-beta.71

package/dist/renderer-native.js

@@ -1,13 +1,13 @@
-import { A as e, D as t, E as n, I as r, R as i, S as a, T as o, _ as s, a as c, b as l, c as u, h as d, i as f, j as p, m, n as h, o as g, p as _, r as v, s as y, t as b, v as x } from "./ThemeContext-CdHMLHiw.js";
-import { a as S, c as C, i as w, l as T, n as E, o as D, r as ee, s as O, t as k } from "./useRenderNode-DJGmt663.js";
-import { useCallback as te, useEffect as A, useMemo as j, useRef as M, useState as N } from "react";
-import { Fragment as ne, jsx as P, jsxs as F } from "react/jsx-runtime";
-import { ActivityIndicator as re, Alert as ie, Animated as I, FlatList as ae, Image as L, Modal as oe, ScrollView as R, StyleSheet as z, Switch as se, Text as B, TextInput as ce, TouchableOpacity as V, View as H } from "react-native";
+import { C as e, D as t, E as n, L as r, M as i, O as a, a as o, c as s, g as c, h as l, i as u, j as d, l as f, m as p, n as m, o as h, r as g, s as _, t as v, v as y, x as b, y as x, z as S } from "./ThemeContext-BGeTYtnw.js";
+import { a as C, c as w, i as T, l as E, n as D, o as O, r as k, s as A, t as ee } from "./useRenderNode-eqCek6JX.js";
+import { useCallback as te, useEffect as j, useMemo as ne, useRef as M, useState as N } from "react";
+import { Fragment as re, jsx as P, jsxs as F } from "react/jsx-runtime";
+import { ActivityIndicator as ie, Alert as ae, Animated as I, FlatList as oe, Image as L, Modal as se, ScrollView as R, StyleSheet as z, Switch as ce, Text as B, TextInput as le, TouchableOpacity as V, View as H } from "react-native";
 //#region src/renderer/features/TreegeRenderer/native/components/DefaultFormWrapper.tsx
-var le = ({ children: e }) => /* @__PURE__ */ P(H, {
-	style: ue.container,
+var ue = ({ children: e }) => /* @__PURE__ */ P(H, {
+	style: de.container,
 	children: e
-}), ue = z.create({ container: { padding: 16 } }), de = async (e, t) => {
+}), de = z.create({ container: { padding: 16 } }), fe = 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: {
@@ -22,7 +22,7 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 	} catch (e) {
 		return console.error("Nominatim fetch error:", e), [];
 	}
-}, fe = async (e, t) => {
+}, pe = async (e, t) => {
 	if (!e || e.trim().length < 3) return [];
 	try {
 		let n = await fetch(`https://maps.googleapis.com/maps/api/place/autocomplete/json?input=${encodeURIComponent(e)}&key=${t}`);
@@ -35,26 +35,26 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 	} catch (e) {
 		return console.error("Google Places fetch error:", e), [];
 	}
-}, pe = ({ field: e, extra: n }) => {
-	let [r, i] = N(""), [a, o] = N([]), [s, c] = N(!1), [l, u] = N(!1), { value: d, placeholder: f, id: m, name: g } = e, { node: _, setValue: v, error: y, label: b, helperText: x } = n, { language: S, googleApiKey: C } = p(), w = t(), { colors: T } = h(), E = te((e) => {
-		v(e.value), i(""), c(!1), o([]);
+}, me = ({ field: e, extra: t }) => {
+	let [n, r] = N(""), [o, s] = N([]), [c, l] = N(!1), [u, d] = N(!1), { value: f, placeholder: p, id: h, name: g } = e, { node: _, setValue: v, error: y, label: b, helperText: x } = t, { language: S, googleApiKey: C } = i(), w = a(), { colors: T } = m(), E = te((e) => {
+		v(e.value), r(""), l(!1), s([]);
 	}, [v]), D = () => {
-		c(!1);
+		l(!1);
 	};
-	return A(() => {
-		if (!r || r.trim().length < 3) {
-			o([]), u(!1);
+	return j(() => {
+		if (!n || n.trim().length < 3) {
+			s([]), d(!1);
 			return;
 		}
-		u(!0);
+		d(!0);
 		let e = setTimeout(async () => {
-			o(C ? await fe(r, C) : await de(r, S)), u(!1);
+			s(C ? await pe(n, C) : await fe(n, S)), d(!1);
 		}, 300);
 		return () => {
-			clearTimeout(e), u(!1);
+			clearTimeout(e), d(!1);
 		};
 	}, [
-		r,
+		n,
 		S,
 		C
 	]), /* @__PURE__ */ F(H, {
@@ -76,23 +76,23 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 					},
 					y && { borderColor: T.error }
 				],
-				onPress: () => c(!0),
+				onPress: () => l(!0),
 				activeOpacity: .7,
 				children: [/* @__PURE__ */ P(B, {
 					style: [
 						U.triggerText,
 						{ color: T.text },
-						!d && { color: T.textMuted }
+						!f && { color: T.textMuted }
 					],
 					numberOfLines: 1,
-					children: d || f || w("renderer.defaultAddressInput.enterAddress")
+					children: f || p || w("renderer.defaultAddressInput.enterAddress")
 				}), /* @__PURE__ */ P(B, {
 					style: U.icon,
 					children: "📍"
 				})]
 			}),
-			/* @__PURE__ */ P(oe, {
-				visible: s,
+			/* @__PURE__ */ P(se, {
+				visible: c,
 				transparent: !0,
 				animationType: "fade",
 				onRequestClose: D,
@@ -120,41 +120,41 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 							}),
 							/* @__PURE__ */ F(H, {
 								style: U.searchContainer,
-								children: [/* @__PURE__ */ P(ce, {
+								children: [/* @__PURE__ */ P(le, {
 									style: [U.searchInput, {
 										backgroundColor: T.muted,
 										borderColor: T.border,
 										color: T.text
 									}],
-									placeholder: f || w("renderer.defaultAddressInput.enterAddress"),
+									placeholder: p || w("renderer.defaultAddressInput.enterAddress"),
 									placeholderTextColor: T.textMuted,
-									value: r,
-									onChangeText: i,
+									value: n,
+									onChangeText: r,
 									autoFocus: !0,
 									autoCapitalize: "none",
 									autoCorrect: !1
-								}), l && /* @__PURE__ */ P(re, {
+								}), u && /* @__PURE__ */ P(ie, {
 									size: "small",
 									color: T.primary,
 									style: U.searchLoader
 								})]
 							}),
-							l ? /* @__PURE__ */ F(H, {
+							u ? /* @__PURE__ */ F(H, {
 								style: U.loadingContainer,
-								children: [/* @__PURE__ */ P(re, {
+								children: [/* @__PURE__ */ P(ie, {
 									size: "small",
 									color: T.primary
 								}), /* @__PURE__ */ P(B, {
 									style: [U.loadingText, { color: T.textMuted }],
 									children: w("renderer.defaultAddressInput.searching")
 								})]
-							}) : /* @__PURE__ */ P(ae, {
-								data: a,
+							}) : /* @__PURE__ */ P(oe, {
+								data: o,
 								keyExtractor: (e, t) => t.toString(),
 								style: U.suggestionsList,
 								contentContainerStyle: U.suggestionsListContent,
 								keyboardShouldPersistTaps: "handled",
-								ListEmptyComponent: r.length >= 3 ? /* @__PURE__ */ P(H, {
+								ListEmptyComponent: n.length >= 3 ? /* @__PURE__ */ P(H, {
 									style: U.emptyContainer,
 									children: /* @__PURE__ */ P(B, {
 										style: [U.emptyText, { color: T.textMuted }],
@@ -305,25 +305,25 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 		flex: 1,
 		fontSize: 14
 	}
-}), me = ({ label: e, description: t, image: n, disabled: r }) => {
-	let { colors: i } = h();
+}), he = ({ label: e, description: t, image: n, disabled: r }) => {
+	let { colors: i } = m();
 	return /* @__PURE__ */ F(H, {
-		style: he.content,
+		style: ge.content,
 		children: [n ? /* @__PURE__ */ P(L, {
 			source: { uri: n },
-			style: he.image
+			style: ge.image
 		}) : null, /* @__PURE__ */ F(H, {
-			style: he.textWrapper,
+			style: ge.textWrapper,
 			children: [/* @__PURE__ */ P(B, {
-				style: [he.label, { color: r ? i.textMuted : i.text }],
+				style: [ge.label, { color: r ? i.textMuted : i.text }],
 				children: e
 			}), t ? /* @__PURE__ */ P(B, {
-				style: [he.description, { color: i.textMuted }],
+				style: [ge.description, { color: i.textMuted }],
 				children: t
 			}) : null]
 		})]
 	});
-}, he = z.create({
+}, ge = z.create({
 	content: {
 		alignItems: "center",
 		flex: 1,
@@ -341,19 +341,19 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 	},
 	label: { fontSize: 14 },
 	textWrapper: { flex: 1 }
-}), ge = ({ field: e, extra: n }) => {
-	let [r, i] = N(!1), [a, o] = N(""), { value: s, placeholder: c } = e, { node: l, setValue: u, error: d, label: f, helperText: p } = n, m = t(), { colors: g } = h(), _ = l.data.options || [], v = _.find((e) => e.value === s), y = j(() => {
-		if (!a.trim()) return _;
-		let e = a.toLowerCase();
-		return _.filter((t) => m(t.label).toLowerCase().includes(e) || t.value.toLowerCase().includes(e));
+}), _e = ({ field: e, extra: t }) => {
+	let [n, r] = N(!1), [i, o] = N(""), { value: s, placeholder: c } = e, { node: l, setValue: u, error: d, label: f, helperText: p } = t, h = a(), { colors: g } = m(), _ = l.data.options || [], v = _.find((e) => e.value === s), y = ne(() => {
+		if (!i.trim()) return _;
+		let e = i.toLowerCase();
+		return _.filter((t) => h(t.label).toLowerCase().includes(e) || t.value.toLowerCase().includes(e));
 	}, [
 		_,
-		a,
-		m
+		i,
+		h
 	]), b = (e) => {
-		u(e === s ? "" : e), i(!1), o("");
+		u(e === s ? "" : e), r(!1), o("");
 	}, x = () => {
-		i(!1), o("");
+		r(!1), o("");
 	};
 	return /* @__PURE__ */ F(H, {
 		style: W.container,
@@ -374,23 +374,40 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 					},
 					d && { borderColor: g.error }
 				],
-				onPress: () => i(!0),
+				onPress: () => r(!0),
 				activeOpacity: .7,
-				children: [/* @__PURE__ */ P(B, {
-					style: [
-						W.triggerText,
-						{ color: g.text },
-						!s && { color: g.textMuted }
-					],
-					numberOfLines: 1,
-					children: s && v ? m(v.label) : c || m("renderer.defaultAutocompleteInput.selectOption")
-				}), /* @__PURE__ */ P(B, {
-					style: [W.arrow, { color: g.textMuted }],
-					children: "▼"
-				})]
+				children: [
+					/* @__PURE__ */ P(B, {
+						style: [
+							W.triggerText,
+							{ color: g.text },
+							!s && { color: g.textMuted }
+						],
+						numberOfLines: 1,
+						children: s && v ? h(v.label) : c || h("renderer.defaultAutocompleteInput.selectOption")
+					}),
+					s ? /* @__PURE__ */ P(V, {
+						onPress: () => u(""),
+						hitSlop: {
+							bottom: 8,
+							left: 8,
+							right: 8,
+							top: 8
+						},
+						style: W.clearButton,
+						children: /* @__PURE__ */ P(B, {
+							style: [W.clearIcon, { color: g.textMuted }],
+							children: "✕"
+						})
+					}) : null,
+					/* @__PURE__ */ P(B, {
+						style: [W.arrow, { color: g.textMuted }],
+						children: "▼"
+					})
+				]
 			}),
-			/* @__PURE__ */ P(oe, {
-				visible: r,
+			/* @__PURE__ */ P(se, {
+				visible: n,
 				transparent: !0,
 				animationType: "fade",
 				onRequestClose: x,
@@ -418,22 +435,22 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 							}),
 							/* @__PURE__ */ P(H, {
 								style: W.searchContainer,
-								children: /* @__PURE__ */ P(ce, {
+								children: /* @__PURE__ */ P(le, {
 									style: [W.searchInput, {
 										backgroundColor: g.muted,
 										borderColor: g.border,
 										color: g.text
 									}],
-									placeholder: c || m("renderer.defaultAutocompleteInput.search"),
+									placeholder: c || h("renderer.defaultAutocompleteInput.search"),
 									placeholderTextColor: g.textMuted,
-									value: a,
+									value: i,
 									onChangeText: o,
 									autoFocus: !0,
 									autoCapitalize: "none",
 									autoCorrect: !1
 								})
 							}),
-							/* @__PURE__ */ P(ae, {
+							/* @__PURE__ */ P(oe, {
 								data: y,
 								keyExtractor: (e) => e.value,
 								style: W.optionsList,
@@ -442,7 +459,7 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 									style: W.emptyContainer,
 									children: /* @__PURE__ */ P(B, {
 										style: [W.emptyText, { color: g.textMuted }],
-										children: m("renderer.defaultAutocompleteInput.noResults")
+										children: h("renderer.defaultAutocompleteInput.noResults")
 									})
 								}),
 								renderItem: ({ item: e }) => {
@@ -452,9 +469,9 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 										onPress: () => b(e.value),
 										disabled: e.disabled,
 										activeOpacity: .7,
-										children: [/* @__PURE__ */ P(me, {
-											label: m(e.label) || e.value,
-											description: m(e.description),
+										children: [/* @__PURE__ */ P(he, {
+											label: h(e.label) || e.value,
+											description: h(e.description),
 											image: e.image,
 											disabled: e.disabled
 										}), t && /* @__PURE__ */ P(B, {
@@ -484,6 +501,11 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 		fontSize: 18,
 		fontWeight: "700"
 	},
+	clearButton: {
+		marginRight: 8,
+		paddingHorizontal: 2
+	},
+	clearIcon: { fontSize: 14 },
 	closeButton: {
 		fontSize: 24,
 		fontWeight: "300"
@@ -565,22 +587,22 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 		flex: 1,
 		fontSize: 14
 	}
-}), _e = ({ field: e, extra: n }) => {
-	let r = t(), { value: i } = e, { node: a, setValue: o, error: s, label: c, helperText: l } = n, { colors: u } = h(), d = a.data.options || [], f = d.length > 0, p = Array.isArray(i) ? i : [], m = typeof i == "boolean" ? i : !1, g = (e) => {
-		o(f ? p.includes(e) ? p.filter((t) => t !== e) : [...p, e] : !m);
-	}, _ = (e) => f ? p.includes(e) : m;
+}), ve = ({ field: e, extra: t }) => {
+	let n = a(), { value: r } = e, { node: i, setValue: o, error: s, label: c, helperText: l } = t, { colors: u } = m(), d = i.data.options || [], f = d.length > 0, p = Array.isArray(r) ? r : [], h = typeof r == "boolean" ? r : !1, g = (e) => {
+		o(f ? p.includes(e) ? p.filter((t) => t !== e) : [...p, e] : !h);
+	}, _ = (e) => f ? p.includes(e) : h;
 	return /* @__PURE__ */ F(H, {
 		style: G.container,
 		children: [
 			/* @__PURE__ */ F(B, {
 				style: [G.label, { color: u.textSecondary }],
-				children: [c || a.data.name, a.data.required && /* @__PURE__ */ P(B, {
+				children: [c || i.data.name, i.data.required && /* @__PURE__ */ P(B, {
 					style: { color: u.error },
 					children: "*"
 				})]
 			}),
 			d.length > 0 ? d.map((e) => {
-				let t = r(e.description);
+				let t = n(e.description);
 				return /* @__PURE__ */ F(V, {
 					style: G.option,
 					onPress: () => g(e.value),
@@ -592,7 +614,7 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 						checked: _(e.value),
 						disabled: e.disabled
 					},
-					accessibilityLabel: r(e.label) || e.value,
+					accessibilityLabel: n(e.label) || e.value,
 					children: [
 						/* @__PURE__ */ P(H, {
 							style: [
@@ -623,7 +645,7 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 									{ color: u.textSecondary },
 									e.disabled && { color: u.textMuted }
 								],
-								children: r(e.label) || e.value
+								children: n(e.label) || e.value
 							}), t && /* @__PURE__ */ P(B, {
 								style: [G.optionDescription, { color: u.textMuted }],
 								children: t
@@ -637,8 +659,8 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 				activeOpacity: .7,
 				accessible: !0,
 				accessibilityRole: "checkbox",
-				accessibilityState: { checked: m },
-				accessibilityLabel: c || a.data.name,
+				accessibilityState: { checked: h },
+				accessibilityLabel: c || i.data.name,
 				children: [/* @__PURE__ */ P(H, {
 					style: [
 						G.checkbox,
@@ -646,18 +668,18 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 							backgroundColor: u.input,
 							borderColor: u.border
 						},
-						m && {
+						h && {
 							backgroundColor: u.primary,
 							borderColor: u.primary
 						}
 					],
-					children: m && /* @__PURE__ */ P(B, {
+					children: h && /* @__PURE__ */ P(B, {
 						style: G.checkmark,
 						children: "✓"
 					})
 				}), /* @__PURE__ */ P(B, {
 					style: [G.optionLabel, { color: u.textSecondary }],
-					children: c || a.data.name
+					children: c || i.data.name
 				})]
 			}),
 			s && /* @__PURE__ */ P(B, {
@@ -716,15 +738,15 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 	},
 	optionLabel: { fontSize: 14 },
 	optionTextContainer: { flex: 1 }
-}), ve = ({ field: e, extra: n }) => {
-	let [r, i] = N(!1), { value: a, placeholder: o } = e, { node: s, setValue: c, error: l, label: u, helperText: d } = n, { colors: f } = h(), p = t(), m = a ? new Date(a) : void 0, { year: g, month: _, today: v } = j(() => {
-		let e = m || /* @__PURE__ */ new Date(), t = e.getFullYear(), n = e.getMonth(), r = /* @__PURE__ */ new Date();
+}), ye = ({ field: e, extra: t }) => {
+	let [n, r] = N(!1), { value: i, placeholder: o } = e, { node: s, setValue: c, error: l, label: u, helperText: d } = t, { colors: f } = m(), p = a(), h = i ? new Date(i) : void 0, { year: g, month: _, today: v } = ne(() => {
+		let e = h || /* @__PURE__ */ new Date(), t = e.getFullYear(), n = e.getMonth(), r = /* @__PURE__ */ new Date();
 		return r.setHours(0, 0, 0, 0), {
 			month: n,
 			today: r,
 			year: t
 		};
-	}, [m]), [y, b] = N(g), [x, S] = N(_), C = [
+	}, [h]), [y, b] = N(g), [x, S] = N(_), C = [
 		"January",
 		"February",
 		"March",
@@ -737,7 +759,7 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 		"October",
 		"November",
 		"December"
-	], w = j(() => {
+	], w = ne(() => {
 		let e = new Date(y, x, 1).getDay(), t = new Date(y, x + 1, 0).getDate(), n = new Date(y, x, 0).getDate(), r = [];
 		for (let t = e - 1; t >= 0; t--) r.push({
 			date: new Date(y, x - 1, n - t),
@@ -757,7 +779,7 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 		});
 		return r;
 	}, [y, x]), T = te((e) => {
-		s.data.disablePast && e < v || (c(e.toISOString()), i(!1));
+		s.data.disablePast && e < v || (c(e.toISOString()), r(!1));
 	}, [
 		s.data.disablePast,
 		v,
@@ -766,7 +788,7 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 		x === 0 ? (S(11), b(y - 1)) : S(x - 1);
 	}, D = () => {
 		x === 11 ? (S(0), b(y + 1)) : S(x + 1);
-	}, ee = () => m ? m.toLocaleDateString() : o || p("renderer.defaultInputs.selectDate"), O = (e) => s.data.disablePast ? e < v : !1, k = (e) => m ? e.getDate() === m.getDate() && e.getMonth() === m.getMonth() && e.getFullYear() === m.getFullYear() : !1;
+	}, O = () => h ? h.toLocaleDateString() : o || p("renderer.defaultInputs.selectDate"), k = (e) => s.data.disablePast ? e < v : !1, A = (e) => h ? e.getDate() === h.getDate() && e.getMonth() === h.getMonth() && e.getFullYear() === h.getFullYear() : !1;
 	return /* @__PURE__ */ F(H, {
 		style: K.container,
 		children: [
@@ -786,30 +808,30 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 					},
 					l && { borderColor: f.error }
 				],
-				onPress: () => i(!0),
+				onPress: () => r(!0),
 				activeOpacity: .7,
 				children: [/* @__PURE__ */ P(B, {
 					style: [
 						K.triggerText,
 						{ color: f.text },
-						!a && { color: f.textMuted }
+						!i && { color: f.textMuted }
 					],
 					numberOfLines: 1,
-					children: ee()
+					children: O()
 				}), /* @__PURE__ */ P(B, {
 					style: K.icon,
 					children: "📅"
 				})]
 			}),
-			/* @__PURE__ */ P(oe, {
-				visible: r,
+			/* @__PURE__ */ P(se, {
+				visible: n,
 				transparent: !0,
 				animationType: "fade",
-				onRequestClose: () => i(!1),
+				onRequestClose: () => r(!1),
 				children: /* @__PURE__ */ P(V, {
 					style: K.modalOverlay,
 					activeOpacity: 1,
-					onPress: () => i(!1),
+					onPress: () => r(!1),
 					children: /* @__PURE__ */ F(V, {
 						style: [K.modalContent, { backgroundColor: f.card }],
 						activeOpacity: 1,
@@ -821,7 +843,7 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 									style: [K.modalTitle, { color: f.text }],
 									children: u || s.data.name
 								}), /* @__PURE__ */ P(V, {
-									onPress: () => i(!1),
+									onPress: () => r(!1),
 									children: /* @__PURE__ */ P(B, {
 										style: [K.closeButton, { color: f.textMuted }],
 										children: "✕"
@@ -872,7 +894,7 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 									children: e
 								}, e))
 							}),
-							/* @__PURE__ */ P(ae, {
+							/* @__PURE__ */ P(oe, {
 								data: w,
 								keyExtractor: (e, t) => `${e.date.getTime()}-${t}`,
 								numColumns: 7,
@@ -880,7 +902,7 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 								style: K.calendar,
 								contentContainerStyle: K.calendarContent,
 								renderItem: ({ item: e }) => {
-									let t = O(e.date), n = k(e.date);
+									let t = k(e.date), n = A(e.date);
 									return /* @__PURE__ */ P(V, {
 										style: [
 											K.dayCell,
@@ -1024,8 +1046,8 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 		flexDirection: "row",
 		marginBottom: 8
 	}
-}), ye = ({ field: e, extra: n }) => {
-	let [r, i] = N(!1), [a, o] = N(!0), { value: s } = e, { node: c, setValue: l, error: u, label: d, helperText: f } = n, p = t(), { colors: m } = h(), g = Array.isArray(s) ? s : [], _ = g[0] ? new Date(g[0]) : void 0, v = g[1] ? new Date(g[1]) : void 0, { year: y, month: b, today: x } = j(() => {
+}), be = ({ field: e, extra: t }) => {
+	let [n, r] = N(!1), [i, o] = N(!0), { value: s } = e, { node: c, setValue: l, error: u, label: d, helperText: f } = t, p = a(), { colors: h } = m(), g = Array.isArray(s) ? s : [], _ = g[0] ? new Date(g[0]) : void 0, v = g[1] ? new Date(g[1]) : void 0, { year: y, month: b, today: x } = ne(() => {
 		let e = _ || /* @__PURE__ */ new Date(), t = e.getFullYear(), n = e.getMonth(), r = /* @__PURE__ */ new Date();
 		return r.setHours(0, 0, 0, 0), {
 			month: n,
@@ -1045,7 +1067,7 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 		"October",
 		"November",
 		"December"
-	], D = j(() => {
+	], D = ne(() => {
 		let e = new Date(S, w, 1).getDay(), t = new Date(S, w + 1, 0).getDate(), n = new Date(S, w, 0).getDate(), r = [];
 		for (let t = e - 1; t >= 0; t--) r.push({
 			date: new Date(S, w - 1, n - t),
@@ -1064,20 +1086,20 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 			isCurrentMonth: !1
 		});
 		return r;
-	}, [S, w]), ee = te((e) => {
-		c.data.disablePast && e < x || (a ? (l([e.toISOString(), v?.toISOString()]), o(!1)) : (l(_ && e < _ ? [e.toISOString(), _.toISOString()] : [_?.toISOString(), e.toISOString()]), i(!1), o(!0)));
+	}, [S, w]), O = te((e) => {
+		c.data.disablePast && e < x || (i ? (l([e.toISOString(), v?.toISOString()]), o(!1)) : (l(_ && e < _ ? [e.toISOString(), _.toISOString()] : [_?.toISOString(), e.toISOString()]), r(!1), o(!0)));
 	}, [
 		c.data.disablePast,
 		x,
-		a,
+		i,
 		_,
 		v,
 		l
-	]), O = () => {
+	]), k = () => {
 		w === 0 ? (T(11), C(S - 1)) : T(w - 1);
-	}, k = () => {
+	}, A = () => {
 		w === 11 ? (T(0), C(S + 1)) : T(w + 1);
-	}, A = () => _ && v ? `${_.toLocaleDateString()} - ${v.toLocaleDateString()}` : _ ? _.toLocaleDateString() : p("renderer.defaultInputs.selectDateRange"), M = (e) => c.data.disablePast ? e < x : !1, ne = (e) => _ && v ? e >= _ && e <= v : !1, re = (e) => {
+	}, ee = () => _ && v ? `${_.toLocaleDateString()} - ${v.toLocaleDateString()}` : _ ? _.toLocaleDateString() : p("renderer.defaultInputs.selectDateRange"), j = (e) => c.data.disablePast ? e < x : !1, M = (e) => _ && v ? e >= _ && e <= v : !1, re = (e) => {
 		if (!(_ || v)) return !1;
 		let t = _ && e.getDate() === _.getDate() && e.getMonth() === _.getMonth() && e.getFullYear() === _.getFullYear(), n = v && e.getDate() === v.getDate() && e.getMonth() === v.getMonth() && e.getFullYear() === v.getFullYear();
 		return t || n;
@@ -1086,9 +1108,9 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 		style: q.container,
 		children: [
 			/* @__PURE__ */ F(B, {
-				style: [q.label, { color: m.textSecondary }],
+				style: [q.label, { color: h.textSecondary }],
 				children: [d || c.data.name, c.data.required && /* @__PURE__ */ P(B, {
-					style: { color: m.error },
+					style: { color: h.error },
 					children: "*"
 				})]
 			}),
@@ -1096,73 +1118,73 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 				style: [
 					q.trigger,
 					{
-						backgroundColor: m.input,
-						borderColor: m.border
+						backgroundColor: h.input,
+						borderColor: h.border
 					},
-					u && { borderColor: m.error }
+					u && { borderColor: h.error }
 				],
-				onPress: () => i(!0),
+				onPress: () => r(!0),
 				activeOpacity: .7,
 				children: [/* @__PURE__ */ P(B, {
 					style: [
 						q.triggerText,
-						{ color: m.text },
-						!_ && { color: m.textMuted }
+						{ color: h.text },
+						!_ && { color: h.textMuted }
 					],
 					numberOfLines: 1,
-					children: A()
+					children: ee()
 				}), /* @__PURE__ */ P(B, {
 					style: q.icon,
 					children: "📅"
 				})]
 			}),
-			/* @__PURE__ */ P(oe, {
-				visible: r,
+			/* @__PURE__ */ P(se, {
+				visible: n,
 				transparent: !0,
 				animationType: "fade",
-				onRequestClose: () => i(!1),
+				onRequestClose: () => r(!1),
 				children: /* @__PURE__ */ P(V, {
 					style: q.modalOverlay,
 					activeOpacity: 1,
-					onPress: () => i(!1),
+					onPress: () => r(!1),
 					children: /* @__PURE__ */ F(V, {
-						style: [q.modalContent, { backgroundColor: m.card }],
+						style: [q.modalContent, { backgroundColor: h.card }],
 						activeOpacity: 1,
 						onPress: () => {},
 						children: [
 							/* @__PURE__ */ F(H, {
-								style: [q.modalHeader, { borderBottomColor: m.separator }],
+								style: [q.modalHeader, { borderBottomColor: h.separator }],
 								children: [/* @__PURE__ */ P(B, {
-									style: [q.modalTitle, { color: m.text }],
+									style: [q.modalTitle, { color: h.text }],
 									children: d || c.data.name
 								}), /* @__PURE__ */ P(V, {
-									onPress: () => i(!1),
+									onPress: () => r(!1),
 									children: /* @__PURE__ */ P(B, {
-										style: [q.closeButton, { color: m.textMuted }],
+										style: [q.closeButton, { color: h.textMuted }],
 										children: "✕"
 									})
 								})]
 							}),
 							/* @__PURE__ */ P(H, {
-								style: [q.rangeIndicator, { backgroundColor: m.primaryLight }],
+								style: [q.rangeIndicator, { backgroundColor: h.primaryLight }],
 								children: /* @__PURE__ */ P(B, {
-									style: [q.rangeIndicatorText, { color: m.primary }],
-									children: p(a ? "renderer.defaultInputs.startDate" : "renderer.defaultInputs.endDate")
+									style: [q.rangeIndicatorText, { color: h.primary }],
+									children: p(i ? "renderer.defaultInputs.startDate" : "renderer.defaultInputs.endDate")
 								})
 							}),
 							/* @__PURE__ */ F(H, {
 								style: q.calendarHeader,
 								children: [
 									/* @__PURE__ */ P(V, {
-										onPress: O,
+										onPress: k,
 										style: q.navButton,
 										children: /* @__PURE__ */ P(B, {
-											style: [q.navButtonText, { color: m.primary }],
+											style: [q.navButtonText, { color: h.primary }],
 											children: "‹"
 										})
 									}),
 									/* @__PURE__ */ F(B, {
-										style: [q.monthYear, { color: m.text }],
+										style: [q.monthYear, { color: h.text }],
 										children: [
 											E[w],
 											" ",
@@ -1170,10 +1192,10 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 										]
 									}),
 									/* @__PURE__ */ P(V, {
-										onPress: k,
+										onPress: A,
 										style: q.navButton,
 										children: /* @__PURE__ */ P(B, {
-											style: [q.navButtonText, { color: m.primary }],
+											style: [q.navButtonText, { color: h.primary }],
 											children: "›"
 										})
 									})
@@ -1190,11 +1212,11 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 									"Fri",
 									"Sat"
 								].map((e) => /* @__PURE__ */ P(B, {
-									style: [q.weekDay, { color: m.textMuted }],
+									style: [q.weekDay, { color: h.textMuted }],
 									children: e
 								}, e))
 							}),
-							/* @__PURE__ */ P(ae, {
+							/* @__PURE__ */ P(oe, {
 								data: D,
 								keyExtractor: (e, t) => `${e.date.getTime()}-${t}`,
 								numColumns: 7,
@@ -1202,32 +1224,32 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 								style: q.calendar,
 								contentContainerStyle: q.calendarContent,
 								renderItem: ({ item: e }) => {
-									let t = M(e.date), n = ne(e.date), r = re(e.date);
+									let t = j(e.date), n = M(e.date), r = re(e.date);
 									return /* @__PURE__ */ P(V, {
 										style: [
 											q.dayCell,
 											!e.isCurrentMonth && q.dayCellOtherMonth,
-											n && { backgroundColor: m.primaryLight },
+											n && { backgroundColor: h.primaryLight },
 											r && {
-												backgroundColor: m.primary,
+												backgroundColor: h.primary,
 												borderRadius: 20
 											},
 											t && q.dayCellDisabled
 										],
-										onPress: () => ee(e.date),
+										onPress: () => O(e.date),
 										disabled: t,
 										activeOpacity: .7,
 										children: /* @__PURE__ */ P(B, {
 											style: [
 												q.dayText,
-												{ color: m.text },
-												!e.isCurrentMonth && { color: m.textMuted },
-												n && { color: m.primary },
+												{ color: h.text },
+												!e.isCurrentMonth && { color: h.textMuted },
+												n && { color: h.primary },
 												r && {
-													color: m.background,
+													color: h.background,
 													fontWeight: "600"
 												},
-												t && { color: m.textMuted }
+												t && { color: h.textMuted }
 											],
 											children: e.day
 										})
@@ -1239,11 +1261,11 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 				})
 			}),
 			u && /* @__PURE__ */ P(B, {
-				style: [q.error, { color: m.error }],
+				style: [q.error, { color: h.error }],
 				children: u
 			}),
 			f && !u && /* @__PURE__ */ P(B, {
-				style: [q.helperText, { color: m.textMuted }],
+				style: [q.helperText, { color: h.textMuted }],
 				children: f
 			})
 		]
@@ -1358,10 +1380,10 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 		flexDirection: "row",
 		marginBottom: 8
 	}
-}), be = ({ field: e, extra: n }) => {
-	let [r, i] = N(null), [a, o] = N(!0), { value: s } = e, { node: c, setValue: l, error: u, label: d, helperText: f } = n, { colors: p } = h(), m = t(), g = Array.isArray(s) ? s : s ? [s] : [], _ = c.data.multiple, v = te(async () => {
-		if (r) try {
-			let e = (await r({ allowMultiSelection: _ })).map((e) => ({
+}), xe = ({ field: e, extra: t }) => {
+	let [n, r] = N(null), [i, o] = N(!0), { value: s } = e, { node: c, setValue: l, error: u, label: d, helperText: f } = t, { colors: p } = m(), h = a(), g = Array.isArray(s) ? s : s ? [s] : [], _ = c.data.multiple, v = te(async () => {
+		if (n) try {
+			let e = (await n({ allowMultiSelection: _ })).map((e) => ({
 				data: e.uri,
 				lastModified: Date.now(),
 				name: e.name,
@@ -1370,30 +1392,30 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 			}));
 			l(_ ? [...g, ...e] : e[0] || null);
 		} catch (e) {
-			e.code !== "DOCUMENT_PICKER_CANCELED" && ie.alert("Error", m("renderer.defaultInputs.filePickerError"));
+			e.code !== "DOCUMENT_PICKER_CANCELED" && ae.alert("Error", h("renderer.defaultInputs.filePickerError"));
 		}
 	}, [
-		r,
+		n,
 		g,
 		_,
 		l,
-		m
+		h
 	]), y = te((e) => {
 		let t = g.filter((t, n) => n !== e);
 		l(t.length > 0 ? t : null);
 	}, [g, l]), b = (e) => e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
-	return A(() => {
+	return j(() => {
 		(async () => {
 			try {
 				let { pick: e } = await import("react-native-document-picker");
-				i(() => e);
+				r(() => e);
 			} catch {
-				i(null);
+				r(null);
 			} finally {
 				o(!1);
 			}
 		})();
-	}, []), a ? null : r ? /* @__PURE__ */ F(H, {
+	}, []), i ? null : n ? /* @__PURE__ */ F(H, {
 		style: J.container,
 		children: [
 			/* @__PURE__ */ F(B, {
@@ -1450,7 +1472,7 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 				activeOpacity: .7,
 				children: /* @__PURE__ */ P(B, {
 					style: [J.pickButtonText, { color: p.textMuted }],
-					children: g.length === 0 ? m(_ ? "renderer.defaultInputs.selectFiles" : "renderer.defaultInputs.selectFile") : m(_ ? "renderer.defaultInputs.addMoreFiles" : "renderer.defaultInputs.replaceFile")
+					children: g.length === 0 ? h(_ ? "renderer.defaultInputs.selectFiles" : "renderer.defaultInputs.selectFile") : h(_ ? "renderer.defaultInputs.addMoreFiles" : "renderer.defaultInputs.replaceFile")
 				})
 			}),
 			u && /* @__PURE__ */ P(B, {
@@ -1479,7 +1501,7 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 				}],
 				children: /* @__PURE__ */ P(B, {
 					style: [J.unavailableText, { color: p.error }],
-					children: m("renderer.defaultInputs.filePickerUnavailable")
+					children: h("renderer.defaultInputs.filePickerUnavailable")
 				})
 			}),
 			f && /* @__PURE__ */ P(B, {
@@ -1557,15 +1579,15 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 		fontSize: 12,
 		textAlign: "center"
 	}
-}), xe = (e) => null, Se = ({ missing: e, children: n }) => {
-	let r = t(), { colors: i } = h();
-	return /* @__PURE__ */ F(ne, { children: [n, e.length > 0 && /* @__PURE__ */ F(H, {
-		style: Ce.container,
+}), Se = (e) => null, Ce = ({ missing: e, children: t }) => {
+	let n = a(), { colors: r } = m();
+	return /* @__PURE__ */ F(re, { children: [t, e.length > 0 && /* @__PURE__ */ F(H, {
+		style: we.container,
 		children: [/* @__PURE__ */ P(B, {
-			style: [Ce.title, { color: i.textMuted }],
-			children: r("renderer.dependencyHint.title")
+			style: [we.title, { color: r.textMuted }],
+			children: n("renderer.dependencyHint.title")
 		}), e.map((e) => /* @__PURE__ */ F(B, {
-			style: [Ce.item, { color: i.textMuted }],
+			style: [we.item, { color: r.textMuted }],
 			children: [
 				"•",
 				" ",
@@ -1573,7 +1595,7 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 			]
 		}, e.id))]
 	})] });
-}, Ce = z.create({
+}, we = z.create({
 	container: {
 		gap: 2,
 		marginTop: 4
@@ -1583,282 +1605,299 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 		fontSize: 12,
 		fontWeight: "500"
 	}
-}), we = (e) => e.replace(/<[^>]*>/g, ""), Te = (e) => e.replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, "\"").replace(/&#x27;/g, "'").replace(/&#x2F;/g, "/"), Ee = (e, t = {}) => e == null || e === "" ? "" : Te(we(String(e))), De = 100, Oe = (e, t = {}, n = 0, r = /* @__PURE__ */ new WeakSet()) => {
-	if (n > De) return console.warn(`sanitizeHttpResponse: Maximum depth (${De}) exceeded.`), typeof e == "string" ? Ee(e, t) : "[Max Depth Exceeded]";
+}), Te = (e) => e.replace(/<[^>]*>/g, ""), Ee = (e) => e.replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, "\"").replace(/&#x27;/g, "'").replace(/&#x2F;/g, "/"), De = (e, t = {}) => e == null || e === "" ? "" : Ee(Te(String(e))), Oe = 100, ke = (e, t = {}, n = 0, r = /* @__PURE__ */ new WeakSet()) => {
+	if (n > Oe) return console.warn(`sanitizeHttpResponse: Maximum depth (${Oe}) exceeded.`), typeof e == "string" ? De(e, t) : "[Max Depth Exceeded]";
 	if (e == null) return e;
-	if (typeof e == "string") return Ee(e, t);
-	if (Array.isArray(e)) return e.map((e) => Oe(e, t, n + 1, r));
+	if (typeof e == "string") return De(e, t);
+	if (Array.isArray(e)) return e.map((e) => ke(e, t, n + 1, r));
 	if (typeof e == "object") {
 		if (r.has(e)) return console.warn("sanitizeHttpResponse: Circular reference detected. Breaking cycle to prevent infinite recursion."), "[Circular Reference]";
 		r.add(e);
 		let i = {};
-		for (let [a, o] of Object.entries(e)) i[a] = Oe(o, t, n + 1, r);
+		for (let [a, o] of Object.entries(e)) i[a] = ke(o, t, n + 1, r);
 		return r.delete(e), i;
 	}
 	return e;
-}, ke = (e) => {
+}, Ae = (e) => {
 	let t = e.matchAll(/{{([\w-]+)}}/g);
 	return Array.from(t, (e) => e[1]);
-}, Ae = (e, t) => ke(e).every((e) => {
+}, je = (e, t) => Ae(e).every((e) => {
 	let n = t[e];
 	return n != null && n !== "";
-}), je = (e, t, n = !1) => e.replace(/{{([\w-]+)}}/g, (e, r) => {
+}), Me = (e, t, n = !1) => e.replace(/{{([\w-]+)}}/g, (e, r) => {
 	let i = t[r], a = i == null ? "" : String(i);
 	return n ? encodeURIComponent(a) : a;
-}), Me = ({ field: e, extra: r }) => {
-	let [i, c] = N(!1), [u, d] = N(null), [f, m] = N([]), [g, _] = N(""), [v, b] = N(!1), { value: S, placeholder: C } = e, { node: w, setValue: T, error: E, label: D, helperText: ee, missingDependencies: O } = r, { formValues: k, inputNodes: ne, headers: ie, baseUrl: I } = p(), { colors: L } = h(), { httpConfig: R } = w.data, z = t(), se = M(!1), le = M(!1), ue = M(""), de = M(R), fe = M(k), pe = M(ne), U = M(ie), he = M(I), ge = M(T), W = M(null), _e = M(null), G = j(() => R?.url ? ke(R.url) : [], [R?.url]), ve = G.length > 0, K = j(() => G.map((e) => `${e}:${String(k[e] ?? "")}`).join("|"), [G, k]), ye = j(() => R?.url ? ve ? Ae(R.url, k) : !0 : !1, [
-		R?.url,
-		ve,
-		k
-	]), q = te(async (e) => {
-		_e.current && _e.current.abort();
-		let t = new AbortController();
-		_e.current = t;
-		let r = de.current, i = fe.current, u = ge.current;
-		if (!r?.url) {
-			d(z("renderer.defaultHttpInput.noUrlConfigured")), _e.current = null;
+}), Ne = ({ field: r, extra: o }) => {
+	let [s, c] = N(!1), [l, u] = N(null), [d, f] = N([]), [p, h] = N(""), [g, v] = N(!1), { value: S, placeholder: C } = r, { node: w, setValue: T, error: E, label: D, helperText: O, missingDependencies: k } = o, { formValues: A, inputNodes: ee, headers: re, baseUrl: ae } = i(), { colors: I } = m(), { httpConfig: L } = w.data, R = a(), z = M(!1), ce = M(!1), ue = M(""), de = M(L), fe = M(A), pe = M(ee), me = M(re), U = M(ae), ge = M(T), _e = M(null), W = M(null), ve = ne(() => L?.url ? Ae(L.url) : [], [L?.url]), G = ve.length > 0, ye = ne(() => ve.map((e) => `${e}:${String(A[e] ?? "")}`).join("|"), [ve, A]), K = ne(() => L?.url ? G ? je(L.url, A) : !0 : !1, [
+		L?.url,
+		G,
+		A
+	]), be = te(async (r) => {
+		W.current && W.current.abort();
+		let i = new AbortController();
+		W.current = i;
+		let a = de.current, o = fe.current, s = ge.current;
+		if (!a?.url) {
+			u(R("renderer.defaultHttpInput.noUrlConfigured")), W.current = null;
 			return;
 		}
-		if (r.url && !Ae(r.url, i)) {
-			_e.current = null;
+		if (a.url && !je(a.url, o)) {
+			W.current = null;
 			return;
 		}
-		c(!0), d(null);
+		c(!0), u(null);
 		try {
-			let f = n(je(r.url, i, !0), he.current), p = x(r.searchParam && e ? `${f}${f.includes("?") ? "&" : "?"}${r.searchParam}=${encodeURIComponent(e)}` : f, o(r.queryParams, i)), h = a({ "Content-Type": "application/json" }, o(U.current, i), o(r.headers, i)), g = [
+			let l = t(Me(a.url, o, !0), U.current), d = x(a.searchParam && r ? `${l}${l.includes("?") ? "&" : "?"}${a.searchParam}=${encodeURIComponent(r)}` : l, n(a.queryParams, o)), p = e({ "Content-Type": "application/json" }, n(me.current, o), n(a.headers, o)), m = [
 				"POST",
 				"PUT",
 				"PATCH"
-			].includes(r.method || "") ? r.sendAllFormValues ? JSON.stringify(y(i, pe.current)) : s(r.body, i, pe.current) : void 0, _ = setTimeout(() => t.abort(), 3e4), v = await fetch(p, {
-				body: g || void 0,
-				headers: Object.fromEntries(Object.entries(h).filter(([, e]) => e)),
-				method: r.method || "GET",
-				signal: t.signal
+			].includes(a.method || "") ? a.sendAllFormValues ? JSON.stringify(_(o, pe.current)) : y(a.body, o, pe.current) : void 0, h = setTimeout(() => i.abort(), 3e4), g = await fetch(d, {
+				body: m || void 0,
+				headers: Object.fromEntries(Object.entries(p).filter(([, e]) => e)),
+				method: a.method || "GET",
+				signal: i.signal
 			});
-			if (clearTimeout(_), !v.ok) {
-				d(`HTTP Error ${v.status}: ${v.statusText}`), c(!1);
+			if (clearTimeout(h), !g.ok) {
+				u(`HTTP Error ${g.status}: ${g.statusText}`), c(!1);
 				return;
 			}
-			let b = Oe(await v.json()), S = r.responsePath ? l(b, r.responsePath) : b;
-			if (r.responseMapping && Array.isArray(S)) {
-				let { valueField: e = "value", labelField: t = "label", descriptionField: n, imageField: i } = r.responseMapping;
-				m(S.map((r) => {
-					let a = n ? l(r, n) : void 0, o = i ? l(r, i) : void 0;
+			let v = ke(await g.json()), S = a.responsePath ? b(v, a.responsePath) : v;
+			if (a.responseMapping && Array.isArray(S)) {
+				let { valueField: e = "value", labelField: t = "label", descriptionField: n, imageField: r } = a.responseMapping;
+				f(S.map((i) => {
+					let a = n ? b(i, n) : void 0, o = r ? b(i, r) : void 0;
 					return {
 						description: a != null && a !== "" ? String(a) : void 0,
 						image: typeof o == "string" && o !== "" ? o : void 0,
-						label: String(l(r, t) || ""),
-						value: String(l(r, e) || "")
+						label: String(b(i, t) || ""),
+						value: String(b(i, e) || "")
 					};
 				}));
-			} else u(typeof S == "string" ? S : JSON.stringify(S));
+			} else s(typeof S == "string" ? S : JSON.stringify(S));
 		} catch (e) {
 			if (e instanceof Error && e.name === "AbortError") return;
-			d(e instanceof Error ? e.message : z("renderer.defaultHttpInput.fetchFailed")), console.error("HTTP Input fetch error:", e);
+			u(e instanceof Error ? e.message : R("renderer.defaultHttpInput.fetchFailed")), console.error("HTTP Input fetch error:", e);
 		} finally {
-			c(!1), _e.current = null;
+			c(!1), W.current = null;
 		}
-	}, [z]);
-	if (A(() => {
-		de.current = R, fe.current = k, pe.current = ne, U.current = ie, he.current = I, ge.current = T, W.current = q;
+	}, [R]);
+	if (j(() => {
+		de.current = L, fe.current = A, pe.current = ee, me.current = re, U.current = ae, ge.current = T, _e.current = be;
 	}, [
-		R,
-		k,
-		ne,
-		ie,
-		I,
+		L,
+		A,
+		ee,
+		re,
+		ae,
 		T,
-		q
-	]), A(() => () => {
-		_e.current && _e.current.abort(), se.current = !1, le.current = !1;
-	}, []), A(() => {
-		if (se.current) return;
-		se.current = !0;
-		let e = de.current, t = fe.current, n = W.current, r = e?.url && Ae(e.url, t);
-		e?.fetchOnMount && r && n && (n(), e.url && (ue.current = ke(e.url).map((e) => `${e}:${String(t[e] ?? "")}`).join("|")));
-	}, []), A(() => {
-		if (!se.current || !ve || ue.current === K || !ye) return;
+		be
+	]), j(() => () => {
+		W.current && W.current.abort(), z.current = !1, ce.current = !1;
+	}, []), j(() => {
+		if (z.current) return;
+		z.current = !0;
+		let e = de.current, t = fe.current, n = _e.current, r = e?.url && je(e.url, t);
+		e?.fetchOnMount && r && n && (n(), e.url && (ue.current = Ae(e.url).map((e) => `${e}:${String(t[e] ?? "")}`).join("|")));
+	}, []), j(() => {
+		if (!z.current || !G || ue.current === ye || !K) return;
 		let e = setTimeout(() => {
-			q(), ue.current = K;
+			be(), ue.current = ye;
 		}, 500);
 		return () => clearTimeout(e);
 	}, [
-		K,
-		ve,
 		ye,
-		q
-	]), A(() => {
-		if (!le.current) {
-			le.current = !0;
+		G,
+		K,
+		be
+	]), j(() => {
+		if (!ce.current) {
+			ce.current = !0;
 			return;
 		}
-		let e = de.current, t = fe.current, n = W.current, r = e?.url && Ae(e.url, t);
-		e?.fetchOnMount && r && n && (n(), e.url && (ue.current = ke(e.url).map((e) => `${e}:${String(t[e] ?? "")}`).join("|")));
-	}, [j(() => JSON.stringify({
-		body: R?.body,
-		fetchOnMount: R?.fetchOnMount,
-		headers: R?.headers,
-		method: R?.method,
-		queryParams: R?.queryParams,
-		responseMapping: R?.responseMapping,
-		responsePath: R?.responsePath,
-		searchParam: R?.searchParam,
-		sendAllFormValues: R?.sendAllFormValues,
-		url: R?.url
-	}), [R])]), A(() => {
-		if (!(R?.searchParam && g)) return;
+		let e = de.current, t = fe.current, n = _e.current, r = e?.url && je(e.url, t);
+		e?.fetchOnMount && r && n && (n(), e.url && (ue.current = Ae(e.url).map((e) => `${e}:${String(t[e] ?? "")}`).join("|")));
+	}, [ne(() => JSON.stringify({
+		body: L?.body,
+		fetchOnMount: L?.fetchOnMount,
+		headers: L?.headers,
+		method: L?.method,
+		queryParams: L?.queryParams,
+		responseMapping: L?.responseMapping,
+		responsePath: L?.responsePath,
+		searchParam: L?.searchParam,
+		sendAllFormValues: L?.sendAllFormValues,
+		url: L?.url
+	}), [L])]), j(() => {
+		if (!(L?.searchParam && p)) return;
 		let e = setTimeout(() => {
-			q(g);
+			be(p);
 		}, 300);
 		return () => clearTimeout(e);
 	}, [
-		g,
-		R?.searchParam,
-		q
-	]), R?.responseMapping) {
-		let e = Array.isArray(S) ? S[0] : S, t = f.find((t) => t.value === e);
-		if (R.searchParam) {
-			let n = i && R?.showLoading;
+		p,
+		L?.searchParam,
+		be
+	]), L?.responseMapping) {
+		let e = Array.isArray(S) ? S[0] : S, t = d.find((t) => t.value === e);
+		if (L.searchParam) {
+			let n = s && L?.showLoading;
 			return /* @__PURE__ */ F(H, {
 				style: Y.container,
 				children: [
 					/* @__PURE__ */ F(B, {
-						style: [Y.label, { color: L.textSecondary }],
+						style: [Y.label, { color: I.textSecondary }],
 						children: [D || w.data.name, w.data.required && /* @__PURE__ */ P(B, {
-							style: { color: L.error },
+							style: { color: I.error },
 							children: "*"
 						})]
 					}),
-					/* @__PURE__ */ P(Se, {
-						missing: O,
+					/* @__PURE__ */ P(Ce, {
+						missing: k,
 						children: /* @__PURE__ */ F(V, {
 							style: [
 								Y.trigger,
 								{
-									backgroundColor: L.input,
-									borderColor: L.border
+									backgroundColor: I.input,
+									borderColor: I.border
 								},
-								E && { borderColor: L.error },
-								O.length > 0 && { backgroundColor: L.muted }
+								E && { borderColor: I.error },
+								k.length > 0 && { backgroundColor: I.muted }
 							],
-							onPress: () => b(!0),
-							disabled: O.length > 0,
+							onPress: () => v(!0),
+							disabled: k.length > 0,
 							activeOpacity: .7,
-							children: [n ? /* @__PURE__ */ F(H, {
-								style: Y.loadingTrigger,
-								children: [/* @__PURE__ */ P(re, {
-									size: "small",
-									color: L.primary
-								}), /* @__PURE__ */ P(B, {
-									style: [Y.triggerText, { color: L.textMuted }],
+							children: [
+								n ? /* @__PURE__ */ F(H, {
+									style: Y.loadingTrigger,
+									children: [/* @__PURE__ */ P(ie, {
+										size: "small",
+										color: I.primary
+									}), /* @__PURE__ */ P(B, {
+										style: [Y.triggerText, { color: I.textMuted }],
+										numberOfLines: 1,
+										children: t?.label || C || R("renderer.defaultHttpInput.search")
+									})]
+								}) : /* @__PURE__ */ P(B, {
+									style: [
+										Y.triggerText,
+										{ color: I.text },
+										!t && { color: I.textMuted }
+									],
 									numberOfLines: 1,
-									children: t?.label || C || z("renderer.defaultHttpInput.search")
-								})]
-							}) : /* @__PURE__ */ P(B, {
-								style: [
-									Y.triggerText,
-									{ color: L.text },
-									!t && { color: L.textMuted }
-								],
-								numberOfLines: 1,
-								children: t?.label || C || z("renderer.defaultHttpInput.search")
-							}), /* @__PURE__ */ P(B, {
-								style: [Y.arrow, { color: L.textMuted }],
-								children: "▼"
-							})]
+									children: t?.label || C || R("renderer.defaultHttpInput.search")
+								}),
+								e ? /* @__PURE__ */ P(V, {
+									onPress: () => T(""),
+									hitSlop: {
+										bottom: 8,
+										left: 8,
+										right: 8,
+										top: 8
+									},
+									style: Y.clearButton,
+									children: /* @__PURE__ */ P(B, {
+										style: [Y.clearIcon, { color: I.textMuted }],
+										children: "✕"
+									})
+								}) : null,
+								/* @__PURE__ */ P(B, {
+									style: [Y.arrow, { color: I.textMuted }],
+									children: "▼"
+								})
+							]
 						})
 					}),
-					/* @__PURE__ */ P(oe, {
-						visible: v,
+					/* @__PURE__ */ P(se, {
+						visible: g,
 						transparent: !0,
 						animationType: "fade",
-						onRequestClose: () => b(!1),
+						onRequestClose: () => v(!1),
 						children: /* @__PURE__ */ P(V, {
 							style: Y.modalOverlay,
 							activeOpacity: 1,
-							onPress: () => b(!1),
+							onPress: () => v(!1),
 							children: /* @__PURE__ */ F(V, {
-								style: [Y.modalContent, { backgroundColor: L.card }],
+								style: [Y.modalContent, { backgroundColor: I.card }],
 								activeOpacity: 1,
 								onPress: () => {},
 								children: [
 									/* @__PURE__ */ F(H, {
-										style: [Y.modalHeader, { borderBottomColor: L.separator }],
+										style: [Y.modalHeader, { borderBottomColor: I.separator }],
 										children: [/* @__PURE__ */ P(B, {
-											style: [Y.modalTitle, { color: L.text }],
+											style: [Y.modalTitle, { color: I.text }],
 											children: D || w.data.name
 										}), /* @__PURE__ */ P(V, {
-											onPress: () => b(!1),
+											onPress: () => v(!1),
 											children: /* @__PURE__ */ P(B, {
-												style: [Y.closeButton, { color: L.textMuted }],
+												style: [Y.closeButton, { color: I.textMuted }],
 												children: "✕"
 											})
 										})]
 									}),
 									/* @__PURE__ */ P(H, {
 										style: Y.searchContainer,
-										children: /* @__PURE__ */ P(ce, {
+										children: /* @__PURE__ */ P(le, {
 											style: [Y.searchInput, {
-												backgroundColor: L.muted,
-												borderColor: L.border,
-												color: L.text
+												backgroundColor: I.muted,
+												borderColor: I.border,
+												color: I.text
 											}],
-											placeholder: z("renderer.defaultHttpInput.search"),
-											placeholderTextColor: L.textMuted,
-											value: g,
+											placeholder: R("renderer.defaultHttpInput.search"),
+											placeholderTextColor: I.textMuted,
+											value: p,
 											onChangeText: (e) => {
-												_(e), d(null);
+												h(e), u(null);
 											},
 											autoFocus: !0,
 											autoCapitalize: "none",
 											autoCorrect: !1
 										})
 									}),
-									i ? /* @__PURE__ */ P(H, {
+									s ? /* @__PURE__ */ P(H, {
 										style: Y.loadingContainer,
-										children: /* @__PURE__ */ P(re, {
+										children: /* @__PURE__ */ P(ie, {
 											size: "small",
-											color: L.primary
+											color: I.primary
 										})
-									}) : u ? /* @__PURE__ */ F(H, {
+									}) : l ? /* @__PURE__ */ F(H, {
 										style: Y.errorContainer,
 										children: [/* @__PURE__ */ P(B, {
-											style: [Y.errorText, { color: L.error }],
-											children: u
+											style: [Y.errorText, { color: I.error }],
+											children: l
 										}), /* @__PURE__ */ P(V, {
-											onPress: () => q(g),
+											onPress: () => be(p),
 											style: Y.retryButton,
 											children: /* @__PURE__ */ P(B, {
-												style: [Y.retryButtonText, { color: L.primary }],
-												children: z("renderer.defaultHttpInput.retry")
+												style: [Y.retryButtonText, { color: I.primary }],
+												children: R("renderer.defaultHttpInput.retry")
 											})
 										})]
-									}) : /* @__PURE__ */ P(ae, {
-										data: f,
+									}) : /* @__PURE__ */ P(oe, {
+										data: d,
 										keyExtractor: (e) => e.value,
 										style: Y.optionsList,
 										contentContainerStyle: Y.optionsListContent,
 										ListEmptyComponent: /* @__PURE__ */ P(H, {
 											style: Y.emptyContainer,
 											children: /* @__PURE__ */ P(B, {
-												style: [Y.emptyText, { color: L.textMuted }],
-												children: z("renderer.defaultHttpInput.noResults")
+												style: [Y.emptyText, { color: I.textMuted }],
+												children: R("renderer.defaultHttpInput.noResults")
 											})
 										}),
 										renderItem: ({ item: t }) => {
 											let n = t.value === e;
 											return /* @__PURE__ */ F(V, {
-												style: [Y.option, n && { backgroundColor: L.primaryLight }],
+												style: [Y.option, n && { backgroundColor: I.primaryLight }],
 												onPress: () => {
-													T(t.value), b(!1);
+													T(t.value), v(!1);
 												},
 												activeOpacity: .7,
-												children: [/* @__PURE__ */ P(me, {
+												children: [/* @__PURE__ */ P(he, {
 													label: t.label,
 													description: t.description,
 													image: t.image
 												}), n && /* @__PURE__ */ P(B, {
-													style: [Y.checkmark, { color: L.primary }],
+													style: [Y.checkmark, { color: I.primary }],
 													children: "✓"
 												})]
 											});
@@ -1869,112 +1908,126 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 						})
 					}),
 					E && /* @__PURE__ */ P(B, {
-						style: [Y.error, { color: L.error }],
+						style: [Y.error, { color: I.error }],
 						children: E
 					}),
-					ee && !E && /* @__PURE__ */ P(B, {
-						style: [Y.helperText, { color: L.textMuted }],
-						children: ee
+					O && !E && /* @__PURE__ */ P(B, {
+						style: [Y.helperText, { color: I.textMuted }],
+						children: O
 					})
 				]
 			});
 		}
-		let n = i && R?.showLoading, r = O.length === 0 && f.length === 0 && !n ? u ?? z("renderer.defaultHttpInput.noDataAvailable") : void 0;
+		let n = s && L?.showLoading, r = k.length === 0 && d.length === 0 && !n ? l ?? R("renderer.defaultHttpInput.noDataAvailable") : void 0;
 		return /* @__PURE__ */ F(H, {
 			style: Y.container,
 			children: [
 				/* @__PURE__ */ F(B, {
-					style: [Y.label, { color: L.textSecondary }],
+					style: [Y.label, { color: I.textSecondary }],
 					children: [D || w.data.name, w.data.required && /* @__PURE__ */ P(B, {
-						style: { color: L.error },
+						style: { color: I.error },
 						children: "*"
 					})]
 				}),
-				/* @__PURE__ */ P(Se, {
-					missing: O,
+				/* @__PURE__ */ P(Ce, {
+					missing: k,
 					children: /* @__PURE__ */ F(V, {
 						style: [
 							Y.trigger,
 							{
-								backgroundColor: L.input,
-								borderColor: L.border
+								backgroundColor: I.input,
+								borderColor: I.border
 							},
-							E && { borderColor: L.error },
-							(n || f.length === 0) && { backgroundColor: L.muted }
+							E && { borderColor: I.error },
+							(n || d.length === 0) && { backgroundColor: I.muted }
 						],
-						onPress: () => b(!0),
-						disabled: n || f.length === 0,
+						onPress: () => v(!0),
+						disabled: n || d.length === 0,
 						activeOpacity: .7,
 						children: [
-							n && /* @__PURE__ */ P(re, {
+							n && /* @__PURE__ */ P(ie, {
 								size: "small",
-								color: L.primary,
+								color: I.primary,
 								style: Y.triggerLoader
 							}),
 							/* @__PURE__ */ P(B, {
 								style: [
 									Y.triggerText,
-									{ color: L.text },
-									!t && { color: L.textMuted }
+									{ color: I.text },
+									!t && { color: I.textMuted }
 								],
 								numberOfLines: 1,
-								children: t?.label || C || z("renderer.defaultHttpInput.selectOption")
+								children: t?.label || C || R("renderer.defaultHttpInput.selectOption")
 							}),
+							e ? /* @__PURE__ */ P(V, {
+								onPress: () => T(""),
+								hitSlop: {
+									bottom: 8,
+									left: 8,
+									right: 8,
+									top: 8
+								},
+								style: Y.clearButton,
+								children: /* @__PURE__ */ P(B, {
+									style: [Y.clearIcon, { color: I.textMuted }],
+									children: "✕"
+								})
+							}) : null,
 							/* @__PURE__ */ P(B, {
-								style: [Y.arrow, { color: L.textMuted }],
+								style: [Y.arrow, { color: I.textMuted }],
 								children: "▼"
 							})
 						]
 					})
 				}),
 				r && /* @__PURE__ */ P(B, {
-					style: [Y.disabledMessage, { color: L.error }],
+					style: [Y.disabledMessage, { color: I.error }],
 					children: r
 				}),
-				/* @__PURE__ */ P(oe, {
-					visible: v,
+				/* @__PURE__ */ P(se, {
+					visible: g,
 					transparent: !0,
 					animationType: "fade",
-					onRequestClose: () => b(!1),
+					onRequestClose: () => v(!1),
 					children: /* @__PURE__ */ P(V, {
 						style: Y.modalOverlay,
 						activeOpacity: 1,
-						onPress: () => b(!1),
+						onPress: () => v(!1),
 						children: /* @__PURE__ */ F(V, {
-							style: [Y.modalContent, { backgroundColor: L.card }],
+							style: [Y.modalContent, { backgroundColor: I.card }],
 							activeOpacity: 1,
 							onPress: () => {},
 							children: [/* @__PURE__ */ F(H, {
-								style: [Y.modalHeader, { borderBottomColor: L.separator }],
+								style: [Y.modalHeader, { borderBottomColor: I.separator }],
 								children: [/* @__PURE__ */ P(B, {
-									style: [Y.modalTitle, { color: L.text }],
+									style: [Y.modalTitle, { color: I.text }],
 									children: D || w.data.name
 								}), /* @__PURE__ */ P(V, {
-									onPress: () => b(!1),
+									onPress: () => v(!1),
 									children: /* @__PURE__ */ P(B, {
-										style: [Y.closeButton, { color: L.textMuted }],
+										style: [Y.closeButton, { color: I.textMuted }],
 										children: "✕"
 									})
 								})]
-							}), /* @__PURE__ */ P(ae, {
-								data: f,
+							}), /* @__PURE__ */ P(oe, {
+								data: d,
 								keyExtractor: (e) => e.value,
 								style: Y.optionsList,
 								contentContainerStyle: Y.optionsListContent,
 								renderItem: ({ item: t }) => {
 									let n = t.value === e;
 									return /* @__PURE__ */ F(V, {
-										style: [Y.option, n && { backgroundColor: L.primaryLight }],
+										style: [Y.option, n && { backgroundColor: I.primaryLight }],
 										onPress: () => {
-											T(t.value), b(!1);
+											T(t.value), v(!1);
 										},
 										activeOpacity: .7,
-										children: [/* @__PURE__ */ P(me, {
+										children: [/* @__PURE__ */ P(he, {
 											label: t.label,
 											description: t.description,
 											image: t.image
 										}), n && /* @__PURE__ */ P(B, {
-											style: [Y.checkmark, { color: L.primary }],
+											style: [Y.checkmark, { color: I.primary }],
 											children: "✓"
 										})]
 									});
@@ -1984,12 +2037,12 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 					})
 				}),
 				E && /* @__PURE__ */ P(B, {
-					style: [Y.error, { color: L.error }],
+					style: [Y.error, { color: I.error }],
 					children: E
 				}),
-				ee && !E && /* @__PURE__ */ P(B, {
-					style: [Y.helperText, { color: L.textMuted }],
-					children: ee
+				O && !E && /* @__PURE__ */ P(B, {
+					style: [Y.helperText, { color: I.textMuted }],
+					children: O
 				})
 			]
 		});
@@ -1998,28 +2051,28 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 		style: Y.container,
 		children: [
 			/* @__PURE__ */ F(B, {
-				style: [Y.label, { color: L.textSecondary }],
+				style: [Y.label, { color: I.textSecondary }],
 				children: [D || w.data.name, w.data.required && /* @__PURE__ */ P(B, {
-					style: { color: L.error },
+					style: { color: I.error },
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ P(ce, {
+			/* @__PURE__ */ P(le, {
 				style: [Y.input, {
-					backgroundColor: L.muted,
-					borderColor: L.border,
-					color: L.textMuted
+					backgroundColor: I.muted,
+					borderColor: I.border,
+					color: I.textMuted
 				}],
 				value: typeof S == "string" ? S : JSON.stringify(S),
 				editable: !1
 			}),
 			E && /* @__PURE__ */ P(B, {
-				style: [Y.error, { color: L.error }],
+				style: [Y.error, { color: I.error }],
 				children: E
 			}),
-			ee && !E && /* @__PURE__ */ P(B, {
-				style: [Y.helperText, { color: L.textMuted }],
-				children: ee
+			O && !E && /* @__PURE__ */ P(B, {
+				style: [Y.helperText, { color: I.textMuted }],
+				children: O
 			})
 		]
 	});
@@ -2029,6 +2082,11 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 		fontSize: 18,
 		fontWeight: "700"
 	},
+	clearButton: {
+		marginRight: 8,
+		paddingHorizontal: 2
+	},
+	clearIcon: { fontSize: 14 },
 	closeButton: {
 		fontSize: 24,
 		fontWeight: "300"
@@ -2145,23 +2203,23 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 		flex: 1,
 		fontSize: 14
 	}
-}), Ne = ({ field: e, extra: t }) => {
-	let { value: n, placeholder: r, name: i } = e, [a, o] = N(n?.toString() ?? ""), { node: s, setValue: c, error: l, label: u, helperText: d } = t, { colors: f } = h();
-	return A(() => {
+}), Pe = ({ field: e, extra: t }) => {
+	let { value: n, placeholder: r, name: i } = e, [a, o] = N(n?.toString() ?? ""), { node: s, setValue: c, error: l, label: u, helperText: d } = t, { colors: f } = m();
+	return j(() => {
 		o(n?.toString() ?? "");
 	}, [n]), /* @__PURE__ */ F(H, {
-		style: Pe.container,
+		style: Fe.container,
 		children: [
 			/* @__PURE__ */ F(B, {
-				style: [Pe.label, { color: f.textSecondary }],
+				style: [Fe.label, { color: f.textSecondary }],
 				children: [u || s.data.name, s.data.required && /* @__PURE__ */ P(B, {
 					style: { color: f.error },
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ P(ce, {
+			/* @__PURE__ */ P(le, {
 				style: [
-					Pe.input,
+					Fe.input,
 					{
 						backgroundColor: f.input,
 						borderColor: f.border,
@@ -2184,16 +2242,16 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 				accessibilityLabel: i
 			}),
 			l && /* @__PURE__ */ P(B, {
-				style: [Pe.error, { color: f.error }],
+				style: [Fe.error, { color: f.error }],
 				children: l
 			}),
 			d && !l && /* @__PURE__ */ P(B, {
-				style: [Pe.helperText, { color: f.textMuted }],
+				style: [Fe.helperText, { color: f.textMuted }],
 				children: d
 			})
 		]
 	});
-}, Pe = z.create({
+}, Fe = z.create({
 	container: { marginBottom: 16 },
 	error: {
 		fontSize: 12,
@@ -2215,23 +2273,23 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 		fontWeight: "500",
 		marginBottom: 8
 	}
-}), Fe = ({ field: e, extra: t }) => {
-	let [n, r] = N(!1), { value: i, placeholder: a, name: o } = e, { node: s, setValue: c, error: l, label: u, helperText: d } = t, { colors: f } = h();
+}), Ie = ({ field: e, extra: t }) => {
+	let [n, r] = N(!1), { value: i, placeholder: a, name: o } = e, { node: s, setValue: c, error: l, label: u, helperText: d } = t, { colors: f } = m();
 	return /* @__PURE__ */ F(H, {
-		style: Ie.container,
+		style: Le.container,
 		children: [
 			/* @__PURE__ */ F(B, {
-				style: [Ie.label, { color: f.textSecondary }],
+				style: [Le.label, { color: f.textSecondary }],
 				children: [u || s.data.name, s.data.required && /* @__PURE__ */ P(B, {
 					style: { color: f.error },
 					children: "*"
 				})]
 			}),
 			/* @__PURE__ */ F(H, {
-				style: Ie.inputWrapper,
-				children: [/* @__PURE__ */ P(ce, {
+				style: Le.inputWrapper,
+				children: [/* @__PURE__ */ P(le, {
 					style: [
-						Ie.input,
+						Le.input,
 						{
 							backgroundColor: f.input,
 							borderColor: f.border,
@@ -2246,26 +2304,26 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 					secureTextEntry: !n,
 					accessibilityLabel: o
 				}), /* @__PURE__ */ P(V, {
-					style: Ie.toggleButton,
+					style: Le.toggleButton,
 					onPress: () => r(!n),
 					activeOpacity: .7,
 					children: /* @__PURE__ */ P(B, {
-						style: [Ie.toggleText, { color: f.primary }],
+						style: [Le.toggleText, { color: f.primary }],
 						children: n ? "Hide" : "Show"
 					})
 				})]
 			}),
 			l && /* @__PURE__ */ P(B, {
-				style: [Ie.error, { color: f.error }],
+				style: [Le.error, { color: f.error }],
 				children: l
 			}),
 			d && !l && /* @__PURE__ */ P(B, {
-				style: [Ie.helperText, { color: f.textMuted }],
+				style: [Le.helperText, { color: f.textMuted }],
 				children: d
 			})
 		]
 	});
-}, Ie = z.create({
+}, Le = z.create({
 	container: { marginBottom: 16 },
 	error: {
 		fontSize: 12,
@@ -2303,16 +2361,16 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 		fontSize: 12,
 		fontWeight: "600"
 	}
-}), Le = ({ field: e, extra: n }) => {
-	let { value: r } = e, { node: i, setValue: a, error: o, label: s, helperText: c } = n, { colors: l } = h(), u = t(), d = i.data.options || [], f = r || "", p = i.data.variant !== "default", m = (e) => {
-		a(e);
+}), Re = ({ field: e, extra: t }) => {
+	let { value: n } = e, { node: r, setValue: i, error: o, label: s, helperText: c } = t, { colors: l } = m(), u = a(), d = r.data.options || [], f = n || "", p = r.data.variant !== "default", h = (e) => {
+		i(e);
 	};
 	return /* @__PURE__ */ F(H, {
 		style: X.container,
 		children: [
 			/* @__PURE__ */ F(B, {
 				style: [X.label, { color: l.textSecondary }],
-				children: [s || i.data.name, i.data.required && /* @__PURE__ */ P(B, {
+				children: [s || r.data.name, r.data.required && /* @__PURE__ */ P(B, {
 					style: { color: l.error },
 					children: "*"
 				})]
@@ -2332,7 +2390,7 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 						},
 						e.disabled && { opacity: .5 }
 					],
-					onPress: () => m(e.value),
+					onPress: () => h(e.value),
 					disabled: e.disabled,
 					activeOpacity: .7,
 					children: [
@@ -2365,7 +2423,7 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 					]
 				}, e.value) : /* @__PURE__ */ F(V, {
 					style: X.option,
-					onPress: () => m(e.value),
+					onPress: () => h(e.value),
 					disabled: e.disabled,
 					activeOpacity: .7,
 					children: [
@@ -2484,9 +2542,9 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 		height: 10,
 		width: 10
 	}
-}), Re = ({ field: e, extra: n }) => {
-	let [r, i] = N(!1), { value: a, placeholder: o } = e, { node: s, setValue: c, error: l, label: u, helperText: d } = n, { colors: f } = h(), p = t(), m = s.data.options || [], g = s.data.multiple, _ = Array.isArray(a) ? a : a ? [a] : [], v = (e) => {
-		g ? c(_.includes(e) ? _.filter((t) => t !== e) : [..._, e]) : (c(e), i(!1));
+}), ze = ({ field: e, extra: t }) => {
+	let [n, r] = N(!1), { value: i, placeholder: o } = e, { node: s, setValue: c, error: l, label: u, helperText: d } = t, { colors: f } = m(), p = a(), h = s.data.options || [], g = s.data.multiple, _ = Array.isArray(i) ? i : i ? [i] : [], v = (e) => {
+		g ? c(_.includes(e) ? _.filter((t) => t !== e) : [..._, e]) : (c(e), r(!1));
 	};
 	return /* @__PURE__ */ F(H, {
 		style: Z.container,
@@ -2507,34 +2565,51 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 					},
 					l && { borderColor: f.error }
 				],
-				onPress: () => i(!0),
+				onPress: () => r(!0),
 				activeOpacity: .7,
-				children: [/* @__PURE__ */ P(B, {
-					style: [
-						Z.triggerText,
-						{ color: f.text },
-						_.length === 0 && { color: f.textMuted }
-					],
-					children: (() => {
-						if (_.length === 0) return o || "Select...";
-						if (g) return m.filter((e) => _.includes(e.value)).map((e) => p(e.label) || e.value).join(", ");
-						let e = m.find((e) => e.value === _[0]);
-						return e ? p(e.label) || e.value : o || "Select...";
-					})()
-				}), /* @__PURE__ */ P(B, {
-					style: [Z.arrow, { color: f.textMuted }],
-					children: "▼"
-				})]
+				children: [
+					/* @__PURE__ */ P(B, {
+						style: [
+							Z.triggerText,
+							{ color: f.text },
+							_.length === 0 && { color: f.textMuted }
+						],
+						children: (() => {
+							if (_.length === 0) return o || "Select...";
+							if (g) return h.filter((e) => _.includes(e.value)).map((e) => p(e.label) || e.value).join(", ");
+							let e = h.find((e) => e.value === _[0]);
+							return e ? p(e.label) || e.value : o || "Select...";
+						})()
+					}),
+					_.length > 0 && /* @__PURE__ */ P(V, {
+						onPress: () => c(g ? [] : ""),
+						hitSlop: {
+							bottom: 8,
+							left: 8,
+							right: 8,
+							top: 8
+						},
+						style: Z.clearButton,
+						children: /* @__PURE__ */ P(B, {
+							style: [Z.clearIcon, { color: f.textMuted }],
+							children: "✕"
+						})
+					}),
+					/* @__PURE__ */ P(B, {
+						style: [Z.arrow, { color: f.textMuted }],
+						children: "▼"
+					})
+				]
 			}),
-			/* @__PURE__ */ P(oe, {
-				visible: r,
+			/* @__PURE__ */ P(se, {
+				visible: n,
 				transparent: !0,
 				animationType: "fade",
-				onRequestClose: () => i(!1),
+				onRequestClose: () => r(!1),
 				children: /* @__PURE__ */ P(V, {
 					style: Z.modalOverlay,
 					activeOpacity: 1,
-					onPress: () => i(!1),
+					onPress: () => r(!1),
 					children: /* @__PURE__ */ F(H, {
 						style: [Z.modalContent, { backgroundColor: f.card }],
 						onStartShouldSetResponder: () => !0,
@@ -2545,7 +2620,7 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 									style: [Z.modalTitle, { color: f.text }],
 									children: u || s.data.name
 								}), /* @__PURE__ */ P(V, {
-									onPress: () => i(!1),
+									onPress: () => r(!1),
 									children: /* @__PURE__ */ P(B, {
 										style: [Z.closeButton, { color: f.textMuted }],
 										children: "✕"
@@ -2554,14 +2629,14 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 							}),
 							/* @__PURE__ */ P(R, {
 								style: Z.optionsList,
-								children: m.map((e) => {
+								children: h.map((e) => {
 									let t = _.includes(e.value);
 									return /* @__PURE__ */ F(V, {
 										style: [Z.option, t && { backgroundColor: `${f.primary}20` }],
 										onPress: () => v(e.value),
 										disabled: e.disabled,
 										activeOpacity: .7,
-										children: [/* @__PURE__ */ P(me, {
+										children: [/* @__PURE__ */ P(he, {
 											label: p(e.label) || e.value,
 											description: p(e.description),
 											image: e.image,
@@ -2575,7 +2650,7 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 							}),
 							g && /* @__PURE__ */ P(V, {
 								style: [Z.doneButton, { backgroundColor: f.primary }],
-								onPress: () => i(!1),
+								onPress: () => r(!1),
 								children: /* @__PURE__ */ P(B, {
 									style: Z.doneButtonText,
 									children: "Done"
@@ -2601,6 +2676,11 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 		fontSize: 18,
 		fontWeight: "700"
 	},
+	clearButton: {
+		marginRight: 8,
+		paddingHorizontal: 2
+	},
+	clearIcon: { fontSize: 14 },
 	closeButton: {
 		fontSize: 24,
 		fontWeight: "300"
@@ -2676,23 +2756,23 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 		flex: 1,
 		fontSize: 14
 	}
-}), ze = (e) => null, Be = ({ field: e, extra: t }) => {
-	let { value: n } = e, { node: r, setValue: i, error: a, label: o, helperText: s } = t, { colors: c } = h(), l = !!n;
+}), Be = (e) => null, Ve = ({ field: e, extra: t }) => {
+	let { value: n } = e, { node: r, setValue: i, error: a, label: o, helperText: s } = t, { colors: c } = m(), l = !!n;
 	return /* @__PURE__ */ F(H, {
-		style: Ve.container,
+		style: He.container,
 		children: [
 			/* @__PURE__ */ F(H, {
-				style: Ve.row,
+				style: He.row,
 				children: [/* @__PURE__ */ P(H, {
-					style: Ve.labelContainer,
+					style: He.labelContainer,
 					children: /* @__PURE__ */ F(B, {
-						style: [Ve.label, { color: c.textSecondary }],
+						style: [He.label, { color: c.textSecondary }],
 						children: [o || r.data.name, r.data.required && /* @__PURE__ */ P(B, {
 							style: { color: c.error },
 							children: "*"
 						})]
 					})
-				}), /* @__PURE__ */ P(se, {
+				}), /* @__PURE__ */ P(ce, {
 					trackColor: {
 						false: c.border,
 						true: `${c.primary}80`
@@ -2704,16 +2784,16 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 				})]
 			}),
 			a && /* @__PURE__ */ P(B, {
-				style: [Ve.error, { color: c.error }],
+				style: [He.error, { color: c.error }],
 				children: a
 			}),
 			s && !a && /* @__PURE__ */ P(B, {
-				style: [Ve.helperText, { color: c.textMuted }],
+				style: [He.helperText, { color: c.textMuted }],
 				children: s
 			})
 		]
 	});
-}, Ve = z.create({
+}, He = z.create({
 	container: { marginBottom: 16 },
 	error: {
 		fontSize: 12,
@@ -2733,21 +2813,21 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 		flexDirection: "row",
 		justifyContent: "space-between"
 	}
-}), He = ({ field: e, extra: t }) => {
-	let { value: n, placeholder: r, name: i } = e, { node: a, setValue: o, error: s, label: c, helperText: l } = t, { colors: u } = h();
+}), Ue = ({ field: e, extra: t }) => {
+	let { value: n, placeholder: r, name: i } = e, { node: a, setValue: o, error: s, label: c, helperText: l } = t, { colors: u } = m();
 	return /* @__PURE__ */ F(H, {
-		style: Ue.container,
+		style: We.container,
 		children: [
 			/* @__PURE__ */ F(B, {
-				style: [Ue.label, { color: u.textSecondary }],
+				style: [We.label, { color: u.textSecondary }],
 				children: [c || a.data.name, a.data.required && /* @__PURE__ */ P(B, {
 					style: { color: u.error },
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ P(ce, {
+			/* @__PURE__ */ P(le, {
 				style: [
-					Ue.textarea,
+					We.textarea,
 					{
 						backgroundColor: u.input,
 						borderColor: u.border,
@@ -2765,16 +2845,16 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 				accessibilityLabel: i
 			}),
 			s && /* @__PURE__ */ P(B, {
-				style: [Ue.error, { color: u.error }],
+				style: [We.error, { color: u.error }],
 				children: s
 			}),
 			l && !s && /* @__PURE__ */ P(B, {
-				style: [Ue.helperText, { color: u.textMuted }],
+				style: [We.helperText, { color: u.textMuted }],
 				children: l
 			})
 		]
 	});
-}, Ue = z.create({
+}, We = z.create({
 	container: { marginBottom: 16 },
 	error: {
 		fontSize: 12,
@@ -2797,21 +2877,21 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 		paddingHorizontal: 12,
 		paddingVertical: 8
 	}
-}), We = ({ field: e, extra: t }) => {
-	let { value: n, placeholder: r, name: i } = e, { node: a, setValue: o, error: s, label: c, helperText: l } = t, { colors: u } = h();
+}), Ge = ({ field: e, extra: t }) => {
+	let { value: n, placeholder: r, name: i } = e, { node: a, setValue: o, error: s, label: c, helperText: l } = t, { colors: u } = m();
 	return /* @__PURE__ */ F(H, {
-		style: Ge.container,
+		style: Ke.container,
 		children: [
 			/* @__PURE__ */ F(B, {
-				style: [Ge.label, { color: u.textSecondary }],
+				style: [Ke.label, { color: u.textSecondary }],
 				children: [c || a.data.name, a.data.required && /* @__PURE__ */ P(B, {
 					style: { color: u.error },
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ P(ce, {
+			/* @__PURE__ */ P(le, {
 				style: [
-					Ge.input,
+					Ke.input,
 					{
 						backgroundColor: u.input,
 						borderColor: u.border,
@@ -2826,16 +2906,16 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 				accessibilityLabel: i
 			}),
 			s && /* @__PURE__ */ P(B, {
-				style: [Ge.error, { color: u.error }],
+				style: [Ke.error, { color: u.error }],
 				children: s
 			}),
 			l && !s && /* @__PURE__ */ P(B, {
-				style: [Ge.helperText, { color: u.textMuted }],
+				style: [Ke.helperText, { color: u.textMuted }],
 				children: l
 			})
 		]
 	});
-}, Ge = z.create({
+}, Ke = z.create({
 	container: { marginBottom: 16 },
 	error: {
 		fontSize: 12,
@@ -2857,9 +2937,9 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 		fontWeight: "500",
 		marginBottom: 8
 	}
-}), Ke = ({ field: e, extra: t }) => {
-	let { value: n, placeholder: r } = e, i = (n || "").split(":"), a = Number.parseInt(i[0], 10), o = Number.parseInt(i[1], 10), s = Number.isNaN(a) ? 0 : a, c = Number.isNaN(o) ? 0 : o, [l, u] = N(s || 0), [d, f] = N(c || 0), [p, m] = N(!1), { node: g, setValue: _, error: v, label: y, helperText: b } = t, { colors: x } = h(), S = M(null), C = M(null), w = Array.from({ length: 24 }, (e, t) => t), T = Array.from({ length: 60 }, (e, t) => t), E = () => n || r || "Select time", D = te(() => {
-		_(`${String(l).padStart(2, "0")}:${String(d).padStart(2, "0")}`), m(!1);
+}), qe = ({ field: e, extra: t }) => {
+	let { value: n, placeholder: r } = e, i = (n || "").split(":"), a = Number.parseInt(i[0], 10), o = Number.parseInt(i[1], 10), s = Number.isNaN(a) ? 0 : a, c = Number.isNaN(o) ? 0 : o, [l, u] = N(s || 0), [d, f] = N(c || 0), [p, h] = N(!1), { node: g, setValue: _, error: v, label: y, helperText: b } = t, { colors: x } = m(), S = M(null), C = M(null), w = Array.from({ length: 24 }, (e, t) => t), T = Array.from({ length: 60 }, (e, t) => t), E = () => n || r || "Select time", D = te(() => {
+		_(`${String(l).padStart(2, "0")}:${String(d).padStart(2, "0")}`), h(!1);
 	}, [
 		l,
 		d,
@@ -2885,7 +2965,7 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 					v && { borderColor: x.error }
 				],
 				onPress: () => {
-					u(s || 0), f(c || 0), m(!0);
+					u(s || 0), f(c || 0), h(!0);
 				},
 				activeOpacity: .7,
 				children: [/* @__PURE__ */ P(B, {
@@ -2901,15 +2981,15 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 					children: "🕐"
 				})]
 			}),
-			/* @__PURE__ */ P(oe, {
+			/* @__PURE__ */ P(se, {
 				visible: p,
 				transparent: !0,
 				animationType: "fade",
-				onRequestClose: () => m(!1),
+				onRequestClose: () => h(!1),
 				children: /* @__PURE__ */ P(V, {
 					style: Q.modalOverlay,
 					activeOpacity: 1,
-					onPress: () => m(!1),
+					onPress: () => h(!1),
 					children: /* @__PURE__ */ F(V, {
 						style: [Q.modalContent, { backgroundColor: x.card }],
 						activeOpacity: 1,
@@ -2921,7 +3001,7 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 									style: [Q.modalTitle, { color: x.text }],
 									children: y || g.data.name
 								}), /* @__PURE__ */ P(V, {
-									onPress: () => m(!1),
+									onPress: () => h(!1),
 									children: /* @__PURE__ */ P(B, {
 										style: [Q.closeButton, { color: x.textMuted }],
 										children: "✕"
@@ -3107,18 +3187,18 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 		flex: 1,
 		fontSize: 14
 	}
-}), qe = ({ field: e, extra: n }) => {
-	let [r, i] = N(!1), [a, o] = N(!0), { value: s } = e, { node: c, setValue: l, error: u, label: d, helperText: f } = n, { colors: p } = h(), m = t(), g = Array.isArray(s) ? s : [], _ = g[0] || "", v = g[1] || "", y = _.split(":"), b = Number.parseInt(y[0], 10), x = Number.parseInt(y[1], 10), S = Number.isNaN(b) ? 0 : b, C = Number.isNaN(x) ? 0 : x, w = v.split(":"), T = Number.parseInt(w[0], 10), E = Number.parseInt(w[1], 10), D = Number.isNaN(T) ? 0 : T, ee = Number.isNaN(E) ? 0 : E, [O, k] = N(0), [A, j] = N(0), M = Array.from({ length: 24 }, (e, t) => t), ne = Array.from({ length: 60 }, (e, t) => t), re = () => _ && v ? `${_} - ${v}` : _ || m("renderer.defaultInputs.selectDateRange"), ie = te(() => {
-		let e = `${String(O).padStart(2, "0")}:${String(A).padStart(2, "0")}`;
-		a ? (l([e, v]), o(!1), k(D || 0), j(ee || 0)) : (l([_, e]), i(!1), o(!0));
+}), Je = ({ field: e, extra: t }) => {
+	let [n, r] = N(!1), [i, o] = N(!0), { value: s } = e, { node: c, setValue: l, error: u, label: d, helperText: f } = t, { colors: p } = m(), h = a(), g = Array.isArray(s) ? s : [], _ = g[0] || "", v = g[1] || "", y = _.split(":"), b = Number.parseInt(y[0], 10), x = Number.parseInt(y[1], 10), S = Number.isNaN(b) ? 0 : b, C = Number.isNaN(x) ? 0 : x, w = v.split(":"), T = Number.parseInt(w[0], 10), E = Number.parseInt(w[1], 10), D = Number.isNaN(T) ? 0 : T, O = Number.isNaN(E) ? 0 : E, [k, A] = N(0), [ee, j] = N(0), ne = Array.from({ length: 24 }, (e, t) => t), M = Array.from({ length: 60 }, (e, t) => t), re = () => _ && v ? `${_} - ${v}` : _ || h("renderer.defaultInputs.selectDateRange"), ie = te(() => {
+		let e = `${String(k).padStart(2, "0")}:${String(ee).padStart(2, "0")}`;
+		i ? (l([e, v]), o(!1), A(D || 0), j(O || 0)) : (l([_, e]), r(!1), o(!0));
 	}, [
-		a,
-		O,
-		A,
+		i,
+		k,
+		ee,
 		_,
 		v,
 		D,
-		ee,
+		O,
 		l
 	]);
 	return /* @__PURE__ */ F(H, {
@@ -3141,7 +3221,7 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 					u && { borderColor: p.error }
 				],
 				onPress: () => {
-					k(S || 0), j(C || 0), o(!0), i(!0);
+					A(S || 0), j(C || 0), o(!0), r(!0);
 				},
 				activeOpacity: .7,
 				children: [/* @__PURE__ */ P(B, {
@@ -3157,15 +3237,15 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 					children: "🕐"
 				})]
 			}),
-			/* @__PURE__ */ P(oe, {
-				visible: r,
+			/* @__PURE__ */ P(se, {
+				visible: n,
 				transparent: !0,
 				animationType: "fade",
-				onRequestClose: () => i(!1),
+				onRequestClose: () => r(!1),
 				children: /* @__PURE__ */ P(V, {
 					style: $.modalOverlay,
 					activeOpacity: 1,
-					onPress: () => i(!1),
+					onPress: () => r(!1),
 					children: /* @__PURE__ */ F(V, {
 						style: [$.modalContent, { backgroundColor: p.card }],
 						activeOpacity: 1,
@@ -3177,7 +3257,7 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 									style: [$.modalTitle, { color: p.text }],
 									children: d || c.data.name
 								}), /* @__PURE__ */ P(V, {
-									onPress: () => i(!1),
+									onPress: () => r(!1),
 									children: /* @__PURE__ */ P(B, {
 										style: [$.closeButton, { color: p.textMuted }],
 										children: "✕"
@@ -3188,7 +3268,7 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 								style: [$.rangeIndicator, { backgroundColor: p.primaryLight }],
 								children: /* @__PURE__ */ P(B, {
 									style: [$.rangeIndicatorText, { color: p.primary }],
-									children: m(a ? "renderer.defaultInputs.startTime" : "renderer.defaultInputs.endTime")
+									children: h(i ? "renderer.defaultInputs.startTime" : "renderer.defaultInputs.endTime")
 								})
 							}),
 							/* @__PURE__ */ F(H, {
@@ -3203,15 +3283,15 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 											style: $.picker,
 											contentContainerStyle: $.pickerContent,
 											showsVerticalScrollIndicator: !1,
-											children: M.map((e) => /* @__PURE__ */ P(V, {
-												style: [$.pickerItem, O === e && { backgroundColor: p.primary }],
-												onPress: () => k(e),
+											children: ne.map((e) => /* @__PURE__ */ P(V, {
+												style: [$.pickerItem, k === e && { backgroundColor: p.primary }],
+												onPress: () => A(e),
 												activeOpacity: .7,
 												children: /* @__PURE__ */ P(B, {
 													style: [
 														$.pickerItemText,
 														{ color: p.text },
-														O === e && {
+														k === e && {
 															color: p.background,
 															fontWeight: "600"
 														}
@@ -3234,15 +3314,15 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 											style: $.picker,
 											contentContainerStyle: $.pickerContent,
 											showsVerticalScrollIndicator: !1,
-											children: ne.map((e) => /* @__PURE__ */ P(V, {
-												style: [$.pickerItem, A === e && { backgroundColor: p.primary }],
+											children: M.map((e) => /* @__PURE__ */ P(V, {
+												style: [$.pickerItem, ee === e && { backgroundColor: p.primary }],
 												onPress: () => j(e),
 												activeOpacity: .7,
 												children: /* @__PURE__ */ P(B, {
 													style: [
 														$.pickerItemText,
 														{ color: p.text },
-														A === e && {
+														ee === e && {
 															color: p.background,
 															fontWeight: "600"
 														}
@@ -3260,7 +3340,7 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 								activeOpacity: .7,
 								children: /* @__PURE__ */ P(B, {
 									style: [$.confirmButtonText, { color: p.background }],
-									children: a ? "Next" : "Confirm"
+									children: i ? "Next" : "Confirm"
 								})
 							})
 						]
@@ -3378,71 +3458,71 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 		flex: 1,
 		fontSize: 14
 	}
-}), Je = {
-	address: pe,
-	autocomplete: ge,
-	checkbox: _e,
-	date: ve,
-	daterange: ye,
-	file: be,
-	hidden: xe,
-	http: Me,
-	number: Ne,
-	password: Fe,
-	radio: Le,
-	select: Re,
-	submit: ze,
-	switch: Be,
-	text: We,
-	textarea: He,
-	time: Ke,
-	timerange: qe
-}, Ye = ({ step: e, label: n, children: r, canGoBack: a, isLastStep: o, canContinue: s, isSubmitting: c, onBack: l, onContinue: u }) => {
-	let { colors: d } = h(), f = t(), p = !s || c, m = e.nodes.find((e) => i(e) && e.data.type === "submit"), g = m && i(m) ? f(m.data.label) : void 0, _ = o ? g || f("renderer.defaultSubmitButton.submit") : f("renderer.step.continue");
+}), Ye = {
+	address: me,
+	autocomplete: _e,
+	checkbox: ve,
+	date: ye,
+	daterange: be,
+	file: xe,
+	hidden: Se,
+	http: Ne,
+	number: Pe,
+	password: Ie,
+	radio: Re,
+	select: ze,
+	submit: Be,
+	switch: Ve,
+	text: Ge,
+	textarea: Ue,
+	time: qe,
+	timerange: Je
+}, Xe = ({ step: e, label: t, children: n, canGoBack: r, isLastStep: i, canContinue: o, isSubmitting: s, onBack: c, onContinue: l }) => {
+	let { colors: u } = m(), d = a(), f = !o || s, p = e.nodes.find((e) => S(e) && e.data.type === "submit"), h = p && S(p) ? d(p.data.label) : void 0, g = i ? h || d("renderer.defaultSubmitButton.submit") : d("renderer.step.continue");
 	return /* @__PURE__ */ F(H, { children: [
-		n ? /* @__PURE__ */ P(B, {
-			style: [Xe.label, { color: d.text }],
-			children: n
+		t ? /* @__PURE__ */ P(B, {
+			style: [Ze.label, { color: u.text }],
+			children: t
 		}) : null,
 		/* @__PURE__ */ P(H, {
-			style: Xe.content,
-			children: r
+			style: Ze.content,
+			children: n
 		}),
 		/* @__PURE__ */ F(H, {
-			style: Xe.actions,
-			children: [a ? /* @__PURE__ */ P(V, {
+			style: Ze.actions,
+			children: [r ? /* @__PURE__ */ P(V, {
 				style: [
-					Xe.backButton,
-					{ borderColor: d.border },
-					c && Xe.disabled
+					Ze.backButton,
+					{ borderColor: u.border },
+					s && Ze.disabled
 				],
-				onPress: l,
-				disabled: c,
+				onPress: c,
+				disabled: s,
 				activeOpacity: .7,
 				children: /* @__PURE__ */ P(B, {
-					style: [Xe.backButtonText, { color: d.text }],
-					children: f("renderer.step.back")
+					style: [Ze.backButtonText, { color: u.text }],
+					children: d("renderer.step.back")
 				})
 			}) : /* @__PURE__ */ P(H, {}), /* @__PURE__ */ P(V, {
 				style: [
-					Xe.continueButton,
-					{ backgroundColor: d.primary },
-					p && {
-						backgroundColor: d.primaryDisabled,
+					Ze.continueButton,
+					{ backgroundColor: u.primary },
+					f && {
+						backgroundColor: u.primaryDisabled,
 						opacity: .6
 					}
 				],
-				onPress: u,
-				disabled: p,
+				onPress: l,
+				disabled: f,
 				activeOpacity: .7,
-				children: c ? /* @__PURE__ */ P(re, { color: d.primaryForeground }) : /* @__PURE__ */ P(B, {
-					style: [Xe.continueButtonText, { color: d.primaryForeground }],
-					children: _
+				children: s ? /* @__PURE__ */ P(ie, { color: u.primaryForeground }) : /* @__PURE__ */ P(B, {
+					style: [Ze.continueButtonText, { color: u.primaryForeground }],
+					children: g
 				})
 			})]
 		})
 	] });
-}, Xe = z.create({
+}, Ze = z.create({
 	actions: {
 		alignItems: "center",
 		flexDirection: "row",
@@ -3477,11 +3557,11 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 		fontWeight: "600",
 		marginBottom: 12
 	}
-}), Ze = ({ children: e = "Submit", disabled: t, isSubmitting: n, onPress: r }) => {
-	let { colors: i } = h();
+}), Qe = ({ children: e = "Submit", disabled: t, isSubmitting: n, onPress: r }) => {
+	let { colors: i } = m();
 	return /* @__PURE__ */ P(V, {
 		style: [
-			Qe.button,
+			$e.button,
 			{ backgroundColor: i.primary },
 			(t || n) && {
 				backgroundColor: i.primaryDisabled,
@@ -3491,12 +3571,12 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 		disabled: t || n,
 		onPress: r,
 		activeOpacity: .7,
-		children: n ? /* @__PURE__ */ P(re, { color: i.primaryForeground }) : /* @__PURE__ */ P(B, {
-			style: [Qe.buttonText, { color: i.primaryForeground }],
+		children: n ? /* @__PURE__ */ P(ie, { color: i.primaryForeground }) : /* @__PURE__ */ P(B, {
+			style: [$e.buttonText, { color: i.primaryForeground }],
 			children: e
 		})
 	});
-}, Qe = z.create({
+}, $e = z.create({
 	button: {
 		alignItems: "center",
 		borderRadius: 6,
@@ -3509,16 +3589,16 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 		fontSize: 16,
 		fontWeight: "600"
 	}
-}), $e = ({ children: e }) => e, et = ({ node: e }) => {
-	let n = t(), { colors: r } = h(), i = n(e.data?.label);
+}), et = ({ children: e }) => e, tt = ({ node: e }) => {
+	let t = a(), { colors: n } = m(), r = t(e.data?.label);
 	return /* @__PURE__ */ P(B, {
-		style: [nt.title, { color: r.text }],
-		children: i
+		style: [rt.title, { color: n.text }],
+		children: r
 	});
-}, tt = () => {
-	let { colors: e } = h();
-	return /* @__PURE__ */ P(H, { style: [nt.divider, { backgroundColor: e.separator }] });
-}, nt = z.create({
+}, nt = () => {
+	let { colors: e } = m();
+	return /* @__PURE__ */ P(H, { style: [rt.divider, { backgroundColor: e.separator }] });
+}, rt = z.create({
 	divider: {
 		height: 1,
 		marginBottom: 16,
@@ -3529,24 +3609,24 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 		fontWeight: "700",
 		marginBottom: 16
 	}
-}), rt = {
-	divider: tt,
-	title: et
-}, it = ({ node: e, children: t }) => {
+}), it = {
+	divider: nt,
+	title: tt
+}, at = ({ node: e, children: t }) => {
 	let { image: n } = e.data;
 	return /* @__PURE__ */ F(H, { children: [n && /* @__PURE__ */ P(L, {
 		source: { uri: n },
-		style: at.image,
+		style: ot.image,
 		resizeMode: "cover"
 	}), t] });
-}, at = z.create({ image: {
+}, ot = z.create({ image: {
 	borderRadius: 6,
 	height: 160,
 	marginBottom: 8,
 	width: "100%"
-} }), ot = ({ style: e }) => {
-	let { colors: t } = h(), n = M(new I.Value(.5)).current;
-	return A(() => {
+} }), st = ({ style: e }) => {
+	let { colors: t } = m(), n = M(new I.Value(.5)).current;
+	return j(() => {
 		let e = I.loop(I.sequence([I.timing(n, {
 			duration: 600,
 			toValue: 1,
@@ -3558,34 +3638,34 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 		})]));
 		return e.start(), () => e.stop();
 	}, [n]), /* @__PURE__ */ P(I.View, { style: [
-		ct.bar,
+		lt.bar,
 		{
 			backgroundColor: t.muted,
 			opacity: n
 		},
 		e
 	] });
-}, st = () => /* @__PURE__ */ F(H, {
+}, ct = () => /* @__PURE__ */ F(H, {
 	accessibilityState: { busy: !0 },
 	children: [
-		/* @__PURE__ */ P(ot, { style: ct.title }),
+		/* @__PURE__ */ P(st, { style: lt.title }),
 		/* @__PURE__ */ P(H, {
-			style: ct.fields,
+			style: lt.fields,
 			children: [
 				0,
 				1,
 				2
 			].map((e) => /* @__PURE__ */ F(H, {
-				style: ct.field,
-				children: [/* @__PURE__ */ P(ot, { style: ct.fieldLabel }), /* @__PURE__ */ P(ot, { style: ct.fieldInput })]
+				style: lt.field,
+				children: [/* @__PURE__ */ P(st, { style: lt.fieldLabel }), /* @__PURE__ */ P(st, { style: lt.fieldInput })]
 			}, e))
 		}),
 		/* @__PURE__ */ P(H, {
-			style: ct.actions,
-			children: /* @__PURE__ */ P(ot, { style: ct.button })
+			style: lt.actions,
+			children: /* @__PURE__ */ P(st, { style: lt.button })
 		})
 	]
-}), ct = z.create({
+}), lt = z.create({
 	actions: {
 		alignItems: "flex-end",
 		marginTop: 24
@@ -3610,117 +3690,117 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 		marginBottom: 24,
 		width: "33%"
 	}
-}), lt = ({ baseUrl: t, components: n, contentContainerStyle: r, flow: i, googleApiKey: a, headers: o, initialValues: s, isLoading: c = !1, isSubmitting: l = !1, language: u, onBack: d, onChange: f, onSubmit: p, showPoweredBy: m, style: g, theme: _, validate: v, validationMode: y }) => {
-	let { colors: b } = h(), { canContinueStep: x, canSubmit: S, clearSubmitMessage: C, config: w, currentStep: T, currentStepGroupNode: D, currentStepIndex: ee, formErrors: O, formValues: A, goToNextStep: M, goToPreviousStep: N, handleSubmit: ne, inputNodes: re, isFirstStep: ie, isLastStep: I, isSubmitting: ae, missingRequiredFields: L, setFieldValue: oe, steps: z, submitMessage: se, t: ce } = E({
-		baseUrl: t,
-		components: n,
-		flow: i,
-		googleApiKey: a,
-		headers: o,
-		initialValues: s,
-		language: u,
+}), ut = ({ baseUrl: e, components: t, contentContainerStyle: n, flow: r, googleApiKey: i, headers: a, initialValues: o, isLoading: s = !1, isSubmitting: c = !1, language: l, onBack: u, onChange: f, onSubmit: p, showPoweredBy: h, style: g, theme: _, validate: v, validationMode: y }) => {
+	let { colors: b } = m(), { canContinueStep: x, canSubmit: S, clearSubmitMessage: C, config: w, currentStep: T, currentStepGroupNode: E, currentStepIndex: O, formErrors: k, formValues: A, goToNextStep: j, goToPreviousStep: M, handleSubmit: N, inputNodes: re, isFirstStep: ie, isLastStep: ae, isSubmitting: I, missingRequiredFields: oe, setFieldValue: L, steps: se, submitMessage: z, t: ce } = D({
+		baseUrl: e,
+		components: t,
+		flow: r,
+		googleApiKey: i,
+		headers: a,
+		initialValues: o,
+		language: l,
 		onChange: f,
 		onSubmit: p,
-		showPoweredBy: m,
+		showPoweredBy: h,
 		theme: _,
 		validate: v,
 		validationMode: y
-	}), V = l || ae, { FormWrapper: ue, SubmitButtonWrapper: de, renderNode: fe } = k({
+	}), le = c || I, { FormWrapper: V, SubmitButtonWrapper: de, renderNode: fe } = ee({
 		config: w,
-		DefaultFormWrapper: le,
-		DefaultInputWrapper: it,
-		DefaultSubmitButton: Ze,
-		DefaultSubmitButtonWrapper: $e,
-		defaultInputRenderers: Je,
-		defaultUI: rt,
-		formErrors: O,
+		DefaultFormWrapper: ue,
+		DefaultInputWrapper: at,
+		DefaultSubmitButton: Qe,
+		DefaultSubmitButtonWrapper: et,
+		defaultInputRenderers: Ye,
+		defaultUI: it,
+		formErrors: k,
 		formValues: A,
 		inputNodes: re,
-		isSubmitting: V,
-		missingRequiredFields: L,
-		setFieldValue: oe
-	}), pe = w.components.step ?? Ye, U = w.components.loadingSkeleton ?? st, me = j(() => ce(D?.data?.label), [ce, D]), he = te(() => {
-		if (I) {
-			ne();
+		isSubmitting: le,
+		missingRequiredFields: oe,
+		setFieldValue: L
+	}), pe = w.components.step ?? Xe, me = w.components.loadingSkeleton ?? ct, U = ne(() => ce(E?.data?.label), [ce, E]), he = te(() => {
+		if (ae) {
+			N();
 			return;
 		}
-		M();
+		j();
 	}, [
-		I,
-		ne,
-		M
+		ae,
+		N,
+		j
 	]), ge = te(() => {
 		if (ie) {
-			d?.();
+			u?.();
 			return;
 		}
-		N();
+		M();
 	}, [
 		ie,
-		d,
-		N
-	]), W = !ie || !!d;
+		u,
+		M
+	]), _e = !ie || !!u;
 	return /* @__PURE__ */ P(R, {
 		nestedScrollEnabled: !0,
 		style: [
-			dt.container,
+			ft.container,
 			{ backgroundColor: b.background },
 			g
 		],
-		contentContainerStyle: r,
-		children: c ? /* @__PURE__ */ P(U, {}) : /* @__PURE__ */ F(e, {
+		contentContainerStyle: n,
+		children: s ? /* @__PURE__ */ P(me, {}) : /* @__PURE__ */ F(d, {
 			value: {
 				baseUrl: w.baseUrl,
-				flow: i,
-				formErrors: O,
+				flow: r,
+				formErrors: k,
 				formValues: A,
 				googleApiKey: w.googleApiKey,
 				headers: w.headers,
 				inputNodes: re,
 				language: w.language,
-				setFieldValue: oe
+				setFieldValue: L
 			},
-			children: [/* @__PURE__ */ F(ue, {
-				onSubmit: ne,
+			children: [/* @__PURE__ */ F(V, {
+				onSubmit: N,
 				children: [T && /* @__PURE__ */ P(de, {
-					missingFields: L,
+					missingFields: oe,
 					children: /* @__PURE__ */ P(pe, {
 						step: T,
-						groupNode: D,
-						stepIndex: ee,
-						totalSteps: z.length,
+						groupNode: E,
+						stepIndex: O,
+						totalSteps: se.length,
 						isFirstStep: ie,
-						isLastStep: I,
-						canContinue: x && (!I || S),
-						canGoBack: W,
-						isSubmitting: V,
+						isLastStep: ae,
+						canContinue: x && (!ae || S),
+						canGoBack: _e,
+						isSubmitting: le,
 						onBack: ge,
 						onContinue: he,
-						label: me,
+						label: U,
 						children: T.nodes.map((e) => fe(e))
 					})
 				}), w.showPoweredBy && /* @__PURE__ */ P(B, {
-					style: [dt.poweredBy, { color: b.textMuted }],
+					style: [ft.poweredBy, { color: b.textMuted }],
 					children: "Powered by Treege"
 				})]
-			}), se && /* @__PURE__ */ F(H, {
-				style: [dt.message, { backgroundColor: se.type === "success" ? b.successBg : b.errorBg }],
+			}), z && /* @__PURE__ */ F(H, {
+				style: [ft.message, { backgroundColor: z.type === "success" ? b.successBg : b.errorBg }],
 				children: [/* @__PURE__ */ P(B, {
-					style: [dt.messageText, { color: se.type === "success" ? b.success : b.error }],
-					children: se.message
+					style: [ft.messageText, { color: z.type === "success" ? b.success : b.error }],
+					children: z.message
 				}), /* @__PURE__ */ P(B, {
-					style: [dt.messageClose, { color: se.type === "success" ? b.success : b.error }],
+					style: [ft.messageClose, { color: z.type === "success" ? b.success : b.error }],
 					onPress: C,
 					children: ce("common.close")
 				})]
 			})]
 		})
 	});
-}, ut = (e) => /* @__PURE__ */ P(b, {
+}, dt = (e) => /* @__PURE__ */ P(v, {
 	theme: e.theme,
 	storageKey: "treege-renderer-theme",
-	children: /* @__PURE__ */ P(lt, { ...e })
-}), dt = z.create({
+	children: /* @__PURE__ */ P(ut, { ...e })
+}), ft = z.create({
 	container: { flex: 1 },
 	message: {
 		borderRadius: 6,
@@ -3743,4 +3823,4 @@ var le = ({ children: e }) => /* @__PURE__ */ P(H, {
 	}
 });
 //#endregion
-export { pe as DefaultAddressInput, ge as DefaultAutocompleteInput, _e as DefaultCheckboxInput, ve as DefaultDateInput, ye as DefaultDateRangeInput, tt as DefaultDividerUI, be as DefaultFileInput, xe as DefaultHiddenInput, Me as DefaultHttpInput, Ne as DefaultNumberInput, Fe as DefaultPasswordInput, Le as DefaultRadioInput, Re as DefaultSelectInput, Be as DefaultSwitchInput, We as DefaultTextInput, He as DefaultTextareaInput, Ke as DefaultTimeInput, qe as DefaultTimeRangeInput, et as DefaultTitleUI, ut as TreegeRenderer, C as TreegeRendererProvider, v as applyReferenceTransformation, f as buildInitialFormValues, c as calculateReferenceFieldUpdates, g as checkFormFieldHasValue, y as convertFormValuesToNamedFormat, Je as defaultInputRenderers, rt as defaultUI, D as evaluateCondition, O as evaluateConditions, _ as fileToSerializable, m as filesToSerializable, ee as findStartNode, w as getFlowRenderState, r as getTranslatedText, u as isFieldEmpty, S as isStartNode, Ee as sanitize, Oe as sanitizeHttpResponse, d as serializableToFile, E as useTreegeRenderer, T as useTreegeRendererConfig };
+export { me as DefaultAddressInput, _e as DefaultAutocompleteInput, ve as DefaultCheckboxInput, ye as DefaultDateInput, be as DefaultDateRangeInput, nt as DefaultDividerUI, xe as DefaultFileInput, Se as DefaultHiddenInput, Ne as DefaultHttpInput, Pe as DefaultNumberInput, Ie as DefaultPasswordInput, Re as DefaultRadioInput, ze as DefaultSelectInput, Ve as DefaultSwitchInput, Ge as DefaultTextInput, Ue as DefaultTextareaInput, qe as DefaultTimeInput, Je as DefaultTimeRangeInput, tt as DefaultTitleUI, dt as TreegeRenderer, w as TreegeRendererProvider, g as applyReferenceTransformation, u as buildInitialFormValues, o as calculateReferenceFieldUpdates, h as checkFormFieldHasValue, _ as convertFormValuesToNamedFormat, Ye as defaultInputRenderers, it as defaultUI, O as evaluateCondition, A as evaluateConditions, p as fileToSerializable, l as filesToSerializable, k as findStartNode, T as getFlowRenderState, r as getTranslatedText, s as isFieldEmpty, C as isStartNode, f as resolveNodeDefaultValue, De as sanitize, ke as sanitizeHttpResponse, c as serializableToFile, D as useTreegeRenderer, E as useTreegeRendererConfig };