treege 3.0.0-beta.75 → 3.0.0-beta.76

package/dist/renderer-native.js

@@ -1,13 +1,30 @@
-import { A as e, B as t, C as n, F as r, H as i, O as a, P as o, T as s, _ as c, a as l, b as u, c as d, g as f, h as p, i as m, j as h, k as g, l as _, m as v, n as y, o as b, r as x, s as S, t as C, x as w } from "./ThemeContext-CSH4Fupd.js";
-import { a as T, c as E, i as D, l as O, n as ee, o as k, r as te, s as A, t as ne } from "./useRenderNode-GobhZp-Y.js";
-import { useCallback as re, useEffect as j, useMemo as ie, useRef as M, useState as N } from "react";
-import { Fragment as ae, jsx as P, jsxs as F } from "react/jsx-runtime";
-import { ActivityIndicator as oe, Alert as se, Animated as I, FlatList as ce, Image as L, Modal as le, ScrollView as R, StyleSheet as z, Switch as ue, Text as B, TextInput as de, TouchableOpacity as V, View as H } from "react-native";
+import { A as e, B as t, C as n, F as r, H as i, O as a, P as o, T as s, _ as c, a as l, b as u, c as d, g as f, h as p, i as m, j as h, k as g, l as _, m as v, n as y, o as b, r as x, s as S, t as C, x as w } from "./ThemeContext-DeWmeqHK.js";
+import { a as T, c as E, i as D, l as O, n as k, o as A, r as j, s as ee, t as te } from "./useRenderNode-DJ0mFozt.js";
+import { useCallback as ne, useEffect as M, useMemo as re, useRef as N, useState as P } from "react";
+import { Fragment as ie, jsx as F, jsxs as I } from "react/jsx-runtime";
+import { ActivityIndicator as ae, Alert as oe, Animated as se, FlatList as ce, Image as L, Modal as le, ScrollView as R, StyleSheet as z, Switch as ue, Text as B, TextInput as de, TouchableOpacity as V, View as H } from "react-native";
 //#region src/renderer/features/TreegeRenderer/native/components/DefaultFormWrapper.tsx
-var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
+var fe = ({ children: e }) => /* @__PURE__ */ F(H, {
 	style: pe.container,
 	children: e
-}), pe = z.create({ container: { padding: 16 } }), me = async (e, t) => {
+}), pe = z.create({ container: { padding: 16 } }), me = ({ label: e, required: t, style: n }) => {
+	let { colors: r } = y();
+	return e ? /* @__PURE__ */ I(B, {
+		style: [
+			he.label,
+			{ color: r.textSecondary },
+			n
+		],
+		children: [e, t && /* @__PURE__ */ F(B, {
+			style: { color: r.error },
+			children: "*"
+		})]
+	}) : null;
+}, he = z.create({ label: {
+	fontSize: 14,
+	fontWeight: "500",
+	marginBottom: 8
+} }), ge = 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 +39,7 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 	} catch (e) {
 		return console.error("Nominatim fetch error:", e), [];
 	}
-}, he = async (e, t) => {
+}, _e = 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,147 +52,144 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 	} catch (e) {
 		return console.error("Google Places fetch error:", e), [];
 	}
-}, ge = ({ field: e, extra: t }) => {
-	let [n, i] = N(""), [a, o] = N([]), [s, c] = N(!1), [l, u] = N(!1), { value: d, placeholder: f, id: p, name: m } = e, { node: g, setValue: _, error: v, label: b, helperText: x } = t, { language: S, googleApiKey: C } = r(), w = h(), { colors: T } = y(), E = re((e) => {
-		_(e.value), i(""), c(!1), o([]);
-	}, [_]), D = () => {
+}, ve = ({ field: e, extra: t }) => {
+	let [n, i] = P(""), [a, o] = P([]), [s, c] = P(!1), [l, u] = P(!1), { value: d, placeholder: f, id: p, name: m } = e, { InputLabel: g, node: _, setValue: v, error: b, label: x, helperText: S } = t, { language: C, googleApiKey: w } = r(), T = h(), { colors: E } = y(), D = ne((e) => {
+		v(e.value), i(""), c(!1), o([]);
+	}, [v]), O = () => {
 		c(!1);
 	};
-	return j(() => {
+	return M(() => {
 		if (!n || n.trim().length < 3) {
 			o([]), u(!1);
 			return;
 		}
 		u(!0);
 		let e = setTimeout(async () => {
-			o(C ? await he(n, C) : await me(n, S)), u(!1);
+			o(w ? await _e(n, w) : await ge(n, C)), u(!1);
 		}, 300);
 		return () => {
 			clearTimeout(e), u(!1);
 		};
 	}, [
 		n,
-		S,
-		C
-	]), /* @__PURE__ */ F(H, {
+		C,
+		w
+	]), /* @__PURE__ */ I(H, {
 		style: U.container,
 		children: [
-			/* @__PURE__ */ F(B, {
-				style: [U.label, { color: T.textSecondary }],
-				children: [b || g.data.name, g.data.required && /* @__PURE__ */ P(B, {
-					style: { color: T.error },
-					children: "*"
-				})]
+			/* @__PURE__ */ F(g, {
+				label: x,
+				required: _.data.required
 			}),
-			/* @__PURE__ */ F(V, {
+			/* @__PURE__ */ I(V, {
 				style: [
 					U.trigger,
 					{
-						backgroundColor: T.input,
-						borderColor: T.border
+						backgroundColor: E.input,
+						borderColor: E.border
 					},
-					v && { borderColor: T.error }
+					b && { borderColor: E.error }
 				],
 				onPress: () => c(!0),
 				activeOpacity: .7,
-				children: [/* @__PURE__ */ P(B, {
+				children: [/* @__PURE__ */ F(B, {
 					style: [
 						U.triggerText,
-						{ color: T.text },
-						!d && { color: T.textMuted }
+						{ color: E.text },
+						!d && { color: E.textMuted }
 					],
 					numberOfLines: 1,
-					children: d || f || w("renderer.defaultAddressInput.enterAddress")
-				}), /* @__PURE__ */ P(B, {
+					children: d || f || T("renderer.defaultAddressInput.enterAddress")
+				}), /* @__PURE__ */ F(B, {
 					style: U.icon,
 					children: "📍"
 				})]
 			}),
-			/* @__PURE__ */ P(le, {
+			/* @__PURE__ */ F(le, {
 				visible: s,
 				transparent: !0,
 				animationType: "fade",
-				onRequestClose: D,
-				children: /* @__PURE__ */ P(V, {
+				onRequestClose: O,
+				children: /* @__PURE__ */ F(V, {
 					style: U.modalOverlay,
 					activeOpacity: 1,
-					onPress: D,
-					children: /* @__PURE__ */ F(V, {
-						style: [U.modalContent, { backgroundColor: T.card }],
+					onPress: O,
+					children: /* @__PURE__ */ I(V, {
+						style: [U.modalContent, { backgroundColor: E.card }],
 						activeOpacity: 1,
 						onPress: () => {},
 						children: [
-							/* @__PURE__ */ F(H, {
-								style: [U.modalHeader, { borderBottomColor: T.separator }],
-								children: [/* @__PURE__ */ P(B, {
-									style: [U.modalTitle, { color: T.text }],
-									children: b || g.data.name
-								}), /* @__PURE__ */ P(V, {
-									onPress: D,
-									children: /* @__PURE__ */ P(B, {
-										style: [U.closeButton, { color: T.textMuted }],
+							/* @__PURE__ */ I(H, {
+								style: [U.modalHeader, { borderBottomColor: E.separator }],
+								children: [/* @__PURE__ */ F(B, {
+									style: [U.modalTitle, { color: E.text }],
+									children: x || f || T("renderer.defaultAddressInput.enterAddress")
+								}), /* @__PURE__ */ F(V, {
+									onPress: O,
+									children: /* @__PURE__ */ F(B, {
+										style: [U.closeButton, { color: E.textMuted }],
 										children: "✕"
 									})
 								})]
 							}),
-							/* @__PURE__ */ F(H, {
+							/* @__PURE__ */ I(H, {
 								style: U.searchContainer,
-								children: [/* @__PURE__ */ P(de, {
+								children: [/* @__PURE__ */ F(de, {
 									style: [U.searchInput, {
-										backgroundColor: T.muted,
-										borderColor: T.border,
-										color: T.text
+										backgroundColor: E.muted,
+										borderColor: E.border,
+										color: E.text
 									}],
-									placeholder: f || w("renderer.defaultAddressInput.enterAddress"),
-									placeholderTextColor: T.textMuted,
+									placeholder: f || T("renderer.defaultAddressInput.enterAddress"),
+									placeholderTextColor: E.textMuted,
 									value: n,
 									onChangeText: i,
 									autoFocus: !0,
 									autoCapitalize: "none",
 									autoCorrect: !1
-								}), l && /* @__PURE__ */ P(oe, {
+								}), l && /* @__PURE__ */ F(ae, {
 									size: "small",
-									color: T.primary,
+									color: E.primary,
 									style: U.searchLoader
 								})]
 							}),
-							l ? /* @__PURE__ */ F(H, {
+							l ? /* @__PURE__ */ I(H, {
 								style: U.loadingContainer,
-								children: [/* @__PURE__ */ P(oe, {
+								children: [/* @__PURE__ */ F(ae, {
 									size: "small",
-									color: T.primary
-								}), /* @__PURE__ */ P(B, {
-									style: [U.loadingText, { color: T.textMuted }],
-									children: w("renderer.defaultAddressInput.searching")
+									color: E.primary
+								}), /* @__PURE__ */ F(B, {
+									style: [U.loadingText, { color: E.textMuted }],
+									children: T("renderer.defaultAddressInput.searching")
 								})]
-							}) : /* @__PURE__ */ P(ce, {
+							}) : /* @__PURE__ */ F(ce, {
 								data: a,
 								keyExtractor: (e, t) => t.toString(),
 								style: U.suggestionsList,
 								contentContainerStyle: U.suggestionsListContent,
 								keyboardShouldPersistTaps: "handled",
-								ListEmptyComponent: n.length >= 3 ? /* @__PURE__ */ P(H, {
+								ListEmptyComponent: n.length >= 3 ? /* @__PURE__ */ F(H, {
 									style: U.emptyContainer,
-									children: /* @__PURE__ */ P(B, {
-										style: [U.emptyText, { color: T.textMuted }],
-										children: w("renderer.defaultAddressInput.noAddressesFound")
+									children: /* @__PURE__ */ F(B, {
+										style: [U.emptyText, { color: E.textMuted }],
+										children: T("renderer.defaultAddressInput.noAddressesFound")
 									})
-								}) : /* @__PURE__ */ P(H, {
+								}) : /* @__PURE__ */ F(H, {
 									style: U.emptyContainer,
-									children: /* @__PURE__ */ P(B, {
-										style: [U.emptyText, { color: T.textMuted }],
-										children: w("renderer.defaultAddressInput.typeMinChars")
+									children: /* @__PURE__ */ F(B, {
+										style: [U.emptyText, { color: E.textMuted }],
+										children: T("renderer.defaultAddressInput.typeMinChars")
 									})
 								}),
-								renderItem: ({ item: e }) => /* @__PURE__ */ F(V, {
+								renderItem: ({ item: e }) => /* @__PURE__ */ I(V, {
 									style: U.suggestionItem,
-									onPress: () => E(e),
+									onPress: () => D(e),
 									activeOpacity: .7,
-									children: [/* @__PURE__ */ P(B, {
+									children: [/* @__PURE__ */ F(B, {
 										style: U.suggestionIcon,
 										children: "📍"
-									}), /* @__PURE__ */ P(B, {
-										style: [U.suggestionText, { color: T.text }],
+									}), /* @__PURE__ */ F(B, {
+										style: [U.suggestionText, { color: E.text }],
 										numberOfLines: 2,
 										children: e.label
 									})]
@@ -185,13 +199,13 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 					})
 				})
 			}),
-			v && /* @__PURE__ */ P(B, {
-				style: [U.error, { color: T.error }],
-				children: v
+			b && /* @__PURE__ */ F(B, {
+				style: [U.error, { color: E.error }],
+				children: b
 			}),
-			x && !v && /* @__PURE__ */ P(B, {
-				style: [U.helperText, { color: T.textMuted }],
-				children: x
+			S && !b && /* @__PURE__ */ F(B, {
+				style: [U.helperText, { color: E.textMuted }],
+				children: S
 			})
 		]
 	});
@@ -215,11 +229,6 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 		marginTop: 4
 	},
 	icon: { fontSize: 16 },
-	label: {
-		fontSize: 14,
-		fontWeight: "500",
-		marginBottom: 8
-	},
 	loadingContainer: {
 		alignItems: "center",
 		flexDirection: "row",
@@ -305,25 +314,25 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 		flex: 1,
 		fontSize: 14
 	}
-}), _e = ({ label: e, description: t, image: n, disabled: r }) => {
+}), ye = ({ label: e, description: t, image: n, disabled: r }) => {
 	let { colors: i } = y();
-	return /* @__PURE__ */ F(H, {
-		style: ve.content,
-		children: [n ? /* @__PURE__ */ P(L, {
+	return /* @__PURE__ */ I(H, {
+		style: be.content,
+		children: [n ? /* @__PURE__ */ F(L, {
 			source: { uri: n },
-			style: ve.image
-		}) : null, /* @__PURE__ */ F(H, {
-			style: ve.textWrapper,
-			children: [/* @__PURE__ */ P(B, {
-				style: [ve.label, { color: r ? i.textMuted : i.text }],
+			style: be.image
+		}) : null, /* @__PURE__ */ I(H, {
+			style: be.textWrapper,
+			children: [/* @__PURE__ */ F(B, {
+				style: [be.label, { color: r ? i.textMuted : i.text }],
 				children: e
-			}), t ? /* @__PURE__ */ P(B, {
-				style: [ve.description, { color: i.textMuted }],
+			}), t ? /* @__PURE__ */ F(B, {
+				style: [be.description, { color: i.textMuted }],
 				children: t
 			}) : null]
 		})]
 	});
-}, ve = z.create({
+}, be = z.create({
 	content: {
 		alignItems: "center",
 		flex: 1,
@@ -341,53 +350,50 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 	},
 	label: { fontSize: 14 },
 	textWrapper: { flex: 1 }
-}), ye = ({ field: e, extra: t }) => {
-	let [n, r] = N(!1), [i, a] = N(""), { value: o, placeholder: s } = e, { node: c, setValue: l, error: u, label: d, helperText: f } = t, p = h(), { colors: m } = y(), g = c.data.options || [], _ = g.find((e) => e.value === o), v = ie(() => {
-		if (!i.trim()) return g;
+}), xe = ({ field: e, extra: t }) => {
+	let [n, r] = P(!1), [i, a] = P(""), { value: o, placeholder: s } = e, { InputLabel: c, node: l, setValue: u, error: d, label: f, helperText: p } = t, m = h(), { colors: g } = y(), _ = l.data.options || [], v = _.find((e) => e.value === o), b = re(() => {
+		if (!i.trim()) return _;
 		let e = i.toLowerCase();
-		return g.filter((t) => p(t.label).toLowerCase().includes(e) || t.value.toLowerCase().includes(e));
+		return _.filter((t) => m(t.label).toLowerCase().includes(e) || t.value.toLowerCase().includes(e));
 	}, [
-		g,
+		_,
 		i,
-		p
-	]), b = (e) => {
-		l(e === o ? "" : e), r(!1), a("");
-	}, x = () => {
+		m
+	]), x = (e) => {
+		u(e === o ? "" : e), r(!1), a("");
+	}, S = () => {
 		r(!1), a("");
 	};
-	return /* @__PURE__ */ F(H, {
+	return /* @__PURE__ */ I(H, {
 		style: W.container,
 		children: [
-			/* @__PURE__ */ F(B, {
-				style: [W.label, { color: m.textSecondary }],
-				children: [d || c.data.name, c.data.required && /* @__PURE__ */ P(B, {
-					style: { color: m.error },
-					children: "*"
-				})]
+			/* @__PURE__ */ F(c, {
+				label: f,
+				required: l.data.required
 			}),
-			/* @__PURE__ */ F(V, {
+			/* @__PURE__ */ I(V, {
 				style: [
 					W.trigger,
 					{
-						backgroundColor: m.input,
-						borderColor: m.border
+						backgroundColor: g.input,
+						borderColor: g.border
 					},
-					u && { borderColor: m.error }
+					d && { borderColor: g.error }
 				],
 				onPress: () => r(!0),
 				activeOpacity: .7,
 				children: [
-					/* @__PURE__ */ P(B, {
+					/* @__PURE__ */ F(B, {
 						style: [
 							W.triggerText,
-							{ color: m.text },
-							!o && { color: m.textMuted }
+							{ color: g.text },
+							!o && { color: g.textMuted }
 						],
 						numberOfLines: 1,
-						children: o && _ ? p(_.label) : s || p("renderer.defaultAutocompleteInput.selectOption")
+						children: o && v ? m(v.label) : s || m("renderer.defaultAutocompleteInput.selectOption")
 					}),
-					o ? /* @__PURE__ */ P(V, {
-						onPress: () => l(""),
+					o ? /* @__PURE__ */ F(V, {
+						onPress: () => u(""),
 						hitSlop: {
 							bottom: 8,
 							left: 8,
@@ -395,54 +401,54 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 							top: 8
 						},
 						style: W.clearButton,
-						children: /* @__PURE__ */ P(B, {
-							style: [W.clearIcon, { color: m.textMuted }],
+						children: /* @__PURE__ */ F(B, {
+							style: [W.clearIcon, { color: g.textMuted }],
 							children: "✕"
 						})
 					}) : null,
-					/* @__PURE__ */ P(B, {
-						style: [W.arrow, { color: m.textMuted }],
+					/* @__PURE__ */ F(B, {
+						style: [W.arrow, { color: g.textMuted }],
 						children: "▼"
 					})
 				]
 			}),
-			/* @__PURE__ */ P(le, {
+			/* @__PURE__ */ F(le, {
 				visible: n,
 				transparent: !0,
 				animationType: "fade",
-				onRequestClose: x,
-				children: /* @__PURE__ */ P(V, {
+				onRequestClose: S,
+				children: /* @__PURE__ */ F(V, {
 					style: W.modalOverlay,
 					activeOpacity: 1,
-					onPress: x,
-					children: /* @__PURE__ */ F(V, {
-						style: [W.modalContent, { backgroundColor: m.card }],
+					onPress: S,
+					children: /* @__PURE__ */ I(V, {
+						style: [W.modalContent, { backgroundColor: g.card }],
 						activeOpacity: 1,
 						onPress: () => {},
 						children: [
-							/* @__PURE__ */ F(H, {
-								style: [W.modalHeader, { borderBottomColor: m.separator }],
-								children: [/* @__PURE__ */ P(B, {
-									style: [W.modalTitle, { color: m.text }],
-									children: d || c.data.name
-								}), /* @__PURE__ */ P(V, {
-									onPress: x,
-									children: /* @__PURE__ */ P(B, {
-										style: [W.closeButton, { color: m.textMuted }],
+							/* @__PURE__ */ I(H, {
+								style: [W.modalHeader, { borderBottomColor: g.separator }],
+								children: [/* @__PURE__ */ F(B, {
+									style: [W.modalTitle, { color: g.text }],
+									children: f || s || m("renderer.defaultAutocompleteInput.selectOption")
+								}), /* @__PURE__ */ F(V, {
+									onPress: S,
+									children: /* @__PURE__ */ F(B, {
+										style: [W.closeButton, { color: g.textMuted }],
 										children: "✕"
 									})
 								})]
 							}),
-							/* @__PURE__ */ P(H, {
+							/* @__PURE__ */ F(H, {
 								style: W.searchContainer,
-								children: /* @__PURE__ */ P(de, {
+								children: /* @__PURE__ */ F(de, {
 									style: [W.searchInput, {
-										backgroundColor: m.muted,
-										borderColor: m.border,
-										color: m.text
+										backgroundColor: g.muted,
+										borderColor: g.border,
+										color: g.text
 									}],
-									placeholder: s || p("renderer.defaultAutocompleteInput.search"),
-									placeholderTextColor: m.textMuted,
+									placeholder: s || m("renderer.defaultAutocompleteInput.search"),
+									placeholderTextColor: g.textMuted,
 									value: i,
 									onChangeText: a,
 									autoFocus: !0,
@@ -450,32 +456,32 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 									autoCorrect: !1
 								})
 							}),
-							/* @__PURE__ */ P(ce, {
-								data: v,
+							/* @__PURE__ */ F(ce, {
+								data: b,
 								keyExtractor: (e) => e.value,
 								style: W.optionsList,
 								contentContainerStyle: W.optionsListContent,
-								ListEmptyComponent: /* @__PURE__ */ P(H, {
+								ListEmptyComponent: /* @__PURE__ */ F(H, {
 									style: W.emptyContainer,
-									children: /* @__PURE__ */ P(B, {
-										style: [W.emptyText, { color: m.textMuted }],
-										children: p("renderer.defaultAutocompleteInput.noResults")
+									children: /* @__PURE__ */ F(B, {
+										style: [W.emptyText, { color: g.textMuted }],
+										children: m("renderer.defaultAutocompleteInput.noResults")
 									})
 								}),
 								renderItem: ({ item: e }) => {
 									let t = e.value === o;
-									return /* @__PURE__ */ F(V, {
-										style: [W.option, t && { backgroundColor: m.primaryLight }],
-										onPress: () => b(e.value),
+									return /* @__PURE__ */ I(V, {
+										style: [W.option, t && { backgroundColor: g.primaryLight }],
+										onPress: () => x(e.value),
 										disabled: e.disabled,
 										activeOpacity: .7,
-										children: [/* @__PURE__ */ P(_e, {
-											label: p(e.label) || e.value,
-											description: p(e.description),
+										children: [/* @__PURE__ */ F(ye, {
+											label: m(e.label) || e.value,
+											description: m(e.description),
 											image: e.image,
 											disabled: e.disabled
-										}), t && /* @__PURE__ */ P(B, {
-											style: [W.checkmark, { color: m.primary }],
+										}), t && /* @__PURE__ */ F(B, {
+											style: [W.checkmark, { color: g.primary }],
 											children: "✓"
 										})]
 									});
@@ -485,13 +491,13 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 					})
 				})
 			}),
-			u && /* @__PURE__ */ P(B, {
-				style: [W.error, { color: m.error }],
-				children: u
+			d && /* @__PURE__ */ F(B, {
+				style: [W.error, { color: g.error }],
+				children: d
 			}),
-			f && !u && /* @__PURE__ */ P(B, {
-				style: [W.helperText, { color: m.textMuted }],
-				children: f
+			p && !d && /* @__PURE__ */ F(B, {
+				style: [W.helperText, { color: g.textMuted }],
+				children: p
 			})
 		]
 	});
@@ -524,11 +530,6 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 		fontSize: 12,
 		marginTop: 4
 	},
-	label: {
-		fontSize: 14,
-		fontWeight: "500",
-		marginBottom: 8
-	},
 	modalContent: {
 		borderRadius: 12,
 		maxHeight: "80%",
@@ -587,108 +588,105 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 		flex: 1,
 		fontSize: 14
 	}
-}), be = ({ field: e, extra: t }) => {
-	let n = h(), { value: r } = e, { node: i, setValue: a, error: o, label: s, helperText: c } = t, { colors: l } = y(), u = i.data.options || [], d = u.length > 0, f = Array.isArray(r) ? r : [], p = typeof r == "boolean" ? r : !1, m = (e) => {
-		a(d ? f.includes(e) ? f.filter((t) => t !== e) : [...f, e] : !p);
-	}, g = (e) => d ? f.includes(e) : p;
-	return /* @__PURE__ */ F(H, {
+}), Se = ({ field: e, extra: t }) => {
+	let n = h(), { value: r } = e, { InputLabel: i, node: a, setValue: o, error: s, label: c, helperText: l } = t, { colors: u } = y(), d = a.data.options || [], f = d.length > 0, p = Array.isArray(r) ? r : [], m = typeof r == "boolean" ? r : !1, g = (e) => {
+		o(f ? p.includes(e) ? p.filter((t) => t !== e) : [...p, e] : !m);
+	}, _ = (e) => f ? p.includes(e) : m;
+	return /* @__PURE__ */ I(H, {
 		style: G.container,
 		children: [
-			/* @__PURE__ */ F(B, {
-				style: [G.label, { color: l.textSecondary }],
-				children: [s || i.data.name, i.data.required && /* @__PURE__ */ P(B, {
-					style: { color: l.error },
-					children: "*"
-				})]
+			/* @__PURE__ */ F(i, {
+				label: c,
+				required: a.data.required
 			}),
-			u.length > 0 ? u.map((e) => {
+			d.length > 0 ? d.map((e) => {
 				let t = n(e.description);
-				return /* @__PURE__ */ F(V, {
+				return /* @__PURE__ */ I(V, {
 					style: G.option,
-					onPress: () => m(e.value),
+					onPress: () => g(e.value),
 					disabled: e.disabled,
 					activeOpacity: .7,
 					accessible: !0,
 					accessibilityRole: "checkbox",
 					accessibilityState: {
-						checked: g(e.value),
+						checked: _(e.value),
 						disabled: e.disabled
 					},
 					accessibilityLabel: n(e.label) || e.value,
 					children: [
-						/* @__PURE__ */ P(H, {
+						/* @__PURE__ */ F(H, {
 							style: [
 								G.checkbox,
 								{
-									backgroundColor: l.input,
-									borderColor: l.border
+									backgroundColor: u.input,
+									borderColor: u.border
 								},
-								g(e.value) && {
-									backgroundColor: l.primary,
-									borderColor: l.primary
+								_(e.value) && {
+									backgroundColor: u.primary,
+									borderColor: u.primary
 								}
 							],
-							children: g(e.value) && /* @__PURE__ */ P(B, {
+							children: _(e.value) && /* @__PURE__ */ F(B, {
 								style: G.checkmark,
 								children: "✓"
 							})
 						}),
-						e.image ? /* @__PURE__ */ P(L, {
+						e.image ? /* @__PURE__ */ F(L, {
 							source: { uri: e.image },
 							style: G.image
 						}) : null,
-						/* @__PURE__ */ F(H, {
+						/* @__PURE__ */ I(H, {
 							style: G.optionTextContainer,
-							children: [/* @__PURE__ */ P(B, {
+							children: [/* @__PURE__ */ F(B, {
 								style: [
 									G.optionLabel,
-									{ color: l.textSecondary },
-									e.disabled && { color: l.textMuted }
+									{ color: u.textSecondary },
+									e.disabled && { color: u.textMuted }
 								],
 								children: n(e.label) || e.value
-							}), t && /* @__PURE__ */ P(B, {
-								style: [G.optionDescription, { color: l.textMuted }],
+							}), t && /* @__PURE__ */ F(B, {
+								style: [G.optionDescription, { color: u.textMuted }],
 								children: t
 							})]
 						})
 					]
 				}, e.value);
-			}) : /* @__PURE__ */ F(V, {
+			}) : /* @__PURE__ */ I(V, {
 				style: G.option,
-				onPress: () => m(""),
+				onPress: () => g(""),
 				activeOpacity: .7,
 				accessible: !0,
 				accessibilityRole: "checkbox",
-				accessibilityState: { checked: p },
-				accessibilityLabel: s || i.data.name,
-				children: [/* @__PURE__ */ P(H, {
+				accessibilityState: { checked: m },
+				accessibilityLabel: c || a.data.name,
+				children: [/* @__PURE__ */ F(H, {
 					style: [
 						G.checkbox,
 						{
-							backgroundColor: l.input,
-							borderColor: l.border
+							backgroundColor: u.input,
+							borderColor: u.border
 						},
-						p && {
-							backgroundColor: l.primary,
-							borderColor: l.primary
+						m && {
+							backgroundColor: u.primary,
+							borderColor: u.primary
 						}
 					],
-					children: p && /* @__PURE__ */ P(B, {
+					children: m && /* @__PURE__ */ F(B, {
 						style: G.checkmark,
 						children: "✓"
 					})
-				}), /* @__PURE__ */ P(B, {
-					style: [G.optionLabel, { color: l.textSecondary }],
-					children: s || i.data.name
+				}), c && /* @__PURE__ */ F(B, {
+					style: [G.optionLabel, { color: u.textSecondary }],
+					children: c
 				})]
 			}),
-			o && /* @__PURE__ */ P(B, {
-				style: [G.error, { color: l.error }],
-				children: o
+			s && /* @__PURE__ */ F(B, {
+				style: [G.error, { color: u.error }],
+				children: s
 			}),
-			c && !o && /* @__PURE__ */ P(B, {
-				style: [G.helperText, { color: l.textMuted }],
-				children: c
+			l && !s && /* @__PURE__ */ F(B, {
+				style: [G.helperText, { color: u.textMuted }],
+				children: l
 			})
 		]
 	});
@@ -722,11 +720,6 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 		marginRight: 8,
 		width: 32
 	},
-	label: {
-		fontSize: 14,
-		fontWeight: "500",
-		marginBottom: 8
-	},
 	option: {
 		alignItems: "flex-start",
 		flexDirection: "row",
@@ -738,15 +731,15 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 	},
 	optionLabel: { fontSize: 14 },
 	optionTextContainer: { flex: 1 }
-}), xe = ({ field: e, extra: t }) => {
-	let [n, r] = N(!1), { value: i, placeholder: a } = e, { node: o, setValue: s, error: c, label: l, helperText: u } = t, { colors: d } = y(), f = h(), p = i ? new Date(i) : void 0, { year: m, month: g, today: _ } = ie(() => {
-		let e = p || /* @__PURE__ */ new Date(), t = e.getFullYear(), n = e.getMonth(), r = /* @__PURE__ */ new Date();
+}), Ce = ({ field: e, extra: t }) => {
+	let [n, r] = P(!1), { value: i, placeholder: a } = e, { InputLabel: o, node: s, setValue: c, error: l, label: u, helperText: d } = t, { colors: f } = y(), p = h(), m = i ? new Date(i) : void 0, { year: g, month: _, today: v } = re(() => {
+		let e = m || /* @__PURE__ */ new Date(), t = e.getFullYear(), n = e.getMonth(), r = /* @__PURE__ */ new Date();
 		return r.setHours(0, 0, 0, 0), {
 			month: n,
 			today: r,
 			year: t
 		};
-	}, [p]), [v, b] = N(m), [x, S] = N(g), C = [
+	}, [m]), [b, x] = P(g), [S, C] = P(_), w = [
 		"January",
 		"February",
 		"March",
@@ -759,127 +752,124 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 		"October",
 		"November",
 		"December"
-	], w = ie(() => {
-		let e = new Date(v, x, 1).getDay(), t = new Date(v, x + 1, 0).getDate(), n = new Date(v, x, 0).getDate(), r = [];
+	], T = re(() => {
+		let e = new Date(b, S, 1).getDay(), t = new Date(b, S + 1, 0).getDate(), n = new Date(b, S, 0).getDate(), r = [];
 		for (let t = e - 1; t >= 0; t--) r.push({
-			date: new Date(v, x - 1, n - t),
+			date: new Date(b, S - 1, n - t),
 			day: n - t,
 			isCurrentMonth: !1
 		});
 		for (let e = 1; e <= t; e++) r.push({
-			date: new Date(v, x, e),
+			date: new Date(b, S, e),
 			day: e,
 			isCurrentMonth: !0
 		});
 		let i = 42 - r.length;
 		for (let e = 1; e <= i; e++) r.push({
-			date: new Date(v, x + 1, e),
+			date: new Date(b, S + 1, e),
 			day: e,
 			isCurrentMonth: !1
 		});
 		return r;
-	}, [v, x]), T = re((e) => {
-		o.data.disablePast && e < _ || (s(e.toISOString()), r(!1));
+	}, [b, S]), E = ne((e) => {
+		s.data.disablePast && e < v || (c(e.toISOString()), r(!1));
 	}, [
-		o.data.disablePast,
-		_,
-		s
-	]), E = () => {
-		x === 0 ? (S(11), b(v - 1)) : S(x - 1);
-	}, D = () => {
-		x === 11 ? (S(0), b(v + 1)) : S(x + 1);
-	}, O = () => p ? p.toLocaleDateString() : a || f("renderer.defaultInputs.selectDate"), ee = (e) => o.data.disablePast ? e < _ : !1, k = (e) => p ? e.getDate() === p.getDate() && e.getMonth() === p.getMonth() && e.getFullYear() === p.getFullYear() : !1;
-	return /* @__PURE__ */ F(H, {
+		s.data.disablePast,
+		v,
+		c
+	]), D = () => {
+		S === 0 ? (C(11), x(b - 1)) : C(S - 1);
+	}, O = () => {
+		S === 11 ? (C(0), x(b + 1)) : C(S + 1);
+	}, k = () => m ? m.toLocaleDateString() : a || p("renderer.defaultInputs.selectDate"), A = (e) => s.data.disablePast ? e < v : !1, j = (e) => m ? e.getDate() === m.getDate() && e.getMonth() === m.getMonth() && e.getFullYear() === m.getFullYear() : !1;
+	return /* @__PURE__ */ I(H, {
 		style: K.container,
 		children: [
-			/* @__PURE__ */ F(B, {
-				style: [K.label, { color: d.textSecondary }],
-				children: [l || o.data.name, o.data.required && /* @__PURE__ */ P(B, {
-					style: { color: d.error },
-					children: "*"
-				})]
+			/* @__PURE__ */ F(o, {
+				label: u,
+				required: s.data.required
 			}),
-			/* @__PURE__ */ F(V, {
+			/* @__PURE__ */ I(V, {
 				style: [
 					K.trigger,
 					{
-						backgroundColor: d.input,
-						borderColor: d.border
+						backgroundColor: f.input,
+						borderColor: f.border
 					},
-					c && { borderColor: d.error }
+					l && { borderColor: f.error }
 				],
 				onPress: () => r(!0),
 				activeOpacity: .7,
-				children: [/* @__PURE__ */ P(B, {
+				children: [/* @__PURE__ */ F(B, {
 					style: [
 						K.triggerText,
-						{ color: d.text },
-						!i && { color: d.textMuted }
+						{ color: f.text },
+						!i && { color: f.textMuted }
 					],
 					numberOfLines: 1,
-					children: O()
-				}), /* @__PURE__ */ P(B, {
+					children: k()
+				}), /* @__PURE__ */ F(B, {
 					style: K.icon,
 					children: "📅"
 				})]
 			}),
-			/* @__PURE__ */ P(le, {
+			/* @__PURE__ */ F(le, {
 				visible: n,
 				transparent: !0,
 				animationType: "fade",
 				onRequestClose: () => r(!1),
-				children: /* @__PURE__ */ P(V, {
+				children: /* @__PURE__ */ F(V, {
 					style: K.modalOverlay,
 					activeOpacity: 1,
 					onPress: () => r(!1),
-					children: /* @__PURE__ */ F(V, {
-						style: [K.modalContent, { backgroundColor: d.card }],
+					children: /* @__PURE__ */ I(V, {
+						style: [K.modalContent, { backgroundColor: f.card }],
 						activeOpacity: 1,
 						onPress: () => {},
 						children: [
-							/* @__PURE__ */ F(H, {
-								style: [K.modalHeader, { borderBottomColor: d.separator }],
-								children: [/* @__PURE__ */ P(B, {
-									style: [K.modalTitle, { color: d.text }],
-									children: l || o.data.name
-								}), /* @__PURE__ */ P(V, {
+							/* @__PURE__ */ I(H, {
+								style: [K.modalHeader, { borderBottomColor: f.separator }],
+								children: [/* @__PURE__ */ F(B, {
+									style: [K.modalTitle, { color: f.text }],
+									children: u || a || p("renderer.defaultInputs.selectDate")
+								}), /* @__PURE__ */ F(V, {
 									onPress: () => r(!1),
-									children: /* @__PURE__ */ P(B, {
-										style: [K.closeButton, { color: d.textMuted }],
+									children: /* @__PURE__ */ F(B, {
+										style: [K.closeButton, { color: f.textMuted }],
 										children: "✕"
 									})
 								})]
 							}),
-							/* @__PURE__ */ F(H, {
+							/* @__PURE__ */ I(H, {
 								style: K.calendarHeader,
 								children: [
-									/* @__PURE__ */ P(V, {
-										onPress: E,
+									/* @__PURE__ */ F(V, {
+										onPress: D,
 										style: K.navButton,
-										children: /* @__PURE__ */ P(B, {
-											style: [K.navButtonText, { color: d.primary }],
+										children: /* @__PURE__ */ F(B, {
+											style: [K.navButtonText, { color: f.primary }],
 											children: "‹"
 										})
 									}),
-									/* @__PURE__ */ F(B, {
-										style: [K.monthYear, { color: d.text }],
+									/* @__PURE__ */ I(B, {
+										style: [K.monthYear, { color: f.text }],
 										children: [
-											C[x],
+											w[S],
 											" ",
-											v
+											b
 										]
 									}),
-									/* @__PURE__ */ P(V, {
-										onPress: D,
+									/* @__PURE__ */ F(V, {
+										onPress: O,
 										style: K.navButton,
-										children: /* @__PURE__ */ P(B, {
-											style: [K.navButtonText, { color: d.primary }],
+										children: /* @__PURE__ */ F(B, {
+											style: [K.navButtonText, { color: f.primary }],
 											children: "›"
 										})
 									})
 								]
 							}),
-							/* @__PURE__ */ P(H, {
+							/* @__PURE__ */ F(H, {
 								style: K.weekDays,
 								children: [
 									"Sun",
@@ -889,43 +879,43 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 									"Thu",
 									"Fri",
 									"Sat"
-								].map((e) => /* @__PURE__ */ P(B, {
-									style: [K.weekDay, { color: d.textMuted }],
+								].map((e) => /* @__PURE__ */ F(B, {
+									style: [K.weekDay, { color: f.textMuted }],
 									children: e
 								}, e))
 							}),
-							/* @__PURE__ */ P(ce, {
-								data: w,
+							/* @__PURE__ */ F(ce, {
+								data: T,
 								keyExtractor: (e, t) => `${e.date.getTime()}-${t}`,
 								numColumns: 7,
 								scrollEnabled: !1,
 								style: K.calendar,
 								contentContainerStyle: K.calendarContent,
 								renderItem: ({ item: e }) => {
-									let t = ee(e.date), n = k(e.date);
-									return /* @__PURE__ */ P(V, {
+									let t = A(e.date), n = j(e.date);
+									return /* @__PURE__ */ F(V, {
 										style: [
 											K.dayCell,
 											!e.isCurrentMonth && K.dayCellOtherMonth,
 											n && {
-												backgroundColor: d.primary,
+												backgroundColor: f.primary,
 												borderRadius: 20
 											},
 											t && K.dayCellDisabled
 										],
-										onPress: () => T(e.date),
+										onPress: () => E(e.date),
 										disabled: t,
 										activeOpacity: .7,
-										children: /* @__PURE__ */ P(B, {
+										children: /* @__PURE__ */ F(B, {
 											style: [
 												K.dayText,
-												{ color: d.text },
-												!e.isCurrentMonth && { color: d.textMuted },
+												{ color: f.text },
+												!e.isCurrentMonth && { color: f.textMuted },
 												n && {
-													color: d.background,
+													color: f.background,
 													fontWeight: "600"
 												},
-												t && { color: d.textMuted }
+												t && { color: f.textMuted }
 											],
 											children: e.day
 										})
@@ -936,13 +926,13 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 					})
 				})
 			}),
-			c && /* @__PURE__ */ P(B, {
-				style: [K.error, { color: d.error }],
-				children: c
+			l && /* @__PURE__ */ F(B, {
+				style: [K.error, { color: f.error }],
+				children: l
 			}),
-			u && !c && /* @__PURE__ */ P(B, {
-				style: [K.helperText, { color: d.textMuted }],
-				children: u
+			d && !l && /* @__PURE__ */ F(B, {
+				style: [K.helperText, { color: f.textMuted }],
+				children: d
 			})
 		]
 	});
@@ -984,11 +974,6 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 		marginTop: 4
 	},
 	icon: { fontSize: 16 },
-	label: {
-		fontSize: 14,
-		fontWeight: "500",
-		marginBottom: 8
-	},
 	modalContent: {
 		borderRadius: 12,
 		maxHeight: "80%",
@@ -1046,15 +1031,15 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 		flexDirection: "row",
 		marginBottom: 8
 	}
-}), Se = ({ field: e, extra: t }) => {
-	let [n, r] = N(!1), [i, a] = N(!0), { value: o } = e, { node: s, setValue: c, error: l, label: u, helperText: d } = t, f = h(), { colors: p } = y(), m = Array.isArray(o) ? o : [], g = m[0] ? new Date(m[0]) : void 0, _ = m[1] ? new Date(m[1]) : void 0, { year: v, month: b, today: x } = ie(() => {
-		let e = g || /* @__PURE__ */ new Date(), t = e.getFullYear(), n = e.getMonth(), r = /* @__PURE__ */ new Date();
+}), we = ({ field: e, extra: t }) => {
+	let [n, r] = P(!1), [i, a] = P(!0), { value: o } = e, { InputLabel: s, node: c, setValue: l, error: u, label: d, helperText: f } = t, p = h(), { colors: m } = y(), g = Array.isArray(o) ? o : [], _ = g[0] ? new Date(g[0]) : void 0, v = g[1] ? new Date(g[1]) : void 0, { year: b, month: x, today: S } = re(() => {
+		let e = _ || /* @__PURE__ */ new Date(), t = e.getFullYear(), n = e.getMonth(), r = /* @__PURE__ */ new Date();
 		return r.setHours(0, 0, 0, 0), {
 			month: n,
 			today: r,
 			year: t
 		};
-	}, [g]), [S, C] = N(v), [w, T] = N(b), E = [
+	}, [_]), [C, w] = P(b), [T, E] = P(x), D = [
 		"January",
 		"February",
 		"March",
@@ -1067,141 +1052,138 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 		"October",
 		"November",
 		"December"
-	], D = ie(() => {
-		let e = new Date(S, w, 1).getDay(), t = new Date(S, w + 1, 0).getDate(), n = new Date(S, w, 0).getDate(), r = [];
+	], O = re(() => {
+		let e = new Date(C, T, 1).getDay(), t = new Date(C, T + 1, 0).getDate(), n = new Date(C, T, 0).getDate(), r = [];
 		for (let t = e - 1; t >= 0; t--) r.push({
-			date: new Date(S, w - 1, n - t),
+			date: new Date(C, T - 1, n - t),
 			day: n - t,
 			isCurrentMonth: !1
 		});
 		for (let e = 1; e <= t; e++) r.push({
-			date: new Date(S, w, e),
+			date: new Date(C, T, e),
 			day: e,
 			isCurrentMonth: !0
 		});
 		let i = 42 - r.length;
 		for (let e = 1; e <= i; e++) r.push({
-			date: new Date(S, w + 1, e),
+			date: new Date(C, T + 1, e),
 			day: e,
 			isCurrentMonth: !1
 		});
 		return r;
-	}, [S, w]), O = re((e) => {
-		s.data.disablePast && e < x || (i ? (c([e.toISOString(), _?.toISOString()]), a(!1)) : (c(g && e < g ? [e.toISOString(), g.toISOString()] : [g?.toISOString(), e.toISOString()]), r(!1), a(!0)));
+	}, [C, T]), k = ne((e) => {
+		c.data.disablePast && e < S || (i ? (l([e.toISOString(), v?.toISOString()]), a(!1)) : (l(_ && e < _ ? [e.toISOString(), _.toISOString()] : [_?.toISOString(), e.toISOString()]), r(!1), a(!0)));
 	}, [
-		s.data.disablePast,
-		x,
+		c.data.disablePast,
+		S,
 		i,
-		g,
 		_,
-		c
-	]), ee = () => {
-		w === 0 ? (T(11), C(S - 1)) : T(w - 1);
-	}, k = () => {
-		w === 11 ? (T(0), C(S + 1)) : T(w + 1);
-	}, te = () => g && _ ? `${g.toLocaleDateString()} - ${_.toLocaleDateString()}` : g ? g.toLocaleDateString() : f("renderer.defaultInputs.selectDateRange"), A = (e) => s.data.disablePast ? e < x : !1, ne = (e) => g && _ ? e >= g && e <= _ : !1, j = (e) => {
-		if (!(g || _)) return !1;
-		let t = g && e.getDate() === g.getDate() && e.getMonth() === g.getMonth() && e.getFullYear() === g.getFullYear(), n = _ && e.getDate() === _.getDate() && e.getMonth() === _.getMonth() && e.getFullYear() === _.getFullYear();
+		v,
+		l
+	]), A = () => {
+		T === 0 ? (E(11), w(C - 1)) : E(T - 1);
+	}, j = () => {
+		T === 11 ? (E(0), w(C + 1)) : E(T + 1);
+	}, ee = () => _ && v ? `${_.toLocaleDateString()} - ${v.toLocaleDateString()}` : _ ? _.toLocaleDateString() : p("renderer.defaultInputs.selectDateRange"), te = (e) => c.data.disablePast ? e < S : !1, M = (e) => _ && v ? e >= _ && e <= v : !1, N = (e) => {
+		if (!(_ || v)) return !1;
+		let t = _ && e.getDate() === _.getDate() && e.getMonth() === _.getMonth() && e.getFullYear() === _.getFullYear(), n = v && e.getDate() === v.getDate() && e.getMonth() === v.getMonth() && e.getFullYear() === v.getFullYear();
 		return t || n;
 	};
-	return /* @__PURE__ */ F(H, {
+	return /* @__PURE__ */ I(H, {
 		style: q.container,
 		children: [
-			/* @__PURE__ */ F(B, {
-				style: [q.label, { color: p.textSecondary }],
-				children: [u || s.data.name, s.data.required && /* @__PURE__ */ P(B, {
-					style: { color: p.error },
-					children: "*"
-				})]
+			/* @__PURE__ */ F(s, {
+				label: d,
+				required: c.data.required
 			}),
-			/* @__PURE__ */ F(V, {
+			/* @__PURE__ */ I(V, {
 				style: [
 					q.trigger,
 					{
-						backgroundColor: p.input,
-						borderColor: p.border
+						backgroundColor: m.input,
+						borderColor: m.border
 					},
-					l && { borderColor: p.error }
+					u && { borderColor: m.error }
 				],
 				onPress: () => r(!0),
 				activeOpacity: .7,
-				children: [/* @__PURE__ */ P(B, {
+				children: [/* @__PURE__ */ F(B, {
 					style: [
 						q.triggerText,
-						{ color: p.text },
-						!g && { color: p.textMuted }
+						{ color: m.text },
+						!_ && { color: m.textMuted }
 					],
 					numberOfLines: 1,
-					children: te()
-				}), /* @__PURE__ */ P(B, {
+					children: ee()
+				}), /* @__PURE__ */ F(B, {
 					style: q.icon,
 					children: "📅"
 				})]
 			}),
-			/* @__PURE__ */ P(le, {
+			/* @__PURE__ */ F(le, {
 				visible: n,
 				transparent: !0,
 				animationType: "fade",
 				onRequestClose: () => r(!1),
-				children: /* @__PURE__ */ P(V, {
+				children: /* @__PURE__ */ F(V, {
 					style: q.modalOverlay,
 					activeOpacity: 1,
 					onPress: () => r(!1),
-					children: /* @__PURE__ */ F(V, {
-						style: [q.modalContent, { backgroundColor: p.card }],
+					children: /* @__PURE__ */ I(V, {
+						style: [q.modalContent, { backgroundColor: m.card }],
 						activeOpacity: 1,
 						onPress: () => {},
 						children: [
-							/* @__PURE__ */ F(H, {
-								style: [q.modalHeader, { borderBottomColor: p.separator }],
-								children: [/* @__PURE__ */ P(B, {
-									style: [q.modalTitle, { color: p.text }],
-									children: u || s.data.name
-								}), /* @__PURE__ */ P(V, {
+							/* @__PURE__ */ I(H, {
+								style: [q.modalHeader, { borderBottomColor: m.separator }],
+								children: [/* @__PURE__ */ F(B, {
+									style: [q.modalTitle, { color: m.text }],
+									children: d || p("renderer.defaultInputs.selectDateRange")
+								}), /* @__PURE__ */ F(V, {
 									onPress: () => r(!1),
-									children: /* @__PURE__ */ P(B, {
-										style: [q.closeButton, { color: p.textMuted }],
+									children: /* @__PURE__ */ F(B, {
+										style: [q.closeButton, { color: m.textMuted }],
 										children: "✕"
 									})
 								})]
 							}),
-							/* @__PURE__ */ P(H, {
-								style: [q.rangeIndicator, { backgroundColor: p.primaryLight }],
-								children: /* @__PURE__ */ P(B, {
-									style: [q.rangeIndicatorText, { color: p.primary }],
-									children: f(i ? "renderer.defaultInputs.startDate" : "renderer.defaultInputs.endDate")
+							/* @__PURE__ */ F(H, {
+								style: [q.rangeIndicator, { backgroundColor: m.primaryLight }],
+								children: /* @__PURE__ */ F(B, {
+									style: [q.rangeIndicatorText, { color: m.primary }],
+									children: p(i ? "renderer.defaultInputs.startDate" : "renderer.defaultInputs.endDate")
 								})
 							}),
-							/* @__PURE__ */ F(H, {
+							/* @__PURE__ */ I(H, {
 								style: q.calendarHeader,
 								children: [
-									/* @__PURE__ */ P(V, {
-										onPress: ee,
+									/* @__PURE__ */ F(V, {
+										onPress: A,
 										style: q.navButton,
-										children: /* @__PURE__ */ P(B, {
-											style: [q.navButtonText, { color: p.primary }],
+										children: /* @__PURE__ */ F(B, {
+											style: [q.navButtonText, { color: m.primary }],
 											children: "‹"
 										})
 									}),
-									/* @__PURE__ */ F(B, {
-										style: [q.monthYear, { color: p.text }],
+									/* @__PURE__ */ I(B, {
+										style: [q.monthYear, { color: m.text }],
 										children: [
-											E[w],
+											D[T],
 											" ",
-											S
+											C
 										]
 									}),
-									/* @__PURE__ */ P(V, {
-										onPress: k,
+									/* @__PURE__ */ F(V, {
+										onPress: j,
 										style: q.navButton,
-										children: /* @__PURE__ */ P(B, {
-											style: [q.navButtonText, { color: p.primary }],
+										children: /* @__PURE__ */ F(B, {
+											style: [q.navButtonText, { color: m.primary }],
 											children: "›"
 										})
 									})
 								]
 							}),
-							/* @__PURE__ */ P(H, {
+							/* @__PURE__ */ F(H, {
 								style: q.weekDays,
 								children: [
 									"Sun",
@@ -1211,45 +1193,45 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 									"Thu",
 									"Fri",
 									"Sat"
-								].map((e) => /* @__PURE__ */ P(B, {
-									style: [q.weekDay, { color: p.textMuted }],
+								].map((e) => /* @__PURE__ */ F(B, {
+									style: [q.weekDay, { color: m.textMuted }],
 									children: e
 								}, e))
 							}),
-							/* @__PURE__ */ P(ce, {
-								data: D,
+							/* @__PURE__ */ F(ce, {
+								data: O,
 								keyExtractor: (e, t) => `${e.date.getTime()}-${t}`,
 								numColumns: 7,
 								scrollEnabled: !1,
 								style: q.calendar,
 								contentContainerStyle: q.calendarContent,
 								renderItem: ({ item: e }) => {
-									let t = A(e.date), n = ne(e.date), r = j(e.date);
-									return /* @__PURE__ */ P(V, {
+									let t = te(e.date), n = M(e.date), r = N(e.date);
+									return /* @__PURE__ */ F(V, {
 										style: [
 											q.dayCell,
 											!e.isCurrentMonth && q.dayCellOtherMonth,
-											n && { backgroundColor: p.primaryLight },
+											n && { backgroundColor: m.primaryLight },
 											r && {
-												backgroundColor: p.primary,
+												backgroundColor: m.primary,
 												borderRadius: 20
 											},
 											t && q.dayCellDisabled
 										],
-										onPress: () => O(e.date),
+										onPress: () => k(e.date),
 										disabled: t,
 										activeOpacity: .7,
-										children: /* @__PURE__ */ P(B, {
+										children: /* @__PURE__ */ F(B, {
 											style: [
 												q.dayText,
-												{ color: p.text },
-												!e.isCurrentMonth && { color: p.textMuted },
-												n && { color: p.primary },
+												{ color: m.text },
+												!e.isCurrentMonth && { color: m.textMuted },
+												n && { color: m.primary },
 												r && {
-													color: p.background,
+													color: m.background,
 													fontWeight: "600"
 												},
-												t && { color: p.textMuted }
+												t && { color: m.textMuted }
 											],
 											children: e.day
 										})
@@ -1260,13 +1242,13 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 					})
 				})
 			}),
-			l && /* @__PURE__ */ P(B, {
-				style: [q.error, { color: p.error }],
-				children: l
+			u && /* @__PURE__ */ F(B, {
+				style: [q.error, { color: m.error }],
+				children: u
 			}),
-			d && !l && /* @__PURE__ */ P(B, {
-				style: [q.helperText, { color: p.textMuted }],
-				children: d
+			f && !u && /* @__PURE__ */ F(B, {
+				style: [q.helperText, { color: m.textMuted }],
+				children: f
 			})
 		]
 	});
@@ -1308,11 +1290,6 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 		marginTop: 4
 	},
 	icon: { fontSize: 16 },
-	label: {
-		fontSize: 14,
-		fontWeight: "500",
-		marginBottom: 8
-	},
 	modalContent: {
 		borderRadius: 12,
 		maxHeight: "80%",
@@ -1380,31 +1357,31 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 		flexDirection: "row",
 		marginBottom: 8
 	}
-}), Ce = ({ field: e, extra: t }) => {
-	let [n, r] = N(null), [i, a] = N(!0), { value: o } = e, { node: s, setValue: c, error: l, label: u, helperText: d } = t, { colors: f } = y(), p = h(), m = Array.isArray(o) ? o : o ? [o] : [], g = s.data.multiple, _ = re(async () => {
+}), Te = ({ field: e, extra: t }) => {
+	let [n, r] = P(null), [i, a] = P(!0), { value: o } = e, { InputLabel: s, node: c, setValue: l, error: u, label: d, helperText: f } = t, { colors: p } = y(), m = h(), g = Array.isArray(o) ? o : o ? [o] : [], _ = c.data.multiple, v = ne(async () => {
 		if (n) try {
-			let e = (await n({ allowMultiSelection: g })).map((e) => ({
+			let e = (await n({ allowMultiSelection: _ })).map((e) => ({
 				data: e.uri,
 				lastModified: Date.now(),
 				name: e.name,
 				size: e.size,
 				type: e.type || "application/octet-stream"
 			}));
-			c(g ? [...m, ...e] : e[0] || null);
+			l(_ ? [...g, ...e] : e[0] || null);
 		} catch (e) {
-			e.code !== "DOCUMENT_PICKER_CANCELED" && se.alert("Error", p("renderer.defaultInputs.filePickerError"));
+			e.code !== "DOCUMENT_PICKER_CANCELED" && oe.alert("Error", m("renderer.defaultInputs.filePickerError"));
 		}
 	}, [
 		n,
-		m,
 		g,
-		c,
-		p
-	]), v = re((e) => {
-		let t = m.filter((t, n) => n !== e);
-		c(t.length > 0 ? t : null);
-	}, [m, c]), b = (e) => e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
-	return j(() => {
+		_,
+		l,
+		m
+	]), b = ne((e) => {
+		let t = g.filter((t, n) => n !== e);
+		l(t.length > 0 ? t : null);
+	}, [g, l]), x = (e) => e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
+	return M(() => {
 		(async () => {
 			try {
 				let { pick: e } = await import("react-native-document-picker");
@@ -1415,98 +1392,92 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 				a(!1);
 			}
 		})();
-	}, []), i ? null : n ? /* @__PURE__ */ F(H, {
+	}, []), i ? null : n ? /* @__PURE__ */ I(H, {
 		style: J.container,
 		children: [
-			/* @__PURE__ */ F(B, {
-				style: [J.label, { color: f.textSecondary }],
-				children: [u || s.data.name, s.data.required && /* @__PURE__ */ P(B, {
-					style: { color: f.error },
-					children: "*"
-				})]
+			/* @__PURE__ */ F(s, {
+				label: d,
+				required: c.data.required
 			}),
-			m.length > 0 && /* @__PURE__ */ P(H, {
+			g.length > 0 && /* @__PURE__ */ F(H, {
 				style: J.filesList,
-				children: m.map((e, t) => /* @__PURE__ */ F(H, {
+				children: g.map((e, t) => /* @__PURE__ */ I(H, {
 					style: [J.fileItem, {
-						backgroundColor: f.card,
-						borderColor: f.separator
+						backgroundColor: p.card,
+						borderColor: p.separator
 					}],
 					children: [
-						/* @__PURE__ */ P(H, {
-							style: [J.fileIcon, { backgroundColor: f.muted }],
-							children: /* @__PURE__ */ P(B, {
+						/* @__PURE__ */ F(H, {
+							style: [J.fileIcon, { backgroundColor: p.muted }],
+							children: /* @__PURE__ */ F(B, {
 								style: J.fileIconText,
 								children: "📄"
 							})
 						}),
-						/* @__PURE__ */ F(H, {
+						/* @__PURE__ */ I(H, {
 							style: J.fileInfo,
-							children: [/* @__PURE__ */ P(B, {
-								style: [J.fileName, { color: f.text }],
+							children: [/* @__PURE__ */ F(B, {
+								style: [J.fileName, { color: p.text }],
 								numberOfLines: 1,
 								children: e.name
-							}), e.size > 0 && /* @__PURE__ */ P(B, {
-								style: [J.fileSize, { color: f.textMuted }],
-								children: b(e.size)
+							}), e.size > 0 && /* @__PURE__ */ F(B, {
+								style: [J.fileSize, { color: p.textMuted }],
+								children: x(e.size)
 							})]
 						}),
-						/* @__PURE__ */ P(V, {
+						/* @__PURE__ */ F(V, {
 							style: J.removeButton,
-							onPress: () => v(t),
+							onPress: () => b(t),
 							activeOpacity: .7,
-							children: /* @__PURE__ */ P(B, {
-								style: [J.removeButtonText, { color: f.textMuted }],
+							children: /* @__PURE__ */ F(B, {
+								style: [J.removeButtonText, { color: p.textMuted }],
 								children: "✕"
 							})
 						})
 					]
 				}, `${e.name}-${t}`))
 			}),
-			/* @__PURE__ */ P(V, {
+			/* @__PURE__ */ F(V, {
 				style: [J.pickButton, {
-					backgroundColor: f.input,
-					borderColor: f.border
+					backgroundColor: p.input,
+					borderColor: p.border
 				}],
-				onPress: _,
+				onPress: v,
 				activeOpacity: .7,
-				children: /* @__PURE__ */ P(B, {
-					style: [J.pickButtonText, { color: f.textMuted }],
-					children: m.length === 0 ? p(g ? "renderer.defaultInputs.selectFiles" : "renderer.defaultInputs.selectFile") : p(g ? "renderer.defaultInputs.addMoreFiles" : "renderer.defaultInputs.replaceFile")
+				children: /* @__PURE__ */ F(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")
 				})
 			}),
-			l && /* @__PURE__ */ P(B, {
-				style: [J.error, { color: f.error }],
-				children: l
+			u && /* @__PURE__ */ F(B, {
+				style: [J.error, { color: p.error }],
+				children: u
 			}),
-			d && !l && /* @__PURE__ */ P(B, {
-				style: [J.helperText, { color: f.textMuted }],
-				children: d
+			f && !u && /* @__PURE__ */ F(B, {
+				style: [J.helperText, { color: p.textMuted }],
+				children: f
 			})
 		]
-	}) : /* @__PURE__ */ F(H, {
+	}) : /* @__PURE__ */ I(H, {
 		style: J.container,
 		children: [
-			/* @__PURE__ */ F(B, {
-				style: [J.label, { color: f.textSecondary }],
-				children: [u || s.data.name, s.data.required && /* @__PURE__ */ P(B, {
-					style: { color: f.error },
-					children: "*"
-				})]
+			/* @__PURE__ */ F(s, {
+				label: d,
+				required: c.data.required
 			}),
-			/* @__PURE__ */ P(H, {
+			/* @__PURE__ */ F(H, {
 				style: [J.unavailableContainer, {
-					backgroundColor: f.errorLight,
-					borderColor: f.error
+					backgroundColor: p.errorLight,
+					borderColor: p.error
 				}],
-				children: /* @__PURE__ */ P(B, {
-					style: [J.unavailableText, { color: f.error }],
-					children: p("renderer.defaultInputs.filePickerUnavailable")
+				children: /* @__PURE__ */ F(B, {
+					style: [J.unavailableText, { color: p.error }],
+					children: m("renderer.defaultInputs.filePickerUnavailable")
 				})
 			}),
-			d && /* @__PURE__ */ P(B, {
-				style: [J.helperText, { color: f.textMuted }],
-				children: d
+			f && /* @__PURE__ */ F(B, {
+				style: [J.helperText, { color: p.textMuted }],
+				children: f
 			})
 		]
 	});
@@ -1549,11 +1520,6 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 		fontSize: 12,
 		marginTop: 4
 	},
-	label: {
-		fontSize: 14,
-		fontWeight: "500",
-		marginBottom: 8
-	},
 	pickButton: {
 		alignItems: "center",
 		borderRadius: 6,
@@ -1579,15 +1545,15 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 		fontSize: 12,
 		textAlign: "center"
 	}
-}), we = (e) => null, Te = ({ missing: e, children: t }) => {
+}), Ee = (e) => null, De = ({ missing: e, children: t }) => {
 	let n = h(), { colors: r } = y();
-	return /* @__PURE__ */ F(ae, { children: [t, e.length > 0 && /* @__PURE__ */ F(H, {
-		style: Ee.container,
-		children: [/* @__PURE__ */ P(B, {
-			style: [Ee.title, { color: r.textMuted }],
+	return /* @__PURE__ */ I(ie, { children: [t, e.length > 0 && /* @__PURE__ */ I(H, {
+		style: Oe.container,
+		children: [/* @__PURE__ */ F(B, {
+			style: [Oe.title, { color: r.textMuted }],
 			children: n("renderer.dependencyHint.title")
-		}), e.map((e) => /* @__PURE__ */ F(B, {
-			style: [Ee.item, { color: r.textMuted }],
+		}), e.map((e) => /* @__PURE__ */ I(B, {
+			style: [Oe.item, { color: r.textMuted }],
 			children: [
 				"•",
 				" ",
@@ -1595,7 +1561,7 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 			]
 		}, e.id))]
 	})] });
-}, Ee = z.create({
+}, Oe = z.create({
 	container: {
 		gap: 2,
 		marginTop: 4
@@ -1605,53 +1571,53 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 		fontSize: 12,
 		fontWeight: "500"
 	}
-}), De = (e) => e.replace(/<[^>]*>/g, ""), Oe = (e) => e.replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, "\"").replace(/&#x27;/g, "'").replace(/&#x2F;/g, "/"), ke = (e, t = {}) => e == null || e === "" ? "" : Oe(De(String(e))), Ae = 100, je = (e, t = {}, n = 0, r = /* @__PURE__ */ new WeakSet()) => {
-	if (n > Ae) return console.warn(`sanitizeHttpResponse: Maximum depth (${Ae}) exceeded.`), typeof e == "string" ? ke(e, t) : "[Max Depth Exceeded]";
+}), ke = (e) => e.replace(/<[^>]*>/g, ""), Ae = (e) => e.replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, "\"").replace(/&#x27;/g, "'").replace(/&#x2F;/g, "/"), je = (e, t = {}) => e == null || e === "" ? "" : Ae(ke(String(e))), Me = 100, Ne = (e, t = {}, n = 0, r = /* @__PURE__ */ new WeakSet()) => {
+	if (n > Me) return console.warn(`sanitizeHttpResponse: Maximum depth (${Me}) exceeded.`), typeof e == "string" ? je(e, t) : "[Max Depth Exceeded]";
 	if (e == null) return e;
-	if (typeof e == "string") return ke(e, t);
-	if (Array.isArray(e)) return e.map((e) => je(e, t, n + 1, r));
+	if (typeof e == "string") return je(e, t);
+	if (Array.isArray(e)) return e.map((e) => Ne(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] = je(o, t, n + 1, r);
+		for (let [a, o] of Object.entries(e)) i[a] = Ne(o, t, n + 1, r);
 		return r.delete(e), i;
 	}
 	return e;
-}, Me = (e) => {
+}, Pe = (e) => {
 	let t = e.matchAll(/{{([\w-]+)}}/g);
 	return Array.from(t, (e) => e[1]);
-}, Ne = (e, t) => Me(e).every((e) => {
+}, Fe = (e, t) => Pe(e).every((e) => {
 	let n = t[e];
 	return n != null && n !== "";
-}), Pe = (e, t, n = !1) => e.replace(/{{([\w-]+)}}/g, (e, r) => {
+}), Ie = (e, t, n = !1) => e.replace(/{{([\w-]+)}}/g, (e, r) => {
 	let i = t[r], a = i == null ? "" : String(i);
 	return n ? encodeURIComponent(a) : a;
-}), Fe = ({ field: t, extra: i }) => {
-	let [o, l] = N(!1), [d, f] = N(null), [p, m] = N([]), [_, v] = N(""), [b, x] = N(!1), { value: C, placeholder: T } = t, { node: E, setValue: D, error: O, label: ee, helperText: k, missingDependencies: te } = i, { formValues: A, inputNodes: ne, headers: ae, baseUrl: se } = r(), { colors: I } = y(), { httpConfig: L } = E.data, R = h(), z = M(!1), ue = M(!1), fe = M(""), pe = M(L), me = M(A), he = M(ne), ge = M(ae), U = M(se), ve = M(D), ye = M(null), W = M(null), be = M(E.data.normalizeOptionLabels !== !1), G = ie(() => L?.url ? Me(L.url) : [], [L?.url]), xe = G.length > 0, K = ie(() => G.map((e) => `${e}:${String(A[e] ?? "")}`).join("|"), [G, A]), Se = ie(() => L?.url ? xe ? Ne(L.url, A) : !0 : !1, [
-		L?.url,
-		xe,
-		A
-	]), q = re(async (t) => {
-		W.current && W.current.abort();
+}), Le = ({ field: t, extra: i }) => {
+	let [o, l] = P(!1), [d, f] = P(null), [p, m] = P([]), [_, v] = P(""), [b, x] = P(!1), { value: C, placeholder: T } = t, { InputLabel: E, node: D, setValue: O, error: k, label: A, helperText: j, missingDependencies: ee } = i, { formValues: te, inputNodes: ie, headers: oe, baseUrl: se } = r(), { colors: L } = y(), { httpConfig: R } = D.data, z = h(), ue = N(!1), fe = N(!1), pe = N(""), me = N(R), he = N(te), ge = N(ie), _e = N(oe), ve = N(se), U = N(O), be = N(null), xe = N(null), W = N(D.data.normalizeOptionLabels !== !1), Se = re(() => R?.url ? Pe(R.url) : [], [R?.url]), G = Se.length > 0, Ce = re(() => Se.map((e) => `${e}:${String(te[e] ?? "")}`).join("|"), [Se, te]), K = re(() => R?.url ? G ? Fe(R.url, te) : !0 : !1, [
+		R?.url,
+		G,
+		te
+	]), we = ne(async (t) => {
+		xe.current && xe.current.abort();
 		let r = new AbortController();
-		W.current = r;
-		let i = pe.current, o = me.current, d = ve.current;
+		xe.current = r;
+		let i = me.current, o = he.current, d = U.current;
 		if (!i?.url) {
-			f(R("renderer.defaultHttpInput.noUrlConfigured")), W.current = null;
+			f(z("renderer.defaultHttpInput.noUrlConfigured")), xe.current = null;
 			return;
 		}
-		if (i.url && !Ne(i.url, o)) {
-			W.current = null;
+		if (i.url && !Fe(i.url, o)) {
+			xe.current = null;
 			return;
 		}
 		l(!0), f(null);
 		try {
-			let l = g(Pe(i.url, o, !0), U.current), p = w(i.searchParam && t ? `${l}${l.includes("?") ? "&" : "?"}${i.searchParam}=${encodeURIComponent(t)}` : l, a(i.queryParams, o)), h = s({ "Content-Type": "application/json" }, a(ge.current, o), a(i.headers, o)), _ = [
+			let l = g(Ie(i.url, o, !0), ve.current), p = w(i.searchParam && t ? `${l}${l.includes("?") ? "&" : "?"}${i.searchParam}=${encodeURIComponent(t)}` : l, a(i.queryParams, o)), h = s({ "Content-Type": "application/json" }, a(_e.current, o), a(i.headers, o)), _ = [
 				"POST",
 				"PUT",
 				"PATCH"
-			].includes(i.method || "") ? i.sendAllFormValues ? JSON.stringify(S(o, he.current)) : u(i.body, o, he.current) : void 0, v = setTimeout(() => r.abort(), 3e4), y = await fetch(p, {
+			].includes(i.method || "") ? i.sendAllFormValues ? JSON.stringify(S(o, ge.current)) : u(i.body, o, ge.current) : void 0, v = setTimeout(() => r.abort(), 3e4), y = await fetch(p, {
 				body: _ || void 0,
 				headers: Object.fromEntries(Object.entries(h).filter(([, e]) => e)),
 				method: i.method || "GET",
@@ -1663,12 +1629,12 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 			}
 			let b = e(await y.text());
 			if (!b.ok) {
-				f(R("renderer.defaultHttpInput.invalidJson"));
+				f(z("renderer.defaultHttpInput.invalidJson"));
 				return;
 			}
-			let x = je(b.value), C = i.responsePath ? n(x, i.responsePath) : x;
+			let x = Ne(b.value), C = i.responsePath ? n(x, i.responsePath) : x;
 			if (i.responseMapping && Array.isArray(C)) {
-				let { valueField: e = "value", labelField: t = "label", descriptionField: r, imageField: a } = i.responseMapping, o = be.current;
+				let { valueField: e = "value", labelField: t = "label", descriptionField: r, imageField: a } = i.responseMapping, o = W.current;
 				m(C.map((i) => {
 					let s = r ? n(i, r) : void 0, l = a ? n(i, a) : void 0, u = String(n(i, t) || "");
 					return {
@@ -1681,114 +1647,111 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 			} else d(typeof C == "string" ? C : JSON.stringify(C));
 		} catch (e) {
 			if (e instanceof Error && e.name === "AbortError") return;
-			f(e instanceof Error ? e.message : R("renderer.defaultHttpInput.fetchFailed")), console.error("HTTP Input fetch error:", e);
+			f(e instanceof Error ? e.message : z("renderer.defaultHttpInput.fetchFailed")), console.error("HTTP Input fetch error:", e);
 		} finally {
-			W.current === r && (l(!1), W.current = null);
+			xe.current === r && (l(!1), xe.current = null);
 		}
-	}, [R]);
-	if (j(() => {
-		pe.current = L, me.current = A, he.current = ne, ge.current = ae, U.current = se, ve.current = D, ye.current = q, be.current = E.data.normalizeOptionLabels !== !1;
+	}, [z]);
+	if (M(() => {
+		me.current = R, he.current = te, ge.current = ie, _e.current = oe, ve.current = se, U.current = O, be.current = we, W.current = D.data.normalizeOptionLabels !== !1;
 	}, [
-		L,
-		A,
-		ne,
-		ae,
+		R,
+		te,
+		ie,
+		oe,
 		se,
-		D,
-		q,
-		E.data.normalizeOptionLabels
-	]), j(() => () => {
-		W.current && W.current.abort(), z.current = !1, ue.current = !1;
-	}, []), j(() => {
-		if (z.current) return;
-		z.current = !0;
-		let e = pe.current, t = me.current, n = ye.current, r = e?.url && Ne(e.url, t);
-		e?.fetchOnMount && r && n && (n(), e.url && (fe.current = Me(e.url).map((e) => `${e}:${String(t[e] ?? "")}`).join("|")));
-	}, []), j(() => {
-		if (!z.current || !xe || fe.current === K || !Se) return;
+		O,
+		we,
+		D.data.normalizeOptionLabels
+	]), M(() => () => {
+		xe.current && xe.current.abort(), ue.current = !1, fe.current = !1;
+	}, []), M(() => {
+		if (ue.current) return;
+		ue.current = !0;
+		let e = me.current, t = he.current, n = be.current, r = e?.url && Fe(e.url, t);
+		e?.fetchOnMount && r && n && (n(), e.url && (pe.current = Pe(e.url).map((e) => `${e}:${String(t[e] ?? "")}`).join("|")));
+	}, []), M(() => {
+		if (!ue.current || !G || pe.current === Ce || !K) return;
 		let e = setTimeout(() => {
-			q(), fe.current = K;
+			we(), pe.current = Ce;
 		}, 500);
 		return () => clearTimeout(e);
 	}, [
+		Ce,
+		G,
 		K,
-		xe,
-		Se,
-		q
-	]), j(() => {
-		if (!ue.current) {
-			ue.current = !0;
+		we
+	]), M(() => {
+		if (!fe.current) {
+			fe.current = !0;
 			return;
 		}
-		let e = pe.current, t = me.current, n = ye.current, r = e?.url && Ne(e.url, t);
-		e?.fetchOnMount && r && n && (n(), e.url && (fe.current = Me(e.url).map((e) => `${e}:${String(t[e] ?? "")}`).join("|")));
-	}, [ie(() => 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 && _)) return;
+		let e = me.current, t = he.current, n = be.current, r = e?.url && Fe(e.url, t);
+		e?.fetchOnMount && r && n && (n(), e.url && (pe.current = Pe(e.url).map((e) => `${e}:${String(t[e] ?? "")}`).join("|")));
+	}, [re(() => 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])]), M(() => {
+		if (!(R?.searchParam && _)) return;
 		let e = setTimeout(() => {
-			q(_);
+			we(_);
 		}, 300);
 		return () => clearTimeout(e);
 	}, [
 		_,
-		L?.searchParam,
-		q
-	]), L?.responseMapping) {
+		R?.searchParam,
+		we
+	]), R?.responseMapping) {
 		let e = Array.isArray(C) ? C[0] : C, t = p.find((t) => t.value === e);
-		if (L.searchParam) {
-			let n = o && L?.showLoading;
-			return /* @__PURE__ */ F(H, {
+		if (R.searchParam) {
+			let n = o && R?.showLoading;
+			return /* @__PURE__ */ I(H, {
 				style: Y.container,
 				children: [
-					/* @__PURE__ */ F(B, {
-						style: [Y.label, { color: I.textSecondary }],
-						children: [ee || E.data.name, E.data.required && /* @__PURE__ */ P(B, {
-							style: { color: I.error },
-							children: "*"
-						})]
+					/* @__PURE__ */ F(E, {
+						label: A,
+						required: D.data.required
 					}),
-					/* @__PURE__ */ P(Te, {
-						missing: te,
-						children: /* @__PURE__ */ F(V, {
+					/* @__PURE__ */ F(De, {
+						missing: ee,
+						children: /* @__PURE__ */ I(V, {
 							style: [
 								Y.trigger,
 								{
-									backgroundColor: I.input,
-									borderColor: I.border
+									backgroundColor: L.input,
+									borderColor: L.border
 								},
-								O && { borderColor: I.error },
-								te.length > 0 && { backgroundColor: I.muted }
+								k && { borderColor: L.error },
+								ee.length > 0 && { backgroundColor: L.muted }
 							],
 							onPress: () => x(!0),
-							disabled: te.length > 0,
+							disabled: ee.length > 0,
 							activeOpacity: .7,
 							children: [
-								/* @__PURE__ */ P(B, {
+								/* @__PURE__ */ F(B, {
 									style: [
 										Y.triggerText,
-										{ color: I.text },
-										!t && { color: I.textMuted }
+										{ color: L.text },
+										!t && { color: L.textMuted }
 									],
 									numberOfLines: 1,
-									children: t?.label || T || R("renderer.defaultHttpInput.search")
+									children: t?.label || T || z("renderer.defaultHttpInput.search")
 								}),
-								n && /* @__PURE__ */ P(oe, {
+								n && /* @__PURE__ */ F(ae, {
 									size: "small",
-									color: I.primary,
+									color: L.primary,
 									style: Y.triggerLoader
 								}),
-								e ? /* @__PURE__ */ P(V, {
-									onPress: () => D(""),
+								e ? /* @__PURE__ */ F(V, {
+									onPress: () => O(""),
 									hitSlop: {
 										bottom: 8,
 										left: 8,
@@ -1796,55 +1759,55 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 										top: 8
 									},
 									style: Y.clearButton,
-									children: /* @__PURE__ */ P(B, {
-										style: [Y.clearIcon, { color: I.textMuted }],
+									children: /* @__PURE__ */ F(B, {
+										style: [Y.clearIcon, { color: L.textMuted }],
 										children: "✕"
 									})
 								}) : null,
-								/* @__PURE__ */ P(B, {
-									style: [Y.arrow, { color: I.textMuted }],
+								/* @__PURE__ */ F(B, {
+									style: [Y.arrow, { color: L.textMuted }],
 									children: "▼"
 								})
 							]
 						})
 					}),
-					/* @__PURE__ */ P(le, {
+					/* @__PURE__ */ F(le, {
 						visible: b,
 						transparent: !0,
 						animationType: "fade",
 						onRequestClose: () => x(!1),
-						children: /* @__PURE__ */ P(V, {
+						children: /* @__PURE__ */ F(V, {
 							style: Y.modalOverlay,
 							activeOpacity: 1,
 							onPress: () => x(!1),
-							children: /* @__PURE__ */ F(V, {
-								style: [Y.modalContent, { backgroundColor: I.card }],
+							children: /* @__PURE__ */ I(V, {
+								style: [Y.modalContent, { backgroundColor: L.card }],
 								activeOpacity: 1,
 								onPress: () => {},
 								children: [
-									/* @__PURE__ */ F(H, {
-										style: [Y.modalHeader, { borderBottomColor: I.separator }],
-										children: [/* @__PURE__ */ P(B, {
-											style: [Y.modalTitle, { color: I.text }],
-											children: ee || E.data.name
-										}), /* @__PURE__ */ P(V, {
+									/* @__PURE__ */ I(H, {
+										style: [Y.modalHeader, { borderBottomColor: L.separator }],
+										children: [/* @__PURE__ */ F(B, {
+											style: [Y.modalTitle, { color: L.text }],
+											children: A || T || z("renderer.defaultHttpInput.search")
+										}), /* @__PURE__ */ F(V, {
 											onPress: () => x(!1),
-											children: /* @__PURE__ */ P(B, {
-												style: [Y.closeButton, { color: I.textMuted }],
+											children: /* @__PURE__ */ F(B, {
+												style: [Y.closeButton, { color: L.textMuted }],
 												children: "✕"
 											})
 										})]
 									}),
-									/* @__PURE__ */ P(H, {
+									/* @__PURE__ */ F(H, {
 										style: Y.searchContainer,
-										children: /* @__PURE__ */ P(de, {
+										children: /* @__PURE__ */ F(de, {
 											style: [Y.searchInput, {
-												backgroundColor: I.muted,
-												borderColor: I.border,
-												color: I.text
+												backgroundColor: L.muted,
+												borderColor: L.border,
+												color: L.text
 											}],
-											placeholder: R("renderer.defaultHttpInput.search"),
-											placeholderTextColor: I.textMuted,
+											placeholder: z("renderer.defaultHttpInput.search"),
+											placeholderTextColor: L.textMuted,
 											value: _,
 											onChangeText: (e) => {
 												v(e), f(null);
@@ -1854,51 +1817,51 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 											autoCorrect: !1
 										})
 									}),
-									o ? /* @__PURE__ */ P(H, {
+									o ? /* @__PURE__ */ F(H, {
 										style: Y.loadingContainer,
-										children: /* @__PURE__ */ P(oe, {
+										children: /* @__PURE__ */ F(ae, {
 											size: "small",
-											color: I.primary
+											color: L.primary
 										})
-									}) : d ? /* @__PURE__ */ F(H, {
+									}) : d ? /* @__PURE__ */ I(H, {
 										style: Y.errorContainer,
-										children: [/* @__PURE__ */ P(B, {
-											style: [Y.errorText, { color: I.error }],
+										children: [/* @__PURE__ */ F(B, {
+											style: [Y.errorText, { color: L.error }],
 											children: d
-										}), /* @__PURE__ */ P(V, {
-											onPress: () => q(_),
+										}), /* @__PURE__ */ F(V, {
+											onPress: () => we(_),
 											style: Y.retryButton,
-											children: /* @__PURE__ */ P(B, {
-												style: [Y.retryButtonText, { color: I.primary }],
-												children: R("renderer.defaultHttpInput.retry")
+											children: /* @__PURE__ */ F(B, {
+												style: [Y.retryButtonText, { color: L.primary }],
+												children: z("renderer.defaultHttpInput.retry")
 											})
 										})]
-									}) : /* @__PURE__ */ P(ce, {
+									}) : /* @__PURE__ */ F(ce, {
 										data: p,
 										keyExtractor: (e) => e.value,
 										style: Y.optionsList,
 										contentContainerStyle: Y.optionsListContent,
-										ListEmptyComponent: /* @__PURE__ */ P(H, {
+										ListEmptyComponent: /* @__PURE__ */ F(H, {
 											style: Y.emptyContainer,
-											children: /* @__PURE__ */ P(B, {
-												style: [Y.emptyText, { color: I.textMuted }],
-												children: R("renderer.defaultHttpInput.noResults")
+											children: /* @__PURE__ */ F(B, {
+												style: [Y.emptyText, { color: L.textMuted }],
+												children: z("renderer.defaultHttpInput.noResults")
 											})
 										}),
 										renderItem: ({ item: t }) => {
 											let n = t.value === e;
-											return /* @__PURE__ */ F(V, {
-												style: [Y.option, n && { backgroundColor: I.primaryLight }],
+											return /* @__PURE__ */ I(V, {
+												style: [Y.option, n && { backgroundColor: L.primaryLight }],
 												onPress: () => {
-													D(t.value), x(!1);
+													O(t.value), x(!1);
 												},
 												activeOpacity: .7,
-												children: [/* @__PURE__ */ P(_e, {
+												children: [/* @__PURE__ */ F(ye, {
 													label: t.label,
 													description: t.description,
 													image: t.image
-												}), n && /* @__PURE__ */ P(B, {
-													style: [Y.checkmark, { color: I.primary }],
+												}), n && /* @__PURE__ */ F(B, {
+													style: [Y.checkmark, { color: L.primary }],
 													children: "✓"
 												})]
 											});
@@ -1908,60 +1871,57 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 							})
 						})
 					}),
-					O && /* @__PURE__ */ P(B, {
-						style: [Y.error, { color: I.error }],
-						children: O
-					}),
-					k && !O && /* @__PURE__ */ P(B, {
-						style: [Y.helperText, { color: I.textMuted }],
+					k && /* @__PURE__ */ F(B, {
+						style: [Y.error, { color: L.error }],
 						children: k
+					}),
+					j && !k && /* @__PURE__ */ F(B, {
+						style: [Y.helperText, { color: L.textMuted }],
+						children: j
 					})
 				]
 			});
 		}
-		let n = o && L?.showLoading, r = te.length === 0 && p.length === 0 && !n ? d ?? R("renderer.defaultHttpInput.noDataAvailable") : void 0;
-		return /* @__PURE__ */ F(H, {
+		let n = o && R?.showLoading, r = ee.length === 0 && p.length === 0 && !n ? d ?? z("renderer.defaultHttpInput.noDataAvailable") : void 0;
+		return /* @__PURE__ */ I(H, {
 			style: Y.container,
 			children: [
-				/* @__PURE__ */ F(B, {
-					style: [Y.label, { color: I.textSecondary }],
-					children: [ee || E.data.name, E.data.required && /* @__PURE__ */ P(B, {
-						style: { color: I.error },
-						children: "*"
-					})]
+				/* @__PURE__ */ F(E, {
+					label: A,
+					required: D.data.required
 				}),
-				/* @__PURE__ */ P(Te, {
-					missing: te,
-					children: /* @__PURE__ */ F(V, {
+				/* @__PURE__ */ F(De, {
+					missing: ee,
+					children: /* @__PURE__ */ I(V, {
 						style: [
 							Y.trigger,
 							{
-								backgroundColor: I.input,
-								borderColor: I.border
+								backgroundColor: L.input,
+								borderColor: L.border
 							},
-							O && { borderColor: I.error },
-							(n || p.length === 0) && { backgroundColor: I.muted }
+							k && { borderColor: L.error },
+							(n || p.length === 0) && { backgroundColor: L.muted }
 						],
 						onPress: () => x(!0),
 						disabled: n || p.length === 0,
 						activeOpacity: .7,
 						children: [
-							/* @__PURE__ */ P(B, {
+							/* @__PURE__ */ F(B, {
 								style: [
 									Y.triggerText,
-									{ color: I.text },
-									!t && { color: I.textMuted }
+									{ color: L.text },
+									!t && { color: L.textMuted }
 								],
 								numberOfLines: 1,
-								children: t?.label || T || R("renderer.defaultHttpInput.selectOption")
+								children: t?.label || T || z("renderer.defaultHttpInput.selectOption")
 							}),
-							n && /* @__PURE__ */ P(oe, {
+							n && /* @__PURE__ */ F(ae, {
 								size: "small",
-								color: I.primary,
+								color: L.primary,
 								style: Y.triggerLoader
 							}),
-							e ? /* @__PURE__ */ P(V, {
-								onPress: () => D(""),
+							e ? /* @__PURE__ */ F(V, {
+								onPress: () => O(""),
 								hitSlop: {
 									bottom: 8,
 									left: 8,
@@ -1969,66 +1929,66 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 									top: 8
 								},
 								style: Y.clearButton,
-								children: /* @__PURE__ */ P(B, {
-									style: [Y.clearIcon, { color: I.textMuted }],
+								children: /* @__PURE__ */ F(B, {
+									style: [Y.clearIcon, { color: L.textMuted }],
 									children: "✕"
 								})
 							}) : null,
-							/* @__PURE__ */ P(B, {
-								style: [Y.arrow, { color: I.textMuted }],
+							/* @__PURE__ */ F(B, {
+								style: [Y.arrow, { color: L.textMuted }],
 								children: "▼"
 							})
 						]
 					})
 				}),
-				r && /* @__PURE__ */ P(B, {
-					style: [Y.disabledMessage, { color: I.error }],
+				r && /* @__PURE__ */ F(B, {
+					style: [Y.disabledMessage, { color: L.error }],
 					children: r
 				}),
-				/* @__PURE__ */ P(le, {
+				/* @__PURE__ */ F(le, {
 					visible: b,
 					transparent: !0,
 					animationType: "fade",
 					onRequestClose: () => x(!1),
-					children: /* @__PURE__ */ P(V, {
+					children: /* @__PURE__ */ F(V, {
 						style: Y.modalOverlay,
 						activeOpacity: 1,
 						onPress: () => x(!1),
-						children: /* @__PURE__ */ F(V, {
-							style: [Y.modalContent, { backgroundColor: I.card }],
+						children: /* @__PURE__ */ I(V, {
+							style: [Y.modalContent, { backgroundColor: L.card }],
 							activeOpacity: 1,
 							onPress: () => {},
-							children: [/* @__PURE__ */ F(H, {
-								style: [Y.modalHeader, { borderBottomColor: I.separator }],
-								children: [/* @__PURE__ */ P(B, {
-									style: [Y.modalTitle, { color: I.text }],
-									children: ee || E.data.name
-								}), /* @__PURE__ */ P(V, {
+							children: [/* @__PURE__ */ I(H, {
+								style: [Y.modalHeader, { borderBottomColor: L.separator }],
+								children: [/* @__PURE__ */ F(B, {
+									style: [Y.modalTitle, { color: L.text }],
+									children: A || T || z("renderer.defaultHttpInput.selectOption")
+								}), /* @__PURE__ */ F(V, {
 									onPress: () => x(!1),
-									children: /* @__PURE__ */ P(B, {
-										style: [Y.closeButton, { color: I.textMuted }],
+									children: /* @__PURE__ */ F(B, {
+										style: [Y.closeButton, { color: L.textMuted }],
 										children: "✕"
 									})
 								})]
-							}), /* @__PURE__ */ P(ce, {
+							}), /* @__PURE__ */ F(ce, {
 								data: p,
 								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: I.primaryLight }],
+									return /* @__PURE__ */ I(V, {
+										style: [Y.option, n && { backgroundColor: L.primaryLight }],
 										onPress: () => {
-											D(t.value), x(!1);
+											O(t.value), x(!1);
 										},
 										activeOpacity: .7,
-										children: [/* @__PURE__ */ P(_e, {
+										children: [/* @__PURE__ */ F(ye, {
 											label: t.label,
 											description: t.description,
 											image: t.image
-										}), n && /* @__PURE__ */ P(B, {
-											style: [Y.checkmark, { color: I.primary }],
+										}), n && /* @__PURE__ */ F(B, {
+											style: [Y.checkmark, { color: L.primary }],
 											children: "✓"
 										})]
 									});
@@ -2037,43 +1997,40 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 						})
 					})
 				}),
-				O && /* @__PURE__ */ P(B, {
-					style: [Y.error, { color: I.error }],
-					children: O
-				}),
-				k && !O && /* @__PURE__ */ P(B, {
-					style: [Y.helperText, { color: I.textMuted }],
+				k && /* @__PURE__ */ F(B, {
+					style: [Y.error, { color: L.error }],
 					children: k
+				}),
+				j && !k && /* @__PURE__ */ F(B, {
+					style: [Y.helperText, { color: L.textMuted }],
+					children: j
 				})
 			]
 		});
 	}
-	return /* @__PURE__ */ F(H, {
+	return /* @__PURE__ */ I(H, {
 		style: Y.container,
 		children: [
-			/* @__PURE__ */ F(B, {
-				style: [Y.label, { color: I.textSecondary }],
-				children: [ee || E.data.name, E.data.required && /* @__PURE__ */ P(B, {
-					style: { color: I.error },
-					children: "*"
-				})]
+			/* @__PURE__ */ F(E, {
+				label: A,
+				required: D.data.required
 			}),
-			/* @__PURE__ */ P(de, {
+			/* @__PURE__ */ F(de, {
 				style: [Y.input, {
-					backgroundColor: I.muted,
-					borderColor: I.border,
-					color: I.textMuted
+					backgroundColor: L.muted,
+					borderColor: L.border,
+					color: L.textMuted
 				}],
 				value: typeof C == "string" ? C : JSON.stringify(C),
 				editable: !1
 			}),
-			O && /* @__PURE__ */ P(B, {
-				style: [Y.error, { color: I.error }],
-				children: O
-			}),
-			k && !O && /* @__PURE__ */ P(B, {
-				style: [Y.helperText, { color: I.textMuted }],
+			k && /* @__PURE__ */ F(B, {
+				style: [Y.error, { color: L.error }],
 				children: k
+			}),
+			j && !k && /* @__PURE__ */ F(B, {
+				style: [Y.helperText, { color: L.textMuted }],
+				children: j
 			})
 		]
 	});
@@ -2125,11 +2082,6 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 		paddingHorizontal: 12,
 		paddingVertical: 10
 	},
-	label: {
-		fontSize: 14,
-		fontWeight: "500",
-		marginBottom: 8
-	},
 	loadingContainer: {
 		alignItems: "center",
 		paddingVertical: 24
@@ -2198,55 +2150,52 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 		flex: 1,
 		fontSize: 14
 	}
-}), Ie = ({ 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 } = y();
-	return j(() => {
+}), Re = ({ field: e, extra: t }) => {
+	let { value: n, placeholder: r, name: i } = e, [a, o] = P(n?.toString() ?? ""), { InputLabel: s, node: c, setValue: l, error: u, label: d, helperText: f } = t, { colors: p } = y();
+	return M(() => {
 		o(n?.toString() ?? "");
-	}, [n]), /* @__PURE__ */ F(H, {
-		style: Le.container,
+	}, [n]), /* @__PURE__ */ I(H, {
+		style: ze.container,
 		children: [
-			/* @__PURE__ */ F(B, {
-				style: [Le.label, { color: f.textSecondary }],
-				children: [u || s.data.name, s.data.required && /* @__PURE__ */ P(B, {
-					style: { color: f.error },
-					children: "*"
-				})]
+			/* @__PURE__ */ F(s, {
+				label: d,
+				required: c.data.required
 			}),
-			/* @__PURE__ */ P(de, {
+			/* @__PURE__ */ F(de, {
 				style: [
-					Le.input,
+					ze.input,
 					{
-						backgroundColor: f.input,
-						borderColor: f.border,
-						color: f.text
+						backgroundColor: p.input,
+						borderColor: p.border,
+						color: p.text
 					},
-					l && { borderColor: f.error }
+					u && { borderColor: p.error }
 				],
 				value: a,
 				onChangeText: (e) => {
 					if (o(e), e.trim() === "") {
-						c(null);
+						l(null);
 						return;
 					}
 					let t = Number(e);
-					Number.isNaN(t) || c(t);
+					Number.isNaN(t) || l(t);
 				},
 				placeholder: r,
-				placeholderTextColor: f.textMuted,
+				placeholderTextColor: p.textMuted,
 				keyboardType: "numeric",
 				accessibilityLabel: i
 			}),
-			l && /* @__PURE__ */ P(B, {
-				style: [Le.error, { color: f.error }],
-				children: l
+			u && /* @__PURE__ */ F(B, {
+				style: [ze.error, { color: p.error }],
+				children: u
 			}),
-			d && !l && /* @__PURE__ */ P(B, {
-				style: [Le.helperText, { color: f.textMuted }],
-				children: d
+			f && !u && /* @__PURE__ */ F(B, {
+				style: [ze.helperText, { color: p.textMuted }],
+				children: f
 			})
 		]
 	});
-}, Le = z.create({
+}, ze = z.create({
 	container: { marginBottom: 16 },
 	error: {
 		fontSize: 12,
@@ -2262,63 +2211,55 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 		fontSize: 14,
 		paddingHorizontal: 12,
 		paddingVertical: 8
-	},
-	label: {
-		fontSize: 14,
-		fontWeight: "500",
-		marginBottom: 8
 	}
-}), Re = ({ 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 } = y();
-	return /* @__PURE__ */ F(H, {
-		style: ze.container,
+}), Be = ({ field: e, extra: t }) => {
+	let [n, r] = P(!1), { value: i, placeholder: a, name: o } = e, { InputLabel: s, node: c, setValue: l, error: u, label: d, helperText: f } = t, { colors: p } = y();
+	return /* @__PURE__ */ I(H, {
+		style: Ve.container,
 		children: [
-			/* @__PURE__ */ F(B, {
-				style: [ze.label, { color: f.textSecondary }],
-				children: [u || s.data.name, s.data.required && /* @__PURE__ */ P(B, {
-					style: { color: f.error },
-					children: "*"
-				})]
+			/* @__PURE__ */ F(s, {
+				label: d,
+				required: c.data.required
 			}),
-			/* @__PURE__ */ F(H, {
-				style: ze.inputWrapper,
-				children: [/* @__PURE__ */ P(de, {
+			/* @__PURE__ */ I(H, {
+				style: Ve.inputWrapper,
+				children: [/* @__PURE__ */ F(de, {
 					style: [
-						ze.input,
+						Ve.input,
 						{
-							backgroundColor: f.input,
-							borderColor: f.border,
-							color: f.text
+							backgroundColor: p.input,
+							borderColor: p.border,
+							color: p.text
 						},
-						l && { borderColor: f.error }
+						u && { borderColor: p.error }
 					],
 					value: i ?? "",
-					onChangeText: c,
+					onChangeText: l,
 					placeholder: a,
-					placeholderTextColor: f.textMuted,
+					placeholderTextColor: p.textMuted,
 					secureTextEntry: !n,
 					accessibilityLabel: o
-				}), /* @__PURE__ */ P(V, {
-					style: ze.toggleButton,
+				}), /* @__PURE__ */ F(V, {
+					style: Ve.toggleButton,
 					onPress: () => r(!n),
 					activeOpacity: .7,
-					children: /* @__PURE__ */ P(B, {
-						style: [ze.toggleText, { color: f.primary }],
+					children: /* @__PURE__ */ F(B, {
+						style: [Ve.toggleText, { color: p.primary }],
 						children: n ? "Hide" : "Show"
 					})
 				})]
 			}),
-			l && /* @__PURE__ */ P(B, {
-				style: [ze.error, { color: f.error }],
-				children: l
+			u && /* @__PURE__ */ F(B, {
+				style: [Ve.error, { color: p.error }],
+				children: u
 			}),
-			d && !l && /* @__PURE__ */ P(B, {
-				style: [ze.helperText, { color: f.textMuted }],
-				children: d
+			f && !u && /* @__PURE__ */ F(B, {
+				style: [Ve.helperText, { color: p.textMuted }],
+				children: f
 			})
 		]
 	});
-}, ze = z.create({
+}, Ve = z.create({
 	container: { marginBottom: 16 },
 	error: {
 		fontSize: 12,
@@ -2341,11 +2282,6 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 		flexDirection: "row",
 		position: "relative"
 	},
-	label: {
-		fontSize: 14,
-		fontWeight: "500",
-		marginBottom: 8
-	},
 	toggleButton: {
 		paddingHorizontal: 12,
 		paddingVertical: 8,
@@ -2356,111 +2292,108 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 		fontSize: 12,
 		fontWeight: "600"
 	}
-}), Be = ({ field: e, extra: t }) => {
-	let { value: n } = e, { node: r, setValue: i, error: a, label: o, helperText: s } = t, { colors: c } = y(), l = h(), u = r.data.options || [], d = n || "", f = r.data.variant !== "default", p = (e) => {
-		i(e);
+}), He = ({ field: e, extra: t }) => {
+	let { value: n } = e, { InputLabel: r, node: i, setValue: a, error: o, label: s, helperText: c } = t, { colors: l } = y(), u = h(), d = i.data.options || [], f = n || "", p = i.data.variant !== "default", m = (e) => {
+		a(e);
 	};
-	return /* @__PURE__ */ F(H, {
+	return /* @__PURE__ */ I(H, {
 		style: X.container,
 		children: [
-			/* @__PURE__ */ F(B, {
-				style: [X.label, { color: c.textSecondary }],
-				children: [o || r.data.name, r.data.required && /* @__PURE__ */ P(B, {
-					style: { color: c.error },
-					children: "*"
-				})]
+			/* @__PURE__ */ F(r, {
+				label: s,
+				required: i.data.required
 			}),
-			u.map((e) => {
-				let t = d === e.value, n = l(e.label) || e.value, r = l(e.description);
-				return f ? /* @__PURE__ */ F(V, {
+			d.map((e) => {
+				let t = f === e.value, n = u(e.label) || e.value, r = u(e.description);
+				return p ? /* @__PURE__ */ I(V, {
 					style: [
 						X.card,
 						{
-							backgroundColor: c.input,
-							borderColor: c.border
+							backgroundColor: l.input,
+							borderColor: l.border
 						},
 						t && {
-							backgroundColor: `${c.primary}10`,
-							borderColor: c.primary
+							backgroundColor: `${l.primary}10`,
+							borderColor: l.primary
 						},
 						e.disabled && { opacity: .5 }
 					],
-					onPress: () => p(e.value),
+					onPress: () => m(e.value),
 					disabled: e.disabled,
 					activeOpacity: .7,
 					children: [
-						e.image && /* @__PURE__ */ P(L, {
+						e.image && /* @__PURE__ */ F(L, {
 							source: { uri: e.image },
 							style: X.cardImage
 						}),
-						/* @__PURE__ */ F(H, {
+						/* @__PURE__ */ I(H, {
 							style: X.cardTextContainer,
-							children: [/* @__PURE__ */ P(B, {
-								style: [X.cardLabel, { color: c.textSecondary }],
+							children: [/* @__PURE__ */ F(B, {
+								style: [X.cardLabel, { color: l.textSecondary }],
 								children: n
-							}), r && /* @__PURE__ */ P(B, {
-								style: [X.cardDescription, { color: c.textMuted }],
+							}), r && /* @__PURE__ */ F(B, {
+								style: [X.cardDescription, { color: l.textMuted }],
 								children: r
 							})]
 						}),
-						/* @__PURE__ */ P(H, {
+						/* @__PURE__ */ F(H, {
 							style: [
 								X.radio,
 								X.cardRadio,
 								{
-									backgroundColor: c.input,
-									borderColor: c.border
+									backgroundColor: l.input,
+									borderColor: l.border
 								},
-								t && { borderColor: c.primary }
+								t && { borderColor: l.primary }
 							],
-							children: t && /* @__PURE__ */ P(H, { style: [X.radioInner, { backgroundColor: c.primary }] })
+							children: t && /* @__PURE__ */ F(H, { style: [X.radioInner, { backgroundColor: l.primary }] })
 						})
 					]
-				}, e.value) : /* @__PURE__ */ F(V, {
+				}, e.value) : /* @__PURE__ */ I(V, {
 					style: X.option,
-					onPress: () => p(e.value),
+					onPress: () => m(e.value),
 					disabled: e.disabled,
 					activeOpacity: .7,
 					children: [
-						/* @__PURE__ */ P(H, {
+						/* @__PURE__ */ F(H, {
 							style: [
 								X.radio,
 								{
-									backgroundColor: c.input,
-									borderColor: c.border
+									backgroundColor: l.input,
+									borderColor: l.border
 								},
-								t && { borderColor: c.primary }
+								t && { borderColor: l.primary }
 							],
-							children: t && /* @__PURE__ */ P(H, { style: [X.radioInner, { backgroundColor: c.primary }] })
+							children: t && /* @__PURE__ */ F(H, { style: [X.radioInner, { backgroundColor: l.primary }] })
 						}),
-						e.image && /* @__PURE__ */ P(L, {
+						e.image && /* @__PURE__ */ F(L, {
 							source: { uri: e.image },
 							style: X.image
 						}),
-						/* @__PURE__ */ F(H, {
+						/* @__PURE__ */ I(H, {
 							style: X.optionTextContainer,
-							children: [/* @__PURE__ */ P(B, {
+							children: [/* @__PURE__ */ F(B, {
 								style: [
 									X.optionLabel,
-									{ color: c.textSecondary },
-									e.disabled && { color: c.textMuted }
+									{ color: l.textSecondary },
+									e.disabled && { color: l.textMuted }
 								],
 								children: n
-							}), r && /* @__PURE__ */ P(B, {
-								style: [X.optionDescription, { color: c.textMuted }],
+							}), r && /* @__PURE__ */ F(B, {
+								style: [X.optionDescription, { color: l.textMuted }],
 								children: r
 							})]
 						})
 					]
 				}, e.value);
 			}),
-			a && /* @__PURE__ */ P(B, {
-				style: [X.error, { color: c.error }],
-				children: a
+			o && /* @__PURE__ */ F(B, {
+				style: [X.error, { color: l.error }],
+				children: o
 			}),
-			s && !a && /* @__PURE__ */ P(B, {
-				style: [X.helperText, { color: c.textMuted }],
-				children: s
+			c && !o && /* @__PURE__ */ F(B, {
+				style: [X.helperText, { color: l.textMuted }],
+				children: c
 			})
 		]
 	});
@@ -2507,11 +2440,6 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 		marginRight: 8,
 		width: 32
 	},
-	label: {
-		fontSize: 14,
-		fontWeight: "500",
-		marginBottom: 8
-	},
 	option: {
 		alignItems: "center",
 		flexDirection: "row",
@@ -2537,47 +2465,44 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 		height: 10,
 		width: 10
 	}
-}), Ve = ({ field: e, extra: t }) => {
-	let [n, r] = N(!1), { value: i, placeholder: a } = e, { node: o, setValue: s, error: c, label: l, helperText: u } = t, { colors: d } = y(), f = h(), p = o.data.options || [], m = o.data.multiple, g = Array.isArray(i) ? i : i ? [i] : [], _ = (e) => {
-		m ? s(g.includes(e) ? g.filter((t) => t !== e) : [...g, e]) : (s(e), r(!1));
+}), Ue = ({ field: e, extra: t }) => {
+	let [n, r] = P(!1), { value: i, placeholder: a } = e, { InputLabel: o, node: s, setValue: c, error: l, label: u, helperText: d } = t, { colors: f } = y(), p = h(), m = 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, {
+	return /* @__PURE__ */ I(H, {
 		style: Z.container,
 		children: [
-			/* @__PURE__ */ F(B, {
-				style: [Z.label, { color: d.textSecondary }],
-				children: [l || o.data.name, o.data.required && /* @__PURE__ */ P(B, {
-					style: { color: d.error },
-					children: "*"
-				})]
+			/* @__PURE__ */ F(o, {
+				label: u,
+				required: s.data.required
 			}),
-			/* @__PURE__ */ F(V, {
+			/* @__PURE__ */ I(V, {
 				style: [
 					Z.trigger,
 					{
-						backgroundColor: d.input,
-						borderColor: d.border
+						backgroundColor: f.input,
+						borderColor: f.border
 					},
-					c && { borderColor: d.error }
+					l && { borderColor: f.error }
 				],
 				onPress: () => r(!0),
 				activeOpacity: .7,
 				children: [
-					/* @__PURE__ */ P(B, {
+					/* @__PURE__ */ F(B, {
 						style: [
 							Z.triggerText,
-							{ color: d.text },
-							g.length === 0 && { color: d.textMuted }
+							{ color: f.text },
+							_.length === 0 && { color: f.textMuted }
 						],
 						children: (() => {
-							if (g.length === 0) return a || "Select...";
-							if (m) return p.filter((e) => g.includes(e.value)).map((e) => f(e.label) || e.value).join(", ");
-							let e = p.find((e) => e.value === g[0]);
-							return e ? f(e.label) || e.value : a || "Select...";
+							if (_.length === 0) return a || "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 : a || "Select...";
 						})()
 					}),
-					g.length > 0 && /* @__PURE__ */ P(V, {
-						onPress: () => s(m ? [] : ""),
+					_.length > 0 && /* @__PURE__ */ F(V, {
+						onPress: () => c(g ? [] : ""),
 						hitSlop: {
 							bottom: 8,
 							left: 8,
@@ -2585,68 +2510,68 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 							top: 8
 						},
 						style: Z.clearButton,
-						children: /* @__PURE__ */ P(B, {
-							style: [Z.clearIcon, { color: d.textMuted }],
+						children: /* @__PURE__ */ F(B, {
+							style: [Z.clearIcon, { color: f.textMuted }],
 							children: "✕"
 						})
 					}),
-					/* @__PURE__ */ P(B, {
-						style: [Z.arrow, { color: d.textMuted }],
+					/* @__PURE__ */ F(B, {
+						style: [Z.arrow, { color: f.textMuted }],
 						children: "▼"
 					})
 				]
 			}),
-			/* @__PURE__ */ P(le, {
+			/* @__PURE__ */ F(le, {
 				visible: n,
 				transparent: !0,
 				animationType: "fade",
 				onRequestClose: () => r(!1),
-				children: /* @__PURE__ */ P(V, {
+				children: /* @__PURE__ */ F(V, {
 					style: Z.modalOverlay,
 					activeOpacity: 1,
 					onPress: () => r(!1),
-					children: /* @__PURE__ */ F(H, {
-						style: [Z.modalContent, { backgroundColor: d.card }],
+					children: /* @__PURE__ */ I(H, {
+						style: [Z.modalContent, { backgroundColor: f.card }],
 						onStartShouldSetResponder: () => !0,
 						children: [
-							/* @__PURE__ */ F(H, {
-								style: [Z.modalHeader, { borderBottomColor: d.border }],
-								children: [/* @__PURE__ */ P(B, {
-									style: [Z.modalTitle, { color: d.text }],
-									children: l || o.data.name
-								}), /* @__PURE__ */ P(V, {
+							/* @__PURE__ */ I(H, {
+								style: [Z.modalHeader, { borderBottomColor: f.border }],
+								children: [/* @__PURE__ */ F(B, {
+									style: [Z.modalTitle, { color: f.text }],
+									children: u || a || p("renderer.defaultSelectInput.selectOption")
+								}), /* @__PURE__ */ F(V, {
 									onPress: () => r(!1),
-									children: /* @__PURE__ */ P(B, {
-										style: [Z.closeButton, { color: d.textMuted }],
+									children: /* @__PURE__ */ F(B, {
+										style: [Z.closeButton, { color: f.textMuted }],
 										children: "✕"
 									})
 								})]
 							}),
-							/* @__PURE__ */ P(R, {
+							/* @__PURE__ */ F(R, {
 								style: Z.optionsList,
-								children: p.map((e) => {
-									let t = g.includes(e.value);
-									return /* @__PURE__ */ F(V, {
-										style: [Z.option, t && { backgroundColor: `${d.primary}20` }],
-										onPress: () => _(e.value),
+								children: m.map((e) => {
+									let t = _.includes(e.value);
+									return /* @__PURE__ */ I(V, {
+										style: [Z.option, t && { backgroundColor: `${f.primary}20` }],
+										onPress: () => v(e.value),
 										disabled: e.disabled,
 										activeOpacity: .7,
-										children: [/* @__PURE__ */ P(_e, {
-											label: f(e.label) || e.value,
-											description: f(e.description),
+										children: [/* @__PURE__ */ F(ye, {
+											label: p(e.label) || e.value,
+											description: p(e.description),
 											image: e.image,
 											disabled: e.disabled
-										}), t && /* @__PURE__ */ P(B, {
-											style: [Z.checkmark, { color: d.primary }],
+										}), t && /* @__PURE__ */ F(B, {
+											style: [Z.checkmark, { color: f.primary }],
 											children: "✓"
 										})]
 									}, e.value);
 								})
 							}),
-							m && /* @__PURE__ */ P(V, {
-								style: [Z.doneButton, { backgroundColor: d.primary }],
+							g && /* @__PURE__ */ F(V, {
+								style: [Z.doneButton, { backgroundColor: f.primary }],
 								onPress: () => r(!1),
-								children: /* @__PURE__ */ P(B, {
+								children: /* @__PURE__ */ F(B, {
 									style: Z.doneButtonText,
 									children: "Done"
 								})
@@ -2655,13 +2580,13 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 					})
 				})
 			}),
-			c && /* @__PURE__ */ P(B, {
-				style: [Z.error, { color: d.error }],
-				children: c
+			l && /* @__PURE__ */ F(B, {
+				style: [Z.error, { color: f.error }],
+				children: l
 			}),
-			u && !c && /* @__PURE__ */ P(B, {
-				style: [Z.helperText, { color: d.textMuted }],
-				children: u
+			d && !l && /* @__PURE__ */ F(B, {
+				style: [Z.helperText, { color: f.textMuted }],
+				children: d
 			})
 		]
 	});
@@ -2700,11 +2625,6 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 		fontSize: 12,
 		marginTop: 4
 	},
-	label: {
-		fontSize: 14,
-		fontWeight: "500",
-		marginBottom: 8
-	},
 	modalContent: {
 		borderRadius: 12,
 		maxHeight: "80%",
@@ -2751,44 +2671,41 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 		flex: 1,
 		fontSize: 14
 	}
-}), He = (e) => null, Ue = ({ field: e, extra: t }) => {
-	let { value: n } = e, { node: r, setValue: i, error: a, label: o, helperText: s } = t, { colors: c } = y(), l = !!n;
-	return /* @__PURE__ */ F(H, {
-		style: We.container,
+}), We = (e) => null, Ge = ({ field: e, extra: t }) => {
+	let { value: n } = e, { InputLabel: r, node: i, setValue: a, error: o, label: s, helperText: c } = t, { colors: l } = y(), u = !!n;
+	return /* @__PURE__ */ I(H, {
+		style: Ke.container,
 		children: [
-			/* @__PURE__ */ F(H, {
-				style: We.row,
-				children: [/* @__PURE__ */ P(H, {
-					style: We.labelContainer,
-					children: /* @__PURE__ */ F(B, {
-						style: [We.label, { color: c.textSecondary }],
-						children: [o || r.data.name, r.data.required && /* @__PURE__ */ P(B, {
-							style: { color: c.error },
-							children: "*"
-						})]
+			/* @__PURE__ */ I(H, {
+				style: Ke.row,
+				children: [/* @__PURE__ */ F(H, {
+					style: Ke.labelContainer,
+					children: /* @__PURE__ */ F(r, {
+						label: s,
+						required: i.data.required
 					})
-				}), /* @__PURE__ */ P(ue, {
+				}), /* @__PURE__ */ F(ue, {
 					trackColor: {
-						false: c.border,
-						true: `${c.primary}80`
+						false: l.border,
+						true: `${l.primary}80`
 					},
-					thumbColor: l ? c.primary : c.card,
-					ios_backgroundColor: c.border,
-					onValueChange: i,
-					value: l
+					thumbColor: u ? l.primary : l.card,
+					ios_backgroundColor: l.border,
+					onValueChange: a,
+					value: u
 				})]
 			}),
-			a && /* @__PURE__ */ P(B, {
-				style: [We.error, { color: c.error }],
-				children: a
+			o && /* @__PURE__ */ F(B, {
+				style: [Ke.error, { color: l.error }],
+				children: o
 			}),
-			s && !a && /* @__PURE__ */ P(B, {
-				style: [We.helperText, { color: c.textMuted }],
-				children: s
+			c && !o && /* @__PURE__ */ F(B, {
+				style: [Ke.helperText, { color: l.textMuted }],
+				children: c
 			})
 		]
 	});
-}, We = z.create({
+}, Ke = z.create({
 	container: { marginBottom: 16 },
 	error: {
 		fontSize: 12,
@@ -2798,58 +2715,51 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 		fontSize: 12,
 		marginTop: 4
 	},
-	label: {
-		fontSize: 14,
-		fontWeight: "500"
-	},
 	labelContainer: { flex: 1 },
 	row: {
 		alignItems: "center",
 		flexDirection: "row",
 		justifyContent: "space-between"
 	}
-}), 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 } = y();
-	return /* @__PURE__ */ F(H, {
-		style: Ke.container,
+}), qe = ({ field: e, extra: t }) => {
+	let { value: n, placeholder: r, name: i } = e, { InputLabel: a, node: o, setValue: s, error: c, label: l, helperText: u } = t, { colors: d } = y();
+	return /* @__PURE__ */ I(H, {
+		style: Je.container,
 		children: [
-			/* @__PURE__ */ F(B, {
-				style: [Ke.label, { color: u.textSecondary }],
-				children: [c || a.data.name, a.data.required && /* @__PURE__ */ P(B, {
-					style: { color: u.error },
-					children: "*"
-				})]
+			/* @__PURE__ */ F(a, {
+				label: l,
+				required: o.data.required
 			}),
-			/* @__PURE__ */ P(de, {
+			/* @__PURE__ */ F(de, {
 				style: [
-					Ke.textarea,
+					Je.textarea,
 					{
-						backgroundColor: u.input,
-						borderColor: u.border,
-						color: u.text
+						backgroundColor: d.input,
+						borderColor: d.border,
+						color: d.text
 					},
-					s && { borderColor: u.error }
+					c && { borderColor: d.error }
 				],
 				value: n ?? "",
-				onChangeText: o,
+				onChangeText: s,
 				placeholder: r,
-				placeholderTextColor: u.textMuted,
+				placeholderTextColor: d.textMuted,
 				multiline: !0,
 				numberOfLines: 4,
 				textAlignVertical: "top",
 				accessibilityLabel: i
 			}),
-			s && /* @__PURE__ */ P(B, {
-				style: [Ke.error, { color: u.error }],
-				children: s
+			c && /* @__PURE__ */ F(B, {
+				style: [Je.error, { color: d.error }],
+				children: c
 			}),
-			l && !s && /* @__PURE__ */ P(B, {
-				style: [Ke.helperText, { color: u.textMuted }],
-				children: l
+			u && !c && /* @__PURE__ */ F(B, {
+				style: [Je.helperText, { color: d.textMuted }],
+				children: u
 			})
 		]
 	});
-}, Ke = z.create({
+}, Je = z.create({
 	container: { marginBottom: 16 },
 	error: {
 		fontSize: 12,
@@ -2859,11 +2769,6 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 		fontSize: 12,
 		marginTop: 4
 	},
-	label: {
-		fontSize: 14,
-		fontWeight: "500",
-		marginBottom: 8
-	},
 	textarea: {
 		borderRadius: 6,
 		borderWidth: 1,
@@ -2872,45 +2777,42 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 		paddingHorizontal: 12,
 		paddingVertical: 8
 	}
-}), qe = ({ 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 } = y();
-	return /* @__PURE__ */ F(H, {
-		style: Je.container,
+}), Ye = ({ field: e, extra: t }) => {
+	let { value: n, placeholder: r, name: i } = e, { InputLabel: a, node: o, setValue: s, error: c, label: l, helperText: u } = t, { colors: d } = y();
+	return /* @__PURE__ */ I(H, {
+		style: Xe.container,
 		children: [
-			/* @__PURE__ */ F(B, {
-				style: [Je.label, { color: u.textSecondary }],
-				children: [c || a.data.name, a.data.required && /* @__PURE__ */ P(B, {
-					style: { color: u.error },
-					children: "*"
-				})]
+			/* @__PURE__ */ F(a, {
+				label: l,
+				required: o.data.required
 			}),
-			/* @__PURE__ */ P(de, {
+			/* @__PURE__ */ F(de, {
 				style: [
-					Je.input,
+					Xe.input,
 					{
-						backgroundColor: u.input,
-						borderColor: u.border,
-						color: u.text
+						backgroundColor: d.input,
+						borderColor: d.border,
+						color: d.text
 					},
-					s && { borderColor: u.error }
+					c && { borderColor: d.error }
 				],
 				value: n ?? "",
-				onChangeText: o,
+				onChangeText: s,
 				placeholder: r,
-				placeholderTextColor: u.textMuted,
+				placeholderTextColor: d.textMuted,
 				accessibilityLabel: i
 			}),
-			s && /* @__PURE__ */ P(B, {
-				style: [Je.error, { color: u.error }],
-				children: s
+			c && /* @__PURE__ */ F(B, {
+				style: [Xe.error, { color: d.error }],
+				children: c
 			}),
-			l && !s && /* @__PURE__ */ P(B, {
-				style: [Je.helperText, { color: u.textMuted }],
-				children: l
+			u && !c && /* @__PURE__ */ F(B, {
+				style: [Xe.helperText, { color: d.textMuted }],
+				children: u
 			})
 		]
 	});
-}, Je = z.create({
+}, Xe = z.create({
 	container: { marginBottom: 16 },
 	error: {
 		fontSize: 12,
@@ -2926,106 +2828,98 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 		fontSize: 14,
 		paddingHorizontal: 12,
 		paddingVertical: 8
-	},
-	label: {
-		fontSize: 14,
-		fontWeight: "500",
-		marginBottom: 8
 	}
-}), Ye = ({ 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: h, setValue: g, error: _, label: v, helperText: b } = t, { colors: x } = y(), 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 = re(() => {
-		g(`${String(l).padStart(2, "0")}:${String(d).padStart(2, "0")}`), m(!1);
+}), Ze = ({ 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] = P(s || 0), [d, f] = P(c || 0), [p, m] = P(!1), { InputLabel: g, node: _, setValue: v, error: b, label: x, helperText: S } = t, { colors: C } = y(), w = h(), T = N(null), E = N(null), D = Array.from({ length: 24 }, (e, t) => t), O = Array.from({ length: 60 }, (e, t) => t), k = () => n || r || w("renderer.defaultInputs.selectTime"), A = ne(() => {
+		v(`${String(l).padStart(2, "0")}:${String(d).padStart(2, "0")}`), m(!1);
 	}, [
 		l,
 		d,
-		g
+		v
 	]);
-	return /* @__PURE__ */ F(H, {
+	return /* @__PURE__ */ I(H, {
 		style: Q.container,
 		children: [
-			/* @__PURE__ */ F(B, {
-				style: [Q.label, { color: x.textSecondary }],
-				children: [v || h.data.name, h.data.required && /* @__PURE__ */ P(B, {
-					style: { color: x.error },
-					children: "*"
-				})]
+			/* @__PURE__ */ F(g, {
+				label: x,
+				required: _.data.required
 			}),
-			/* @__PURE__ */ F(V, {
+			/* @__PURE__ */ I(V, {
 				style: [
 					Q.trigger,
 					{
-						backgroundColor: x.input,
-						borderColor: x.border
+						backgroundColor: C.input,
+						borderColor: C.border
 					},
-					_ && { borderColor: x.error }
+					b && { borderColor: C.error }
 				],
 				onPress: () => {
 					u(s || 0), f(c || 0), m(!0);
 				},
 				activeOpacity: .7,
-				children: [/* @__PURE__ */ P(B, {
+				children: [/* @__PURE__ */ F(B, {
 					style: [
 						Q.triggerText,
-						{ color: x.text },
-						!n && { color: x.textMuted }
+						{ color: C.text },
+						!n && { color: C.textMuted }
 					],
 					numberOfLines: 1,
-					children: E()
-				}), /* @__PURE__ */ P(B, {
+					children: k()
+				}), /* @__PURE__ */ F(B, {
 					style: Q.icon,
 					children: "🕐"
 				})]
 			}),
-			/* @__PURE__ */ P(le, {
+			/* @__PURE__ */ F(le, {
 				visible: p,
 				transparent: !0,
 				animationType: "fade",
 				onRequestClose: () => m(!1),
-				children: /* @__PURE__ */ P(V, {
+				children: /* @__PURE__ */ F(V, {
 					style: Q.modalOverlay,
 					activeOpacity: 1,
 					onPress: () => m(!1),
-					children: /* @__PURE__ */ F(V, {
-						style: [Q.modalContent, { backgroundColor: x.card }],
+					children: /* @__PURE__ */ I(V, {
+						style: [Q.modalContent, { backgroundColor: C.card }],
 						activeOpacity: 1,
 						onPress: () => {},
 						children: [
-							/* @__PURE__ */ F(H, {
-								style: [Q.modalHeader, { borderBottomColor: x.separator }],
-								children: [/* @__PURE__ */ P(B, {
-									style: [Q.modalTitle, { color: x.text }],
-									children: v || h.data.name
-								}), /* @__PURE__ */ P(V, {
+							/* @__PURE__ */ I(H, {
+								style: [Q.modalHeader, { borderBottomColor: C.separator }],
+								children: [/* @__PURE__ */ F(B, {
+									style: [Q.modalTitle, { color: C.text }],
+									children: x || r || w("renderer.defaultInputs.selectTime")
+								}), /* @__PURE__ */ F(V, {
 									onPress: () => m(!1),
-									children: /* @__PURE__ */ P(B, {
-										style: [Q.closeButton, { color: x.textMuted }],
+									children: /* @__PURE__ */ F(B, {
+										style: [Q.closeButton, { color: C.textMuted }],
 										children: "✕"
 									})
 								})]
 							}),
-							/* @__PURE__ */ F(H, {
+							/* @__PURE__ */ I(H, {
 								style: Q.pickerContainer,
 								children: [
-									/* @__PURE__ */ F(H, {
+									/* @__PURE__ */ I(H, {
 										style: Q.pickerColumn,
-										children: [/* @__PURE__ */ P(B, {
-											style: [Q.pickerLabel, { color: x.textMuted }],
+										children: [/* @__PURE__ */ F(B, {
+											style: [Q.pickerLabel, { color: C.textMuted }],
 											children: "Hour"
-										}), /* @__PURE__ */ P(R, {
-											ref: S,
+										}), /* @__PURE__ */ F(R, {
+											ref: T,
 											style: Q.picker,
 											contentContainerStyle: Q.pickerContent,
 											showsVerticalScrollIndicator: !1,
-											children: w.map((e) => /* @__PURE__ */ P(V, {
-												style: [Q.pickerItem, l === e && { backgroundColor: x.primary }],
+											children: D.map((e) => /* @__PURE__ */ F(V, {
+												style: [Q.pickerItem, l === e && { backgroundColor: C.primary }],
 												onPress: () => u(e),
 												activeOpacity: .7,
-												children: /* @__PURE__ */ P(B, {
+												children: /* @__PURE__ */ F(B, {
 													style: [
 														Q.pickerItemText,
-														{ color: x.text },
+														{ color: C.text },
 														l === e && {
-															color: x.background,
+															color: C.background,
 															fontWeight: "600"
 														}
 													],
@@ -3034,30 +2928,30 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 											}, e))
 										})]
 									}),
-									/* @__PURE__ */ P(B, {
-										style: [Q.pickerSeparator, { color: x.text }],
+									/* @__PURE__ */ F(B, {
+										style: [Q.pickerSeparator, { color: C.text }],
 										children: ":"
 									}),
-									/* @__PURE__ */ F(H, {
+									/* @__PURE__ */ I(H, {
 										style: Q.pickerColumn,
-										children: [/* @__PURE__ */ P(B, {
-											style: [Q.pickerLabel, { color: x.textMuted }],
+										children: [/* @__PURE__ */ F(B, {
+											style: [Q.pickerLabel, { color: C.textMuted }],
 											children: "Minute"
-										}), /* @__PURE__ */ P(R, {
-											ref: C,
+										}), /* @__PURE__ */ F(R, {
+											ref: E,
 											style: Q.picker,
 											contentContainerStyle: Q.pickerContent,
 											showsVerticalScrollIndicator: !1,
-											children: T.map((e) => /* @__PURE__ */ P(V, {
-												style: [Q.pickerItem, d === e && { backgroundColor: x.primary }],
+											children: O.map((e) => /* @__PURE__ */ F(V, {
+												style: [Q.pickerItem, d === e && { backgroundColor: C.primary }],
 												onPress: () => f(e),
 												activeOpacity: .7,
-												children: /* @__PURE__ */ P(B, {
+												children: /* @__PURE__ */ F(B, {
 													style: [
 														Q.pickerItemText,
-														{ color: x.text },
+														{ color: C.text },
 														d === e && {
-															color: x.background,
+															color: C.background,
 															fontWeight: "600"
 														}
 													],
@@ -3068,12 +2962,12 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 									})
 								]
 							}),
-							/* @__PURE__ */ P(V, {
-								style: [Q.confirmButton, { backgroundColor: x.primary }],
-								onPress: D,
+							/* @__PURE__ */ F(V, {
+								style: [Q.confirmButton, { backgroundColor: C.primary }],
+								onPress: A,
 								activeOpacity: .7,
-								children: /* @__PURE__ */ P(B, {
-									style: [Q.confirmButtonText, { color: x.background }],
+								children: /* @__PURE__ */ F(B, {
+									style: [Q.confirmButtonText, { color: C.background }],
 									children: "Confirm"
 								})
 							})
@@ -3081,13 +2975,13 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 					})
 				})
 			}),
-			_ && /* @__PURE__ */ P(B, {
-				style: [Q.error, { color: x.error }],
-				children: _
-			}),
-			b && !_ && /* @__PURE__ */ P(B, {
-				style: [Q.helperText, { color: x.textMuted }],
+			b && /* @__PURE__ */ F(B, {
+				style: [Q.error, { color: C.error }],
 				children: b
+			}),
+			S && !b && /* @__PURE__ */ F(B, {
+				style: [Q.helperText, { color: C.textMuted }],
+				children: S
 			})
 		]
 	});
@@ -3116,11 +3010,6 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 		marginTop: 4
 	},
 	icon: { fontSize: 16 },
-	label: {
-		fontSize: 14,
-		fontWeight: "500",
-		marginBottom: 8
-	},
 	modalContent: {
 		borderRadius: 12,
 		padding: 16,
@@ -3182,112 +3071,109 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 		flex: 1,
 		fontSize: 14
 	}
-}), Xe = ({ field: e, extra: t }) => {
-	let [n, r] = N(!1), [i, a] = N(!0), { value: o } = e, { node: s, setValue: c, error: l, label: u, helperText: d } = t, { colors: f } = y(), p = h(), m = Array.isArray(o) ? o : [], g = m[0] || "", _ = m[1] || "", v = g.split(":"), b = Number.parseInt(v[0], 10), x = Number.parseInt(v[1], 10), S = Number.isNaN(b) ? 0 : b, C = Number.isNaN(x) ? 0 : x, w = _.split(":"), T = Number.parseInt(w[0], 10), E = Number.parseInt(w[1], 10), D = Number.isNaN(T) ? 0 : T, O = Number.isNaN(E) ? 0 : E, [ee, k] = N(0), [te, A] = N(0), ne = Array.from({ length: 24 }, (e, t) => t), j = Array.from({ length: 60 }, (e, t) => t), ie = () => g && _ ? `${g} - ${_}` : g || p("renderer.defaultInputs.selectDateRange"), M = re(() => {
-		let e = `${String(ee).padStart(2, "0")}:${String(te).padStart(2, "0")}`;
-		i ? (c([e, _]), a(!1), k(D || 0), A(O || 0)) : (c([g, e]), r(!1), a(!0));
+}), Qe = ({ field: e, extra: t }) => {
+	let [n, r] = P(!1), [i, a] = P(!0), { value: o } = e, { InputLabel: s, node: c, setValue: l, error: u, label: d, helperText: f } = t, { colors: p } = y(), m = h(), g = Array.isArray(o) ? o : [], _ = g[0] || "", v = g[1] || "", b = _.split(":"), x = Number.parseInt(b[0], 10), S = Number.parseInt(b[1], 10), C = Number.isNaN(x) ? 0 : x, w = Number.isNaN(S) ? 0 : S, T = v.split(":"), E = Number.parseInt(T[0], 10), D = Number.parseInt(T[1], 10), O = Number.isNaN(E) ? 0 : E, k = Number.isNaN(D) ? 0 : D, [A, j] = P(0), [ee, te] = P(0), M = Array.from({ length: 24 }, (e, t) => t), re = Array.from({ length: 60 }, (e, t) => t), N = () => _ && v ? `${_} - ${v}` : _ || m("renderer.defaultInputs.selectTimeRange"), ie = ne(() => {
+		let e = `${String(A).padStart(2, "0")}:${String(ee).padStart(2, "0")}`;
+		i ? (l([e, v]), a(!1), j(O || 0), te(k || 0)) : (l([_, e]), r(!1), a(!0));
 	}, [
 		i,
+		A,
 		ee,
-		te,
-		g,
 		_,
-		D,
+		v,
 		O,
-		c
+		k,
+		l
 	]);
-	return /* @__PURE__ */ F(H, {
+	return /* @__PURE__ */ I(H, {
 		style: $.container,
 		children: [
-			/* @__PURE__ */ F(B, {
-				style: [$.label, { color: f.textSecondary }],
-				children: [u || s.data.name, s.data.required && /* @__PURE__ */ P(B, {
-					style: { color: f.error },
-					children: "*"
-				})]
+			/* @__PURE__ */ F(s, {
+				label: d,
+				required: c.data.required
 			}),
-			/* @__PURE__ */ F(V, {
+			/* @__PURE__ */ I(V, {
 				style: [
 					$.trigger,
 					{
-						backgroundColor: f.input,
-						borderColor: f.border
+						backgroundColor: p.input,
+						borderColor: p.border
 					},
-					l && { borderColor: f.error }
+					u && { borderColor: p.error }
 				],
 				onPress: () => {
-					k(S || 0), A(C || 0), a(!0), r(!0);
+					j(C || 0), te(w || 0), a(!0), r(!0);
 				},
 				activeOpacity: .7,
-				children: [/* @__PURE__ */ P(B, {
+				children: [/* @__PURE__ */ F(B, {
 					style: [
 						$.triggerText,
-						{ color: f.text },
-						!g && { color: f.textMuted }
+						{ color: p.text },
+						!_ && { color: p.textMuted }
 					],
 					numberOfLines: 1,
-					children: ie()
-				}), /* @__PURE__ */ P(B, {
+					children: N()
+				}), /* @__PURE__ */ F(B, {
 					style: $.icon,
 					children: "🕐"
 				})]
 			}),
-			/* @__PURE__ */ P(le, {
+			/* @__PURE__ */ F(le, {
 				visible: n,
 				transparent: !0,
 				animationType: "fade",
 				onRequestClose: () => r(!1),
-				children: /* @__PURE__ */ P(V, {
+				children: /* @__PURE__ */ F(V, {
 					style: $.modalOverlay,
 					activeOpacity: 1,
 					onPress: () => r(!1),
-					children: /* @__PURE__ */ F(V, {
-						style: [$.modalContent, { backgroundColor: f.card }],
+					children: /* @__PURE__ */ I(V, {
+						style: [$.modalContent, { backgroundColor: p.card }],
 						activeOpacity: 1,
 						onPress: () => {},
 						children: [
-							/* @__PURE__ */ F(H, {
-								style: [$.modalHeader, { borderBottomColor: f.separator }],
-								children: [/* @__PURE__ */ P(B, {
-									style: [$.modalTitle, { color: f.text }],
-									children: u || s.data.name
-								}), /* @__PURE__ */ P(V, {
+							/* @__PURE__ */ I(H, {
+								style: [$.modalHeader, { borderBottomColor: p.separator }],
+								children: [/* @__PURE__ */ F(B, {
+									style: [$.modalTitle, { color: p.text }],
+									children: d || m("renderer.defaultInputs.selectTimeRange")
+								}), /* @__PURE__ */ F(V, {
 									onPress: () => r(!1),
-									children: /* @__PURE__ */ P(B, {
-										style: [$.closeButton, { color: f.textMuted }],
+									children: /* @__PURE__ */ F(B, {
+										style: [$.closeButton, { color: p.textMuted }],
 										children: "✕"
 									})
 								})]
 							}),
-							/* @__PURE__ */ P(H, {
-								style: [$.rangeIndicator, { backgroundColor: f.primaryLight }],
-								children: /* @__PURE__ */ P(B, {
-									style: [$.rangeIndicatorText, { color: f.primary }],
-									children: p(i ? "renderer.defaultInputs.startTime" : "renderer.defaultInputs.endTime")
+							/* @__PURE__ */ F(H, {
+								style: [$.rangeIndicator, { backgroundColor: p.primaryLight }],
+								children: /* @__PURE__ */ F(B, {
+									style: [$.rangeIndicatorText, { color: p.primary }],
+									children: m(i ? "renderer.defaultInputs.startTime" : "renderer.defaultInputs.endTime")
 								})
 							}),
-							/* @__PURE__ */ F(H, {
+							/* @__PURE__ */ I(H, {
 								style: $.pickerContainer,
 								children: [
-									/* @__PURE__ */ F(H, {
+									/* @__PURE__ */ I(H, {
 										style: $.pickerColumn,
-										children: [/* @__PURE__ */ P(B, {
-											style: [$.pickerLabel, { color: f.textMuted }],
+										children: [/* @__PURE__ */ F(B, {
+											style: [$.pickerLabel, { color: p.textMuted }],
 											children: "Hour"
-										}), /* @__PURE__ */ P(R, {
+										}), /* @__PURE__ */ F(R, {
 											style: $.picker,
 											contentContainerStyle: $.pickerContent,
 											showsVerticalScrollIndicator: !1,
-											children: ne.map((e) => /* @__PURE__ */ P(V, {
-												style: [$.pickerItem, ee === e && { backgroundColor: f.primary }],
-												onPress: () => k(e),
+											children: M.map((e) => /* @__PURE__ */ F(V, {
+												style: [$.pickerItem, A === e && { backgroundColor: p.primary }],
+												onPress: () => j(e),
 												activeOpacity: .7,
-												children: /* @__PURE__ */ P(B, {
+												children: /* @__PURE__ */ F(B, {
 													style: [
 														$.pickerItemText,
-														{ color: f.text },
-														ee === e && {
-															color: f.background,
+														{ color: p.text },
+														A === e && {
+															color: p.background,
 															fontWeight: "600"
 														}
 													],
@@ -3296,29 +3182,29 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 											}, e))
 										})]
 									}),
-									/* @__PURE__ */ P(B, {
-										style: [$.pickerSeparator, { color: f.text }],
+									/* @__PURE__ */ F(B, {
+										style: [$.pickerSeparator, { color: p.text }],
 										children: ":"
 									}),
-									/* @__PURE__ */ F(H, {
+									/* @__PURE__ */ I(H, {
 										style: $.pickerColumn,
-										children: [/* @__PURE__ */ P(B, {
-											style: [$.pickerLabel, { color: f.textMuted }],
+										children: [/* @__PURE__ */ F(B, {
+											style: [$.pickerLabel, { color: p.textMuted }],
 											children: "Minute"
-										}), /* @__PURE__ */ P(R, {
+										}), /* @__PURE__ */ F(R, {
 											style: $.picker,
 											contentContainerStyle: $.pickerContent,
 											showsVerticalScrollIndicator: !1,
-											children: j.map((e) => /* @__PURE__ */ P(V, {
-												style: [$.pickerItem, te === e && { backgroundColor: f.primary }],
-												onPress: () => A(e),
+											children: re.map((e) => /* @__PURE__ */ F(V, {
+												style: [$.pickerItem, ee === e && { backgroundColor: p.primary }],
+												onPress: () => te(e),
 												activeOpacity: .7,
-												children: /* @__PURE__ */ P(B, {
+												children: /* @__PURE__ */ F(B, {
 													style: [
 														$.pickerItemText,
-														{ color: f.text },
-														te === e && {
-															color: f.background,
+														{ color: p.text },
+														ee === e && {
+															color: p.background,
 															fontWeight: "600"
 														}
 													],
@@ -3329,12 +3215,12 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 									})
 								]
 							}),
-							/* @__PURE__ */ P(V, {
-								style: [$.confirmButton, { backgroundColor: f.primary }],
-								onPress: M,
+							/* @__PURE__ */ F(V, {
+								style: [$.confirmButton, { backgroundColor: p.primary }],
+								onPress: ie,
 								activeOpacity: .7,
-								children: /* @__PURE__ */ P(B, {
-									style: [$.confirmButtonText, { color: f.background }],
+								children: /* @__PURE__ */ F(B, {
+									style: [$.confirmButtonText, { color: p.background }],
 									children: i ? "Next" : "Confirm"
 								})
 							})
@@ -3342,13 +3228,13 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 					})
 				})
 			}),
-			l && /* @__PURE__ */ P(B, {
-				style: [$.error, { color: f.error }],
-				children: l
+			u && /* @__PURE__ */ F(B, {
+				style: [$.error, { color: p.error }],
+				children: u
 			}),
-			d && !l && /* @__PURE__ */ P(B, {
-				style: [$.helperText, { color: f.textMuted }],
-				children: d
+			f && !u && /* @__PURE__ */ F(B, {
+				style: [$.helperText, { color: p.textMuted }],
+				children: f
 			})
 		]
 	});
@@ -3377,11 +3263,6 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 		marginTop: 4
 	},
 	icon: { fontSize: 16 },
-	label: {
-		fontSize: 14,
-		fontWeight: "500",
-		marginBottom: 8
-	},
 	modalContent: {
 		borderRadius: 12,
 		padding: 16,
@@ -3453,54 +3334,54 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 		flex: 1,
 		fontSize: 14
 	}
-}), Ze = {
-	address: ge,
-	autocomplete: ye,
-	checkbox: be,
-	date: xe,
-	daterange: Se,
-	file: Ce,
-	hidden: we,
-	http: Fe,
-	number: Ie,
-	password: Re,
-	radio: Be,
-	select: Ve,
-	submit: He,
-	switch: Ue,
-	text: qe,
-	textarea: Ge,
-	time: Ye,
-	timerange: Xe
-}, Qe = ({ step: e, label: t, children: n, canGoBack: r, isLastStep: a, canContinue: o, isSubmitting: s, onBack: c, onContinue: l }) => {
+}), $e = {
+	address: ve,
+	autocomplete: xe,
+	checkbox: Se,
+	date: Ce,
+	daterange: we,
+	file: Te,
+	hidden: Ee,
+	http: Le,
+	number: Re,
+	password: Be,
+	radio: He,
+	select: Ue,
+	submit: We,
+	switch: Ge,
+	text: Ye,
+	textarea: qe,
+	time: Ze,
+	timerange: Qe
+}, et = ({ step: e, label: t, children: n, canGoBack: r, isLastStep: a, canContinue: o, isSubmitting: s, onBack: c, onContinue: l }) => {
 	let { colors: u } = y(), d = h(), f = !o || s, p = e.nodes.find((e) => i(e) && e.data.type === "submit"), m = p && i(p) ? d(p.data.label) : void 0, g = a ? m || d("renderer.defaultSubmitButton.submit") : d("renderer.step.continue");
-	return /* @__PURE__ */ F(H, { children: [
-		t ? /* @__PURE__ */ P(B, {
-			style: [$e.label, { color: u.text }],
+	return /* @__PURE__ */ I(H, { children: [
+		t ? /* @__PURE__ */ F(B, {
+			style: [tt.label, { color: u.text }],
 			children: t
 		}) : null,
-		/* @__PURE__ */ P(H, {
-			style: $e.content,
+		/* @__PURE__ */ F(H, {
+			style: tt.content,
 			children: n
 		}),
-		/* @__PURE__ */ F(H, {
-			style: $e.actions,
-			children: [r ? /* @__PURE__ */ P(V, {
+		/* @__PURE__ */ I(H, {
+			style: tt.actions,
+			children: [r ? /* @__PURE__ */ F(V, {
 				style: [
-					$e.backButton,
+					tt.backButton,
 					{ borderColor: u.border },
-					s && $e.disabled
+					s && tt.disabled
 				],
 				onPress: c,
 				disabled: s,
 				activeOpacity: .7,
-				children: /* @__PURE__ */ P(B, {
-					style: [$e.backButtonText, { color: u.text }],
+				children: /* @__PURE__ */ F(B, {
+					style: [tt.backButtonText, { color: u.text }],
 					children: d("renderer.step.back")
 				})
-			}) : /* @__PURE__ */ P(H, {}), /* @__PURE__ */ P(V, {
+			}) : /* @__PURE__ */ F(H, {}), /* @__PURE__ */ F(V, {
 				style: [
-					$e.continueButton,
+					tt.continueButton,
 					{ backgroundColor: u.primary },
 					f && {
 						backgroundColor: u.primaryDisabled,
@@ -3510,14 +3391,14 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 				onPress: l,
 				disabled: f,
 				activeOpacity: .7,
-				children: s ? /* @__PURE__ */ P(oe, { color: u.primaryForeground }) : /* @__PURE__ */ P(B, {
-					style: [$e.continueButtonText, { color: u.primaryForeground }],
+				children: s ? /* @__PURE__ */ F(ae, { color: u.primaryForeground }) : /* @__PURE__ */ F(B, {
+					style: [tt.continueButtonText, { color: u.primaryForeground }],
 					children: g
 				})
 			})]
 		})
 	] });
-}, $e = z.create({
+}, tt = z.create({
 	actions: {
 		alignItems: "center",
 		flexDirection: "row",
@@ -3552,11 +3433,11 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 		fontWeight: "600",
 		marginBottom: 12
 	}
-}), et = ({ children: e = "Submit", disabled: t, isSubmitting: n, onPress: r }) => {
+}), nt = ({ children: e = "Submit", disabled: t, isSubmitting: n, onPress: r }) => {
 	let { colors: i } = y();
-	return /* @__PURE__ */ P(V, {
+	return /* @__PURE__ */ F(V, {
 		style: [
-			tt.button,
+			rt.button,
 			{ backgroundColor: i.primary },
 			(t || n) && {
 				backgroundColor: i.primaryDisabled,
@@ -3566,12 +3447,12 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 		disabled: t || n,
 		onPress: r,
 		activeOpacity: .7,
-		children: n ? /* @__PURE__ */ P(oe, { color: i.primaryForeground }) : /* @__PURE__ */ P(B, {
-			style: [tt.buttonText, { color: i.primaryForeground }],
+		children: n ? /* @__PURE__ */ F(ae, { color: i.primaryForeground }) : /* @__PURE__ */ F(B, {
+			style: [rt.buttonText, { color: i.primaryForeground }],
 			children: e
 		})
 	});
-}, tt = z.create({
+}, rt = z.create({
 	button: {
 		alignItems: "center",
 		borderRadius: 6,
@@ -3584,16 +3465,16 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 		fontSize: 16,
 		fontWeight: "600"
 	}
-}), nt = ({ children: e }) => e, rt = ({ node: e }) => {
+}), it = ({ children: e }) => e, at = ({ node: e }) => {
 	let t = h(), { colors: n } = y(), r = t(e.data?.label);
-	return /* @__PURE__ */ P(B, {
-		style: [at.title, { color: n.text }],
+	return /* @__PURE__ */ F(B, {
+		style: [st.title, { color: n.text }],
 		children: r
 	});
-}, it = () => {
+}, ot = () => {
 	let { colors: e } = y();
-	return /* @__PURE__ */ P(H, { style: [at.divider, { backgroundColor: e.separator }] });
-}, at = z.create({
+	return /* @__PURE__ */ F(H, { style: [st.divider, { backgroundColor: e.separator }] });
+}, st = z.create({
 	divider: {
 		height: 1,
 		marginBottom: 16,
@@ -3604,63 +3485,63 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 		fontWeight: "700",
 		marginBottom: 16
 	}
-}), ot = {
-	divider: it,
-	title: rt
-}, st = ({ node: e, children: t }) => {
+}), ct = {
+	divider: ot,
+	title: at
+}, lt = ({ node: e, children: t }) => {
 	let { image: n } = e.data;
-	return /* @__PURE__ */ F(H, { children: [n && /* @__PURE__ */ P(L, {
+	return /* @__PURE__ */ I(H, { children: [n && /* @__PURE__ */ F(L, {
 		source: { uri: n },
-		style: ct.image,
+		style: ut.image,
 		resizeMode: "cover"
 	}), t] });
-}, ct = z.create({ image: {
+}, ut = z.create({ image: {
 	borderRadius: 6,
 	height: 160,
 	marginBottom: 8,
 	width: "100%"
-} }), lt = ({ style: e }) => {
-	let { colors: t } = y(), n = M(new I.Value(.5)).current;
-	return j(() => {
-		let e = I.loop(I.sequence([I.timing(n, {
+} }), dt = ({ style: e }) => {
+	let { colors: t } = y(), n = N(new se.Value(.5)).current;
+	return M(() => {
+		let e = se.loop(se.sequence([se.timing(n, {
 			duration: 600,
 			toValue: 1,
 			useNativeDriver: !0
-		}), I.timing(n, {
+		}), se.timing(n, {
 			duration: 600,
 			toValue: .5,
 			useNativeDriver: !0
 		})]));
 		return e.start(), () => e.stop();
-	}, [n]), /* @__PURE__ */ P(I.View, { style: [
-		dt.bar,
+	}, [n]), /* @__PURE__ */ F(se.View, { style: [
+		pt.bar,
 		{
 			backgroundColor: t.muted,
 			opacity: n
 		},
 		e
 	] });
-}, ut = () => /* @__PURE__ */ F(H, {
+}, ft = () => /* @__PURE__ */ I(H, {
 	accessibilityState: { busy: !0 },
 	children: [
-		/* @__PURE__ */ P(lt, { style: dt.title }),
-		/* @__PURE__ */ P(H, {
-			style: dt.fields,
+		/* @__PURE__ */ F(dt, { style: pt.title }),
+		/* @__PURE__ */ F(H, {
+			style: pt.fields,
 			children: [
 				0,
 				1,
 				2
-			].map((e) => /* @__PURE__ */ F(H, {
-				style: dt.field,
-				children: [/* @__PURE__ */ P(lt, { style: dt.fieldLabel }), /* @__PURE__ */ P(lt, { style: dt.fieldInput })]
+			].map((e) => /* @__PURE__ */ I(H, {
+				style: pt.field,
+				children: [/* @__PURE__ */ F(dt, { style: pt.fieldLabel }), /* @__PURE__ */ F(dt, { style: pt.fieldInput })]
 			}, e))
 		}),
-		/* @__PURE__ */ P(H, {
-			style: dt.actions,
-			children: /* @__PURE__ */ P(lt, { style: dt.button })
+		/* @__PURE__ */ F(H, {
+			style: pt.actions,
+			children: /* @__PURE__ */ F(dt, { style: pt.button })
 		})
 	]
-}), dt = z.create({
+}), pt = z.create({
 	actions: {
 		alignItems: "flex-end",
 		marginTop: 24
@@ -3685,8 +3566,8 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 		marginBottom: 24,
 		width: "33%"
 	}
-}), ft = ({ baseUrl: e, components: t, contentContainerStyle: n, flow: r, googleApiKey: i, headers: a, initialValues: s, isLoading: c = !1, isSubmitting: l = !1, language: u, onBack: d, onChange: f, onSubmit: p, showPoweredBy: m, style: h, theme: g, validate: _, validationMode: v }) => {
-	let { colors: b } = y(), { canContinueStep: x, canSubmit: S, clearSubmitMessage: C, config: w, currentStep: T, currentStepGroupNode: E, currentStepIndex: D, formErrors: O, formValues: k, goToNextStep: te, goToPreviousStep: A, handleSubmit: j, inputNodes: M, isFirstStep: N, isLastStep: ae, isSubmitting: oe, missingRequiredFields: se, setFieldValue: I, steps: ce, submitMessage: L, t: le } = ee({
+}), mt = ({ baseUrl: e, components: t, contentContainerStyle: n, flow: r, googleApiKey: i, headers: a, initialValues: s, isLoading: c = !1, isSubmitting: l = !1, language: u, onBack: d, onChange: f, onSubmit: p, showPoweredBy: m, style: h, theme: g, validate: _, validationMode: v }) => {
+	let { colors: b } = y(), { canContinueStep: x, canSubmit: S, clearSubmitMessage: C, config: w, currentStep: T, currentStepGroupNode: E, currentStepIndex: D, formErrors: O, formValues: A, goToNextStep: j, goToPreviousStep: ee, handleSubmit: M, inputNodes: N, isFirstStep: P, isLastStep: ie, isSubmitting: ae, missingRequiredFields: oe, setFieldValue: se, steps: ce, submitMessage: L, t: le } = k({
 		baseUrl: e,
 		components: t,
 		flow: r,
@@ -3700,102 +3581,103 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 		theme: g,
 		validate: _,
 		validationMode: v
-	}), z = l || oe, { FormWrapper: ue, SubmitButtonWrapper: de, renderNode: V } = ne({
+	}), z = l || ae, { FormWrapper: ue, SubmitButtonWrapper: de, renderNode: V } = te({
 		config: w,
 		DefaultFormWrapper: fe,
-		DefaultInputWrapper: st,
-		DefaultSubmitButton: et,
-		DefaultSubmitButtonWrapper: nt,
-		defaultInputRenderers: Ze,
-		defaultUI: ot,
+		DefaultInputLabel: me,
+		DefaultInputWrapper: lt,
+		DefaultSubmitButton: nt,
+		DefaultSubmitButtonWrapper: it,
+		defaultInputRenderers: $e,
+		defaultUI: ct,
 		formErrors: O,
-		formValues: k,
-		inputNodes: M,
+		formValues: A,
+		inputNodes: N,
 		isSubmitting: z,
-		missingRequiredFields: se,
-		setFieldValue: I
-	}), pe = w.components.step ?? Qe, me = w.components.loadingSkeleton ?? ut, he = ie(() => le(E?.data?.label), [le, E]), ge = re(() => {
-		if (ae) {
-			j();
+		missingRequiredFields: oe,
+		setFieldValue: se
+	}), pe = w.components.step ?? et, he = w.components.loadingSkeleton ?? ft, ge = re(() => le(E?.data?.label), [le, E]), _e = ne(() => {
+		if (ie) {
+			M();
 			return;
 		}
-		te();
+		j();
 	}, [
-		ae,
-		j,
-		te
-	]), U = re(() => {
-		if (N) {
+		ie,
+		M,
+		j
+	]), ve = ne(() => {
+		if (P) {
 			d?.();
 			return;
 		}
-		A();
+		ee();
 	}, [
-		N,
+		P,
 		d,
-		A
-	]), _e = !N || !!d;
-	return /* @__PURE__ */ P(R, {
+		ee
+	]), U = !P || !!d;
+	return /* @__PURE__ */ F(R, {
 		nestedScrollEnabled: !0,
 		style: [
-			mt.container,
+			gt.container,
 			{ backgroundColor: b.background },
 			h
 		],
 		contentContainerStyle: n,
-		children: c ? /* @__PURE__ */ P(me, {}) : /* @__PURE__ */ F(o, {
+		children: c ? /* @__PURE__ */ F(he, {}) : /* @__PURE__ */ I(o, {
 			value: {
 				baseUrl: w.baseUrl,
 				flow: r,
 				formErrors: O,
-				formValues: k,
+				formValues: A,
 				googleApiKey: w.googleApiKey,
 				headers: w.headers,
-				inputNodes: M,
+				inputNodes: N,
 				language: w.language,
-				setFieldValue: I
+				setFieldValue: se
 			},
-			children: [/* @__PURE__ */ F(ue, {
-				onSubmit: j,
-				children: [T && /* @__PURE__ */ P(de, {
-					missingFields: se,
-					children: /* @__PURE__ */ P(pe, {
+			children: [/* @__PURE__ */ I(ue, {
+				onSubmit: M,
+				children: [T && /* @__PURE__ */ F(de, {
+					missingFields: oe,
+					children: /* @__PURE__ */ F(pe, {
 						step: T,
 						groupNode: E,
 						stepIndex: D,
 						totalSteps: ce.length,
-						isFirstStep: N,
-						isLastStep: ae,
-						canContinue: x && (!ae || S),
-						canGoBack: _e,
+						isFirstStep: P,
+						isLastStep: ie,
+						canContinue: x && (!ie || S),
+						canGoBack: U,
 						isSubmitting: z,
-						onBack: U,
-						onContinue: ge,
-						label: he,
+						onBack: ve,
+						onContinue: _e,
+						label: ge,
 						children: T.nodes.map((e) => V(e))
 					})
-				}), w.showPoweredBy && /* @__PURE__ */ P(B, {
-					style: [mt.poweredBy, { color: b.textMuted }],
+				}), w.showPoweredBy && /* @__PURE__ */ F(B, {
+					style: [gt.poweredBy, { color: b.textMuted }],
 					children: "Powered by Treege"
 				})]
-			}), L && /* @__PURE__ */ F(H, {
-				style: [mt.message, { backgroundColor: L.type === "success" ? b.successBg : b.errorBg }],
-				children: [/* @__PURE__ */ P(B, {
-					style: [mt.messageText, { color: L.type === "success" ? b.success : b.error }],
+			}), L && /* @__PURE__ */ I(H, {
+				style: [gt.message, { backgroundColor: L.type === "success" ? b.successBg : b.errorBg }],
+				children: [/* @__PURE__ */ F(B, {
+					style: [gt.messageText, { color: L.type === "success" ? b.success : b.error }],
 					children: L.message
-				}), /* @__PURE__ */ P(B, {
-					style: [mt.messageClose, { color: L.type === "success" ? b.success : b.error }],
+				}), /* @__PURE__ */ F(B, {
+					style: [gt.messageClose, { color: L.type === "success" ? b.success : b.error }],
 					onPress: C,
 					children: le("common.close")
 				})]
 			})]
 		})
 	});
-}, pt = (e) => /* @__PURE__ */ P(C, {
+}, ht = (e) => /* @__PURE__ */ F(C, {
 	theme: e.theme,
 	storageKey: "treege-renderer-theme",
-	children: /* @__PURE__ */ P(ft, { ...e })
-}), mt = z.create({
+	children: /* @__PURE__ */ F(mt, { ...e })
+}), gt = z.create({
 	container: { flex: 1 },
 	message: {
 		borderRadius: 6,
@@ -3818,4 +3700,4 @@ var fe = ({ children: e }) => /* @__PURE__ */ P(H, {
 	}
 });
 //#endregion
-export { ge as DefaultAddressInput, ye as DefaultAutocompleteInput, be as DefaultCheckboxInput, xe as DefaultDateInput, Se as DefaultDateRangeInput, it as DefaultDividerUI, Ce as DefaultFileInput, we as DefaultHiddenInput, Fe as DefaultHttpInput, Ie as DefaultNumberInput, Re as DefaultPasswordInput, Be as DefaultRadioInput, Ve as DefaultSelectInput, Ue as DefaultSwitchInput, qe as DefaultTextInput, Ge as DefaultTextareaInput, Ye as DefaultTimeInput, Xe as DefaultTimeRangeInput, rt as DefaultTitleUI, pt as TreegeRenderer, E as TreegeRendererProvider, x as applyReferenceTransformation, m as buildInitialFormValues, l as calculateReferenceFieldUpdates, b as checkFormFieldHasValue, S as convertFormValuesToNamedFormat, Ze as defaultInputRenderers, ot as defaultUI, k as evaluateCondition, A as evaluateConditions, v as fileToSerializable, p as filesToSerializable, te as findStartNode, D as getFlowRenderState, t as getTranslatedText, d as isFieldEmpty, T as isStartNode, _ as resolveNodeDefaultValue, ke as sanitize, je as sanitizeHttpResponse, f as serializableToFile, ee as useTreegeRenderer, O as useTreegeRendererConfig };
+export { ve as DefaultAddressInput, xe as DefaultAutocompleteInput, Se as DefaultCheckboxInput, Ce as DefaultDateInput, we as DefaultDateRangeInput, ot as DefaultDividerUI, Te as DefaultFileInput, Ee as DefaultHiddenInput, Le as DefaultHttpInput, me as DefaultInputLabel, Re as DefaultNumberInput, Be as DefaultPasswordInput, He as DefaultRadioInput, Ue as DefaultSelectInput, Ge as DefaultSwitchInput, Ye as DefaultTextInput, qe as DefaultTextareaInput, Ze as DefaultTimeInput, Qe as DefaultTimeRangeInput, at as DefaultTitleUI, ht as TreegeRenderer, E as TreegeRendererProvider, x as applyReferenceTransformation, m as buildInitialFormValues, l as calculateReferenceFieldUpdates, b as checkFormFieldHasValue, S as convertFormValuesToNamedFormat, $e as defaultInputRenderers, ct as defaultUI, A as evaluateCondition, ee as evaluateConditions, v as fileToSerializable, p as filesToSerializable, j as findStartNode, D as getFlowRenderState, t as getTranslatedText, d as isFieldEmpty, T as isStartNode, _ as resolveNodeDefaultValue, je as sanitize, Ne as sanitizeHttpResponse, f as serializableToFile, k as useTreegeRenderer, O as useTreegeRendererConfig };