treege 3.0.0-beta.5 → 3.0.0-beta.50

package/dist/renderer-native.js

@@ -0,0 +1,3580 @@
+import { E as e, L as t, M as n, O as r, S as i, _ as a, a as o, b as s, c, d as l, f as u, g as d, h as f, i as p, j as m, l as h, m as g, n as _, o as v, p as y, r as b, s as x, t as S, u as C, w, x as T } from "./ThemeContext-BbA-sJ85.js";
+import { useCallback as ee, useEffect as E, useMemo as D, useRef as O, useState as k } from "react";
+import { jsx as A, jsxs as j } from "react/jsx-runtime";
+import { ActivityIndicator as M, Alert as N, FlatList as te, Image as P, Modal as F, ScrollView as I, StyleSheet as L, Switch as R, Text as z, TextInput as ne, TouchableOpacity as B, View as V } from "react-native";
+//#region src/renderer/features/TreegeRenderer/native/components/DefaultFormWrapper.tsx
+var H = ({ children: e }) => /* @__PURE__ */ A(V, {
+	style: re.container,
+	children: e
+}), re = L.create({ container: { padding: 16 } }), ie = 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: {
+			Accept: "application/json",
+			"User-Agent": "Treege Renderer",
+			...t && { "Accept-Language": t }
+		} });
+		return n.ok ? (await n.json()).map((e) => ({
+			label: e.display_name,
+			value: e.display_name
+		})) : [];
+	} catch (e) {
+		return console.error("Nominatim fetch error:", e), [];
+	}
+}, ae = 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}`);
+		if (!n.ok) return console.warn("Google Places API request failed:", n.status), [];
+		let r = await n.json();
+		return r.status !== "OK" && r.status !== "ZERO_RESULTS" ? (console.warn("Google Places API status:", r.status), []) : (r.predictions || []).map((e) => ({
+			label: e.description,
+			value: e.description
+		}));
+	} catch (e) {
+		return console.error("Google Places fetch error:", e), [];
+	}
+}, oe = ({ node: e, value: t, setValue: i, error: a, label: o, placeholder: s, helperText: c, id: l, name: u }) => {
+	let [d, f] = k(""), [p, m] = k([]), [h, g] = k(!1), [v, y] = k(!1), { language: b, googleApiKey: x } = n(), S = r(), { colors: C } = _(), w = ee((e) => {
+		i(e.value), f(""), g(!1), m([]);
+	}, [i]), T = () => {
+		g(!1);
+	};
+	return E(() => {
+		if (!d || d.trim().length < 3) {
+			m([]), y(!1);
+			return;
+		}
+		y(!0);
+		let e = setTimeout(async () => {
+			m(x ? await ae(d, x) : await ie(d, b)), y(!1);
+		}, 300);
+		return () => {
+			clearTimeout(e), y(!1);
+		};
+	}, [
+		d,
+		b,
+		x
+	]), /* @__PURE__ */ j(V, {
+		style: U.container,
+		children: [
+			/* @__PURE__ */ j(z, {
+				style: [U.label, { color: C.textSecondary }],
+				children: [o || e.data.name, e.data.required && /* @__PURE__ */ A(z, {
+					style: { color: C.error },
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ j(B, {
+				style: [
+					U.trigger,
+					{
+						backgroundColor: C.input,
+						borderColor: C.border
+					},
+					a && { borderColor: C.error }
+				],
+				onPress: () => g(!0),
+				activeOpacity: .7,
+				children: [/* @__PURE__ */ A(z, {
+					style: [
+						U.triggerText,
+						{ color: C.text },
+						!t && { color: C.textMuted }
+					],
+					numberOfLines: 1,
+					children: t || s || S("renderer.defaultAddressInput.enterAddress")
+				}), /* @__PURE__ */ A(z, {
+					style: U.icon,
+					children: "📍"
+				})]
+			}),
+			/* @__PURE__ */ A(F, {
+				visible: h,
+				transparent: !0,
+				animationType: "fade",
+				onRequestClose: T,
+				children: /* @__PURE__ */ A(B, {
+					style: U.modalOverlay,
+					activeOpacity: 1,
+					onPress: T,
+					children: /* @__PURE__ */ j(B, {
+						style: [U.modalContent, { backgroundColor: C.card }],
+						activeOpacity: 1,
+						onPress: () => {},
+						children: [
+							/* @__PURE__ */ j(V, {
+								style: [U.modalHeader, { borderBottomColor: C.separator }],
+								children: [/* @__PURE__ */ A(z, {
+									style: [U.modalTitle, { color: C.text }],
+									children: o || e.data.name
+								}), /* @__PURE__ */ A(B, {
+									onPress: T,
+									children: /* @__PURE__ */ A(z, {
+										style: [U.closeButton, { color: C.textMuted }],
+										children: "✕"
+									})
+								})]
+							}),
+							/* @__PURE__ */ j(V, {
+								style: U.searchContainer,
+								children: [/* @__PURE__ */ A(ne, {
+									style: [U.searchInput, {
+										backgroundColor: C.muted,
+										borderColor: C.border,
+										color: C.text
+									}],
+									placeholder: s || S("renderer.defaultAddressInput.enterAddress"),
+									placeholderTextColor: C.textMuted,
+									value: d,
+									onChangeText: f,
+									autoFocus: !0,
+									autoCapitalize: "none",
+									autoCorrect: !1
+								}), v && /* @__PURE__ */ A(M, {
+									size: "small",
+									color: C.primary,
+									style: U.searchLoader
+								})]
+							}),
+							v ? /* @__PURE__ */ j(V, {
+								style: U.loadingContainer,
+								children: [/* @__PURE__ */ A(M, {
+									size: "small",
+									color: C.primary
+								}), /* @__PURE__ */ A(z, {
+									style: [U.loadingText, { color: C.textMuted }],
+									children: S("renderer.defaultAddressInput.searching")
+								})]
+							}) : /* @__PURE__ */ A(te, {
+								data: p,
+								keyExtractor: (e, t) => t.toString(),
+								style: U.suggestionsList,
+								contentContainerStyle: U.suggestionsListContent,
+								keyboardShouldPersistTaps: "handled",
+								ListEmptyComponent: d.length >= 3 ? /* @__PURE__ */ A(V, {
+									style: U.emptyContainer,
+									children: /* @__PURE__ */ A(z, {
+										style: [U.emptyText, { color: C.textMuted }],
+										children: S("renderer.defaultAddressInput.noAddressesFound")
+									})
+								}) : /* @__PURE__ */ A(V, {
+									style: U.emptyContainer,
+									children: /* @__PURE__ */ A(z, {
+										style: [U.emptyText, { color: C.textMuted }],
+										children: S("renderer.defaultAddressInput.typeMinChars")
+									})
+								}),
+								renderItem: ({ item: e }) => /* @__PURE__ */ j(B, {
+									style: U.suggestionItem,
+									onPress: () => w(e),
+									activeOpacity: .7,
+									children: [/* @__PURE__ */ A(z, {
+										style: U.suggestionIcon,
+										children: "📍"
+									}), /* @__PURE__ */ A(z, {
+										style: [U.suggestionText, { color: C.text }],
+										numberOfLines: 2,
+										children: e.label
+									})]
+								})
+							})
+						]
+					})
+				})
+			}),
+			a && /* @__PURE__ */ A(z, {
+				style: [U.error, { color: C.error }],
+				children: a
+			}),
+			c && !a && /* @__PURE__ */ A(z, {
+				style: [U.helperText, { color: C.textMuted }],
+				children: c
+			})
+		]
+	});
+}, U = L.create({
+	closeButton: {
+		fontSize: 24,
+		fontWeight: "300"
+	},
+	container: { marginBottom: 16 },
+	emptyContainer: {
+		alignItems: "center",
+		paddingVertical: 24
+	},
+	emptyText: { fontSize: 14 },
+	error: {
+		fontSize: 12,
+		marginTop: 4
+	},
+	helperText: {
+		fontSize: 12,
+		marginTop: 4
+	},
+	icon: { fontSize: 16 },
+	label: {
+		fontSize: 14,
+		fontWeight: "500",
+		marginBottom: 8
+	},
+	loadingContainer: {
+		alignItems: "center",
+		flexDirection: "row",
+		justifyContent: "center",
+		paddingVertical: 24
+	},
+	loadingText: {
+		fontSize: 14,
+		marginLeft: 8
+	},
+	modalContent: {
+		borderRadius: 12,
+		maxHeight: "80%",
+		padding: 16,
+		width: "90%"
+	},
+	modalHeader: {
+		alignItems: "center",
+		borderBottomWidth: 1,
+		flexDirection: "row",
+		justifyContent: "space-between",
+		marginBottom: 12,
+		paddingBottom: 12
+	},
+	modalOverlay: {
+		alignItems: "center",
+		backgroundColor: "rgba(0, 0, 0, 0.5)",
+		flex: 1,
+		justifyContent: "center"
+	},
+	modalTitle: {
+		fontSize: 18,
+		fontWeight: "600"
+	},
+	searchContainer: {
+		marginBottom: 12,
+		position: "relative"
+	},
+	searchInput: {
+		borderRadius: 6,
+		borderWidth: 1,
+		fontSize: 14,
+		paddingHorizontal: 12,
+		paddingRight: 40,
+		paddingVertical: 10
+	},
+	searchLoader: {
+		position: "absolute",
+		right: 12,
+		top: "50%",
+		transform: [{ translateY: -10 }]
+	},
+	suggestionIcon: {
+		fontSize: 16,
+		marginRight: 8
+	},
+	suggestionItem: {
+		alignItems: "center",
+		borderRadius: 6,
+		flexDirection: "row",
+		paddingHorizontal: 12,
+		paddingVertical: 12
+	},
+	suggestionsList: {
+		flexGrow: 0,
+		flexShrink: 1
+	},
+	suggestionsListContent: { flexGrow: 0 },
+	suggestionText: {
+		flex: 1,
+		fontSize: 14
+	},
+	trigger: {
+		alignItems: "center",
+		borderRadius: 6,
+		borderWidth: 1,
+		flexDirection: "row",
+		justifyContent: "space-between",
+		paddingHorizontal: 12,
+		paddingVertical: 10
+	},
+	triggerText: {
+		flex: 1,
+		fontSize: 14
+	}
+}), se = ({ node: e, value: t, setValue: n, error: i, label: a, placeholder: o, helperText: s }) => {
+	let [c, l] = k(!1), [u, d] = k(""), f = r(), { colors: p } = _(), m = e.data.options || [], h = m.find((e) => e.value === t), g = D(() => {
+		if (!u.trim()) return m;
+		let e = u.toLowerCase();
+		return m.filter((t) => f(t.label).toLowerCase().includes(e) || t.value.toLowerCase().includes(e));
+	}, [
+		m,
+		u,
+		f
+	]), v = (e) => {
+		n(e === t ? "" : e), l(!1), d("");
+	}, y = () => {
+		l(!1), d("");
+	};
+	return /* @__PURE__ */ j(V, {
+		style: W.container,
+		children: [
+			/* @__PURE__ */ j(z, {
+				style: [W.label, { color: p.textSecondary }],
+				children: [a || e.data.name, e.data.required && /* @__PURE__ */ A(z, {
+					style: { color: p.error },
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ j(B, {
+				style: [
+					W.trigger,
+					{
+						backgroundColor: p.input,
+						borderColor: p.border
+					},
+					i && { borderColor: p.error }
+				],
+				onPress: () => l(!0),
+				activeOpacity: .7,
+				children: [/* @__PURE__ */ A(z, {
+					style: [
+						W.triggerText,
+						{ color: p.text },
+						!t && { color: p.textMuted }
+					],
+					numberOfLines: 1,
+					children: t && h ? f(h.label) : o || f("renderer.defaultAutocompleteInput.selectOption")
+				}), /* @__PURE__ */ A(z, {
+					style: [W.arrow, { color: p.textMuted }],
+					children: "▼"
+				})]
+			}),
+			/* @__PURE__ */ A(F, {
+				visible: c,
+				transparent: !0,
+				animationType: "fade",
+				onRequestClose: y,
+				children: /* @__PURE__ */ A(B, {
+					style: W.modalOverlay,
+					activeOpacity: 1,
+					onPress: y,
+					children: /* @__PURE__ */ j(B, {
+						style: [W.modalContent, { backgroundColor: p.card }],
+						activeOpacity: 1,
+						onPress: () => {},
+						children: [
+							/* @__PURE__ */ j(V, {
+								style: [W.modalHeader, { borderBottomColor: p.separator }],
+								children: [/* @__PURE__ */ A(z, {
+									style: [W.modalTitle, { color: p.text }],
+									children: a || e.data.name
+								}), /* @__PURE__ */ A(B, {
+									onPress: y,
+									children: /* @__PURE__ */ A(z, {
+										style: [W.closeButton, { color: p.textMuted }],
+										children: "✕"
+									})
+								})]
+							}),
+							/* @__PURE__ */ A(V, {
+								style: W.searchContainer,
+								children: /* @__PURE__ */ A(ne, {
+									style: [W.searchInput, {
+										backgroundColor: p.muted,
+										borderColor: p.border,
+										color: p.text
+									}],
+									placeholder: o || f("renderer.defaultAutocompleteInput.search"),
+									placeholderTextColor: p.textMuted,
+									value: u,
+									onChangeText: d,
+									autoFocus: !0,
+									autoCapitalize: "none",
+									autoCorrect: !1
+								})
+							}),
+							/* @__PURE__ */ A(te, {
+								data: g,
+								keyExtractor: (e) => e.value,
+								style: W.optionsList,
+								contentContainerStyle: W.optionsListContent,
+								ListEmptyComponent: /* @__PURE__ */ A(V, {
+									style: W.emptyContainer,
+									children: /* @__PURE__ */ A(z, {
+										style: [W.emptyText, { color: p.textMuted }],
+										children: f("renderer.defaultAutocompleteInput.noResults")
+									})
+								}),
+								renderItem: ({ item: e }) => {
+									let n = e.value === t;
+									return /* @__PURE__ */ j(B, {
+										style: [W.option, n && { backgroundColor: p.primaryLight }],
+										onPress: () => v(e.value),
+										disabled: e.disabled,
+										activeOpacity: .7,
+										children: [/* @__PURE__ */ A(z, {
+											style: [
+												W.optionText,
+												{ color: p.text },
+												e.disabled && { color: p.textMuted }
+											],
+											children: f(e.label)
+										}), n && /* @__PURE__ */ A(z, {
+											style: [W.checkmark, { color: p.primary }],
+											children: "✓"
+										})]
+									});
+								}
+							})
+						]
+					})
+				})
+			}),
+			i && /* @__PURE__ */ A(z, {
+				style: [W.error, { color: p.error }],
+				children: i
+			}),
+			s && !i && /* @__PURE__ */ A(z, {
+				style: [W.helperText, { color: p.textMuted }],
+				children: s
+			})
+		]
+	});
+}, W = L.create({
+	arrow: { fontSize: 12 },
+	checkmark: {
+		fontSize: 18,
+		fontWeight: "700"
+	},
+	closeButton: {
+		fontSize: 24,
+		fontWeight: "300"
+	},
+	container: { marginBottom: 16 },
+	emptyContainer: {
+		alignItems: "center",
+		paddingVertical: 24
+	},
+	emptyText: { fontSize: 14 },
+	error: {
+		fontSize: 12,
+		marginTop: 4
+	},
+	helperText: {
+		fontSize: 12,
+		marginTop: 4
+	},
+	label: {
+		fontSize: 14,
+		fontWeight: "500",
+		marginBottom: 8
+	},
+	modalContent: {
+		borderRadius: 12,
+		maxHeight: "80%",
+		padding: 16,
+		width: "90%"
+	},
+	modalHeader: {
+		alignItems: "center",
+		borderBottomWidth: 1,
+		flexDirection: "row",
+		justifyContent: "space-between",
+		marginBottom: 12,
+		paddingBottom: 12
+	},
+	modalOverlay: {
+		alignItems: "center",
+		backgroundColor: "rgba(0, 0, 0, 0.5)",
+		flex: 1,
+		justifyContent: "center"
+	},
+	modalTitle: {
+		fontSize: 18,
+		fontWeight: "600"
+	},
+	option: {
+		alignItems: "center",
+		borderRadius: 6,
+		flexDirection: "row",
+		justifyContent: "space-between",
+		paddingHorizontal: 12,
+		paddingVertical: 12
+	},
+	optionsList: {
+		flexGrow: 0,
+		flexShrink: 1
+	},
+	optionsListContent: { flexGrow: 0 },
+	optionText: {
+		flex: 1,
+		fontSize: 14
+	},
+	searchContainer: { marginBottom: 12 },
+	searchInput: {
+		borderRadius: 6,
+		borderWidth: 1,
+		fontSize: 14,
+		paddingHorizontal: 12,
+		paddingVertical: 10
+	},
+	trigger: {
+		alignItems: "center",
+		borderRadius: 6,
+		borderWidth: 1,
+		flexDirection: "row",
+		justifyContent: "space-between",
+		paddingHorizontal: 12,
+		paddingVertical: 10
+	},
+	triggerText: {
+		flex: 1,
+		fontSize: 14
+	}
+}), ce = ({ node: e, value: t, setValue: n, error: i, label: a, helperText: o }) => {
+	let s = r(), { colors: c } = _(), l = e.data.options || [], u = l.length > 0, d = Array.isArray(t) ? t : [], f = typeof t == "boolean" ? t : !1, p = (e) => {
+		n(u ? d.includes(e) ? d.filter((t) => t !== e) : [...d, e] : !f);
+	}, m = (e) => u ? d.includes(e) : f;
+	return /* @__PURE__ */ j(V, {
+		style: G.container,
+		children: [
+			/* @__PURE__ */ j(z, {
+				style: [G.label, { color: c.textSecondary }],
+				children: [a || e.data.name, e.data.required && /* @__PURE__ */ A(z, {
+					style: { color: c.error },
+					children: "*"
+				})]
+			}),
+			l.length > 0 ? l.map((e) => {
+				let t = s(e.description);
+				return /* @__PURE__ */ j(B, {
+					style: G.option,
+					onPress: () => p(e.value),
+					disabled: e.disabled,
+					activeOpacity: .7,
+					accessible: !0,
+					accessibilityRole: "checkbox",
+					accessibilityState: {
+						checked: m(e.value),
+						disabled: e.disabled
+					},
+					accessibilityLabel: s(e.label) || e.value,
+					children: [/* @__PURE__ */ A(V, {
+						style: [
+							G.checkbox,
+							{
+								backgroundColor: c.input,
+								borderColor: c.border
+							},
+							m(e.value) && {
+								backgroundColor: c.primary,
+								borderColor: c.primary
+							}
+						],
+						children: m(e.value) && /* @__PURE__ */ A(z, {
+							style: G.checkmark,
+							children: "✓"
+						})
+					}), /* @__PURE__ */ j(V, {
+						style: G.optionTextContainer,
+						children: [/* @__PURE__ */ A(z, {
+							style: [
+								G.optionLabel,
+								{ color: c.textSecondary },
+								e.disabled && { color: c.textMuted }
+							],
+							children: s(e.label) || e.value
+						}), t && /* @__PURE__ */ A(z, {
+							style: [G.optionDescription, { color: c.textMuted }],
+							children: t
+						})]
+					})]
+				}, e.value);
+			}) : /* @__PURE__ */ j(B, {
+				style: G.option,
+				onPress: () => p(""),
+				activeOpacity: .7,
+				accessible: !0,
+				accessibilityRole: "checkbox",
+				accessibilityState: { checked: f },
+				accessibilityLabel: a || e.data.name,
+				children: [/* @__PURE__ */ A(V, {
+					style: [
+						G.checkbox,
+						{
+							backgroundColor: c.input,
+							borderColor: c.border
+						},
+						f && {
+							backgroundColor: c.primary,
+							borderColor: c.primary
+						}
+					],
+					children: f && /* @__PURE__ */ A(z, {
+						style: G.checkmark,
+						children: "✓"
+					})
+				}), /* @__PURE__ */ A(z, {
+					style: [G.optionLabel, { color: c.textSecondary }],
+					children: a || e.data.name
+				})]
+			}),
+			i && /* @__PURE__ */ A(z, {
+				style: [G.error, { color: c.error }],
+				children: i
+			}),
+			o && !i && /* @__PURE__ */ A(z, {
+				style: [G.helperText, { color: c.textMuted }],
+				children: o
+			})
+		]
+	});
+}, G = L.create({
+	checkbox: {
+		alignItems: "center",
+		borderRadius: 4,
+		borderWidth: 2,
+		height: 20,
+		justifyContent: "center",
+		marginRight: 12,
+		width: 20
+	},
+	checkmark: {
+		color: "#FFFFFF",
+		fontSize: 14,
+		fontWeight: "700"
+	},
+	container: { marginBottom: 16 },
+	error: {
+		fontSize: 12,
+		marginTop: 4
+	},
+	helperText: {
+		fontSize: 12,
+		marginTop: 4
+	},
+	label: {
+		fontSize: 14,
+		fontWeight: "500",
+		marginBottom: 8
+	},
+	option: {
+		alignItems: "flex-start",
+		flexDirection: "row",
+		marginBottom: 8
+	},
+	optionDescription: {
+		fontSize: 12,
+		marginTop: 2
+	},
+	optionLabel: { fontSize: 14 },
+	optionTextContainer: { flex: 1 }
+}), le = ({ node: e, value: t, setValue: n, error: i, label: a, placeholder: o, helperText: s }) => {
+	let [c, l] = k(!1), u = r(), { colors: d } = _(), f = t ? new Date(t) : void 0, { year: p, month: m, today: h } = D(() => {
+		let e = f || /* @__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
+		};
+	}, [f]), [g, v] = k(p), [y, b] = k(m), x = [
+		"January",
+		"February",
+		"March",
+		"April",
+		"May",
+		"June",
+		"July",
+		"August",
+		"September",
+		"October",
+		"November",
+		"December"
+	], S = D(() => {
+		let e = new Date(g, y, 1).getDay(), t = new Date(g, y + 1, 0).getDate(), n = new Date(g, y, 0).getDate(), r = [];
+		for (let t = e - 1; t >= 0; t--) r.push({
+			date: new Date(g, y - 1, n - t),
+			day: n - t,
+			isCurrentMonth: !1
+		});
+		for (let e = 1; e <= t; e++) r.push({
+			date: new Date(g, y, e),
+			day: e,
+			isCurrentMonth: !0
+		});
+		let i = 42 - r.length;
+		for (let e = 1; e <= i; e++) r.push({
+			date: new Date(g, y + 1, e),
+			day: e,
+			isCurrentMonth: !1
+		});
+		return r;
+	}, [g, y]), C = ee((t) => {
+		e.data.disablePast && t < h || (n(t.toISOString()), l(!1));
+	}, [
+		e.data.disablePast,
+		h,
+		n
+	]), w = () => {
+		y === 0 ? (b(11), v(g - 1)) : b(y - 1);
+	}, T = () => {
+		y === 11 ? (b(0), v(g + 1)) : b(y + 1);
+	}, E = () => f ? f.toLocaleDateString() : o || u("renderer.defaultInputs.selectDate"), O = (t) => e.data.disablePast ? t < h : !1, M = (e) => f ? e.getDate() === f.getDate() && e.getMonth() === f.getMonth() && e.getFullYear() === f.getFullYear() : !1;
+	return /* @__PURE__ */ j(V, {
+		style: K.container,
+		children: [
+			/* @__PURE__ */ j(z, {
+				style: [K.label, { color: d.textSecondary }],
+				children: [a || e.data.name, e.data.required && /* @__PURE__ */ A(z, {
+					style: { color: d.error },
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ j(B, {
+				style: [
+					K.trigger,
+					{
+						backgroundColor: d.input,
+						borderColor: d.border
+					},
+					i && { borderColor: d.error }
+				],
+				onPress: () => l(!0),
+				activeOpacity: .7,
+				children: [/* @__PURE__ */ A(z, {
+					style: [
+						K.triggerText,
+						{ color: d.text },
+						!t && { color: d.textMuted }
+					],
+					numberOfLines: 1,
+					children: E()
+				}), /* @__PURE__ */ A(z, {
+					style: K.icon,
+					children: "📅"
+				})]
+			}),
+			/* @__PURE__ */ A(F, {
+				visible: c,
+				transparent: !0,
+				animationType: "fade",
+				onRequestClose: () => l(!1),
+				children: /* @__PURE__ */ A(B, {
+					style: K.modalOverlay,
+					activeOpacity: 1,
+					onPress: () => l(!1),
+					children: /* @__PURE__ */ j(B, {
+						style: [K.modalContent, { backgroundColor: d.card }],
+						activeOpacity: 1,
+						onPress: () => {},
+						children: [
+							/* @__PURE__ */ j(V, {
+								style: [K.modalHeader, { borderBottomColor: d.separator }],
+								children: [/* @__PURE__ */ A(z, {
+									style: [K.modalTitle, { color: d.text }],
+									children: a || e.data.name
+								}), /* @__PURE__ */ A(B, {
+									onPress: () => l(!1),
+									children: /* @__PURE__ */ A(z, {
+										style: [K.closeButton, { color: d.textMuted }],
+										children: "✕"
+									})
+								})]
+							}),
+							/* @__PURE__ */ j(V, {
+								style: K.calendarHeader,
+								children: [
+									/* @__PURE__ */ A(B, {
+										onPress: w,
+										style: K.navButton,
+										children: /* @__PURE__ */ A(z, {
+											style: [K.navButtonText, { color: d.primary }],
+											children: "‹"
+										})
+									}),
+									/* @__PURE__ */ j(z, {
+										style: [K.monthYear, { color: d.text }],
+										children: [
+											x[y],
+											" ",
+											g
+										]
+									}),
+									/* @__PURE__ */ A(B, {
+										onPress: T,
+										style: K.navButton,
+										children: /* @__PURE__ */ A(z, {
+											style: [K.navButtonText, { color: d.primary }],
+											children: "›"
+										})
+									})
+								]
+							}),
+							/* @__PURE__ */ A(V, {
+								style: K.weekDays,
+								children: [
+									"Sun",
+									"Mon",
+									"Tue",
+									"Wed",
+									"Thu",
+									"Fri",
+									"Sat"
+								].map((e) => /* @__PURE__ */ A(z, {
+									style: [K.weekDay, { color: d.textMuted }],
+									children: e
+								}, e))
+							}),
+							/* @__PURE__ */ A(te, {
+								data: S,
+								keyExtractor: (e, t) => `${e.date.getTime()}-${t}`,
+								numColumns: 7,
+								scrollEnabled: !1,
+								style: K.calendar,
+								contentContainerStyle: K.calendarContent,
+								renderItem: ({ item: e }) => {
+									let t = O(e.date), n = M(e.date);
+									return /* @__PURE__ */ A(B, {
+										style: [
+											K.dayCell,
+											!e.isCurrentMonth && K.dayCellOtherMonth,
+											n && {
+												backgroundColor: d.primary,
+												borderRadius: 20
+											},
+											t && K.dayCellDisabled
+										],
+										onPress: () => C(e.date),
+										disabled: t,
+										activeOpacity: .7,
+										children: /* @__PURE__ */ A(z, {
+											style: [
+												K.dayText,
+												{ color: d.text },
+												!e.isCurrentMonth && { color: d.textMuted },
+												n && {
+													color: d.background,
+													fontWeight: "600"
+												},
+												t && { color: d.textMuted }
+											],
+											children: e.day
+										})
+									});
+								}
+							})
+						]
+					})
+				})
+			}),
+			i && /* @__PURE__ */ A(z, {
+				style: [K.error, { color: d.error }],
+				children: i
+			}),
+			s && !i && /* @__PURE__ */ A(z, {
+				style: [K.helperText, { color: d.textMuted }],
+				children: s
+			})
+		]
+	});
+}, K = L.create({
+	calendar: {
+		flexGrow: 0,
+		flexShrink: 1
+	},
+	calendarContent: { flexGrow: 0 },
+	calendarHeader: {
+		alignItems: "center",
+		flexDirection: "row",
+		justifyContent: "space-between",
+		marginBottom: 16,
+		paddingHorizontal: 8
+	},
+	closeButton: {
+		fontSize: 24,
+		fontWeight: "300"
+	},
+	container: { marginBottom: 16 },
+	dayCell: {
+		alignItems: "center",
+		aspectRatio: 1,
+		flex: 1,
+		justifyContent: "center",
+		margin: 2,
+		maxWidth: "14.28%"
+	},
+	dayCellDisabled: { opacity: .3 },
+	dayCellOtherMonth: { opacity: .3 },
+	dayText: { fontSize: 14 },
+	error: {
+		fontSize: 12,
+		marginTop: 4
+	},
+	helperText: {
+		fontSize: 12,
+		marginTop: 4
+	},
+	icon: { fontSize: 16 },
+	label: {
+		fontSize: 14,
+		fontWeight: "500",
+		marginBottom: 8
+	},
+	modalContent: {
+		borderRadius: 12,
+		maxHeight: "80%",
+		padding: 16,
+		width: "90%"
+	},
+	modalHeader: {
+		alignItems: "center",
+		borderBottomWidth: 1,
+		flexDirection: "row",
+		justifyContent: "space-between",
+		marginBottom: 16,
+		paddingBottom: 12
+	},
+	modalOverlay: {
+		alignItems: "center",
+		backgroundColor: "rgba(0, 0, 0, 0.5)",
+		flex: 1,
+		justifyContent: "center"
+	},
+	modalTitle: {
+		fontSize: 18,
+		fontWeight: "600"
+	},
+	monthYear: {
+		fontSize: 16,
+		fontWeight: "600"
+	},
+	navButton: { padding: 8 },
+	navButtonText: {
+		fontSize: 24,
+		fontWeight: "600"
+	},
+	trigger: {
+		alignItems: "center",
+		borderRadius: 6,
+		borderWidth: 1,
+		flexDirection: "row",
+		justifyContent: "space-between",
+		paddingHorizontal: 12,
+		paddingVertical: 10
+	},
+	triggerText: {
+		flex: 1,
+		fontSize: 14
+	},
+	weekDay: {
+		flex: 1,
+		fontSize: 12,
+		fontWeight: "600",
+		maxWidth: "14.28%",
+		textAlign: "center"
+	},
+	weekDays: {
+		flexDirection: "row",
+		marginBottom: 8
+	}
+}), ue = ({ node: e, value: t, setValue: n, error: i, label: a, helperText: o }) => {
+	let [s, c] = k(!1), [l, u] = k(!0), d = r(), { colors: f } = _(), p = Array.isArray(t) ? t : [], m = p[0] ? new Date(p[0]) : void 0, h = p[1] ? new Date(p[1]) : void 0, { year: g, month: v, today: y } = D(() => {
+		let e = m || /* @__PURE__ */ new Date(), t = e.getFullYear(), n = e.getMonth(), r = /* @__PURE__ */ new Date();
+		return r.setHours(0, 0, 0, 0), {
+			month: n,
+			today: r,
+			year: t
+		};
+	}, [m]), [b, x] = k(g), [S, C] = k(v), w = [
+		"January",
+		"February",
+		"March",
+		"April",
+		"May",
+		"June",
+		"July",
+		"August",
+		"September",
+		"October",
+		"November",
+		"December"
+	], T = D(() => {
+		let e = new Date(b, S, 1).getDay(), t = new Date(b, S + 1, 0).getDate(), n = new Date(b, S, 0).getDate(), r = [];
+		for (let t = e - 1; t >= 0; t--) r.push({
+			date: new Date(b, S - 1, n - t),
+			day: n - t,
+			isCurrentMonth: !1
+		});
+		for (let e = 1; e <= t; e++) r.push({
+			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(b, S + 1, e),
+			day: e,
+			isCurrentMonth: !1
+		});
+		return r;
+	}, [b, S]), E = ee((t) => {
+		e.data.disablePast && t < y || (l ? (n([t.toISOString(), h?.toISOString()]), u(!1)) : (n(m && t < m ? [t.toISOString(), m.toISOString()] : [m?.toISOString(), t.toISOString()]), c(!1), u(!0)));
+	}, [
+		e.data.disablePast,
+		y,
+		l,
+		m,
+		h,
+		n
+	]), O = () => {
+		S === 0 ? (C(11), x(b - 1)) : C(S - 1);
+	}, M = () => {
+		S === 11 ? (C(0), x(b + 1)) : C(S + 1);
+	}, N = () => m && h ? `${m.toLocaleDateString()} - ${h.toLocaleDateString()}` : m ? m.toLocaleDateString() : d("renderer.defaultInputs.selectDateRange"), P = (t) => e.data.disablePast ? t < y : !1, I = (e) => m && h ? e >= m && e <= h : !1, L = (e) => {
+		if (!(m || h)) return !1;
+		let t = m && e.getDate() === m.getDate() && e.getMonth() === m.getMonth() && e.getFullYear() === m.getFullYear(), n = h && e.getDate() === h.getDate() && e.getMonth() === h.getMonth() && e.getFullYear() === h.getFullYear();
+		return t || n;
+	};
+	return /* @__PURE__ */ j(V, {
+		style: q.container,
+		children: [
+			/* @__PURE__ */ j(z, {
+				style: [q.label, { color: f.textSecondary }],
+				children: [a || e.data.name, e.data.required && /* @__PURE__ */ A(z, {
+					style: { color: f.error },
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ j(B, {
+				style: [
+					q.trigger,
+					{
+						backgroundColor: f.input,
+						borderColor: f.border
+					},
+					i && { borderColor: f.error }
+				],
+				onPress: () => c(!0),
+				activeOpacity: .7,
+				children: [/* @__PURE__ */ A(z, {
+					style: [
+						q.triggerText,
+						{ color: f.text },
+						!m && { color: f.textMuted }
+					],
+					numberOfLines: 1,
+					children: N()
+				}), /* @__PURE__ */ A(z, {
+					style: q.icon,
+					children: "📅"
+				})]
+			}),
+			/* @__PURE__ */ A(F, {
+				visible: s,
+				transparent: !0,
+				animationType: "fade",
+				onRequestClose: () => c(!1),
+				children: /* @__PURE__ */ A(B, {
+					style: q.modalOverlay,
+					activeOpacity: 1,
+					onPress: () => c(!1),
+					children: /* @__PURE__ */ j(B, {
+						style: [q.modalContent, { backgroundColor: f.card }],
+						activeOpacity: 1,
+						onPress: () => {},
+						children: [
+							/* @__PURE__ */ j(V, {
+								style: [q.modalHeader, { borderBottomColor: f.separator }],
+								children: [/* @__PURE__ */ A(z, {
+									style: [q.modalTitle, { color: f.text }],
+									children: a || e.data.name
+								}), /* @__PURE__ */ A(B, {
+									onPress: () => c(!1),
+									children: /* @__PURE__ */ A(z, {
+										style: [q.closeButton, { color: f.textMuted }],
+										children: "✕"
+									})
+								})]
+							}),
+							/* @__PURE__ */ A(V, {
+								style: [q.rangeIndicator, { backgroundColor: f.primaryLight }],
+								children: /* @__PURE__ */ A(z, {
+									style: [q.rangeIndicatorText, { color: f.primary }],
+									children: d(l ? "renderer.defaultInputs.startDate" : "renderer.defaultInputs.endDate")
+								})
+							}),
+							/* @__PURE__ */ j(V, {
+								style: q.calendarHeader,
+								children: [
+									/* @__PURE__ */ A(B, {
+										onPress: O,
+										style: q.navButton,
+										children: /* @__PURE__ */ A(z, {
+											style: [q.navButtonText, { color: f.primary }],
+											children: "‹"
+										})
+									}),
+									/* @__PURE__ */ j(z, {
+										style: [q.monthYear, { color: f.text }],
+										children: [
+											w[S],
+											" ",
+											b
+										]
+									}),
+									/* @__PURE__ */ A(B, {
+										onPress: M,
+										style: q.navButton,
+										children: /* @__PURE__ */ A(z, {
+											style: [q.navButtonText, { color: f.primary }],
+											children: "›"
+										})
+									})
+								]
+							}),
+							/* @__PURE__ */ A(V, {
+								style: q.weekDays,
+								children: [
+									"Sun",
+									"Mon",
+									"Tue",
+									"Wed",
+									"Thu",
+									"Fri",
+									"Sat"
+								].map((e) => /* @__PURE__ */ A(z, {
+									style: [q.weekDay, { color: f.textMuted }],
+									children: e
+								}, e))
+							}),
+							/* @__PURE__ */ A(te, {
+								data: T,
+								keyExtractor: (e, t) => `${e.date.getTime()}-${t}`,
+								numColumns: 7,
+								scrollEnabled: !1,
+								style: q.calendar,
+								contentContainerStyle: q.calendarContent,
+								renderItem: ({ item: e }) => {
+									let t = P(e.date), n = I(e.date), r = L(e.date);
+									return /* @__PURE__ */ A(B, {
+										style: [
+											q.dayCell,
+											!e.isCurrentMonth && q.dayCellOtherMonth,
+											n && { backgroundColor: f.primaryLight },
+											r && {
+												backgroundColor: f.primary,
+												borderRadius: 20
+											},
+											t && q.dayCellDisabled
+										],
+										onPress: () => E(e.date),
+										disabled: t,
+										activeOpacity: .7,
+										children: /* @__PURE__ */ A(z, {
+											style: [
+												q.dayText,
+												{ color: f.text },
+												!e.isCurrentMonth && { color: f.textMuted },
+												n && { color: f.primary },
+												r && {
+													color: f.background,
+													fontWeight: "600"
+												},
+												t && { color: f.textMuted }
+											],
+											children: e.day
+										})
+									});
+								}
+							})
+						]
+					})
+				})
+			}),
+			i && /* @__PURE__ */ A(z, {
+				style: [q.error, { color: f.error }],
+				children: i
+			}),
+			o && !i && /* @__PURE__ */ A(z, {
+				style: [q.helperText, { color: f.textMuted }],
+				children: o
+			})
+		]
+	});
+}, q = L.create({
+	calendar: {
+		flexGrow: 0,
+		flexShrink: 1
+	},
+	calendarContent: { flexGrow: 0 },
+	calendarHeader: {
+		alignItems: "center",
+		flexDirection: "row",
+		justifyContent: "space-between",
+		marginBottom: 16,
+		paddingHorizontal: 8
+	},
+	closeButton: {
+		fontSize: 24,
+		fontWeight: "300"
+	},
+	container: { marginBottom: 16 },
+	dayCell: {
+		alignItems: "center",
+		aspectRatio: 1,
+		flex: 1,
+		justifyContent: "center",
+		margin: 2,
+		maxWidth: "14.28%"
+	},
+	dayCellDisabled: { opacity: .3 },
+	dayCellOtherMonth: { opacity: .3 },
+	dayText: { fontSize: 14 },
+	error: {
+		fontSize: 12,
+		marginTop: 4
+	},
+	helperText: {
+		fontSize: 12,
+		marginTop: 4
+	},
+	icon: { fontSize: 16 },
+	label: {
+		fontSize: 14,
+		fontWeight: "500",
+		marginBottom: 8
+	},
+	modalContent: {
+		borderRadius: 12,
+		maxHeight: "80%",
+		padding: 16,
+		width: "90%"
+	},
+	modalHeader: {
+		alignItems: "center",
+		borderBottomWidth: 1,
+		flexDirection: "row",
+		justifyContent: "space-between",
+		marginBottom: 12,
+		paddingBottom: 12
+	},
+	modalOverlay: {
+		alignItems: "center",
+		backgroundColor: "rgba(0, 0, 0, 0.5)",
+		flex: 1,
+		justifyContent: "center"
+	},
+	modalTitle: {
+		fontSize: 18,
+		fontWeight: "600"
+	},
+	monthYear: {
+		fontSize: 16,
+		fontWeight: "600"
+	},
+	navButton: { padding: 8 },
+	navButtonText: {
+		fontSize: 24,
+		fontWeight: "600"
+	},
+	rangeIndicator: {
+		alignItems: "center",
+		borderRadius: 6,
+		marginBottom: 12,
+		paddingVertical: 8
+	},
+	rangeIndicatorText: {
+		fontSize: 14,
+		fontWeight: "600"
+	},
+	trigger: {
+		alignItems: "center",
+		borderRadius: 6,
+		borderWidth: 1,
+		flexDirection: "row",
+		justifyContent: "space-between",
+		paddingHorizontal: 12,
+		paddingVertical: 10
+	},
+	triggerText: {
+		flex: 1,
+		fontSize: 14
+	},
+	weekDay: {
+		flex: 1,
+		fontSize: 12,
+		fontWeight: "600",
+		maxWidth: "14.28%",
+		textAlign: "center"
+	},
+	weekDays: {
+		flexDirection: "row",
+		marginBottom: 8
+	}
+}), de = ({ node: e, value: t, setValue: n, error: i, label: a, helperText: o }) => {
+	let [s, c] = k(null), [l, u] = k(!0), d = r(), { colors: f } = _(), p = Array.isArray(t) ? t : t ? [t] : [], m = e.data.multiple, h = ee(async () => {
+		if (s) try {
+			let e = (await s({ allowMultiSelection: m })).map((e) => ({
+				data: e.uri,
+				lastModified: Date.now(),
+				name: e.name,
+				size: e.size,
+				type: e.type || "application/octet-stream"
+			}));
+			n(m ? [...p, ...e] : e[0] || null);
+		} catch (e) {
+			e.code !== "DOCUMENT_PICKER_CANCELED" && N.alert("Error", d("renderer.defaultInputs.filePickerError"));
+		}
+	}, [
+		s,
+		p,
+		m,
+		n,
+		d
+	]), g = ee((e) => {
+		let t = p.filter((t, n) => n !== e);
+		n(t.length > 0 ? t : null);
+	}, [p, n]), v = (e) => e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
+	return E(() => {
+		(async () => {
+			try {
+				let { pick: e } = await import("react-native-document-picker");
+				c(() => e);
+			} catch {
+				c(null);
+			} finally {
+				u(!1);
+			}
+		})();
+	}, []), l ? null : s ? /* @__PURE__ */ j(V, {
+		style: J.container,
+		children: [
+			/* @__PURE__ */ j(z, {
+				style: [J.label, { color: f.textSecondary }],
+				children: [a || e.data.name, e.data.required && /* @__PURE__ */ A(z, {
+					style: { color: f.error },
+					children: "*"
+				})]
+			}),
+			p.length > 0 && /* @__PURE__ */ A(V, {
+				style: J.filesList,
+				children: p.map((e, t) => /* @__PURE__ */ j(V, {
+					style: [J.fileItem, {
+						backgroundColor: f.card,
+						borderColor: f.separator
+					}],
+					children: [
+						/* @__PURE__ */ A(V, {
+							style: [J.fileIcon, { backgroundColor: f.muted }],
+							children: /* @__PURE__ */ A(z, {
+								style: J.fileIconText,
+								children: "📄"
+							})
+						}),
+						/* @__PURE__ */ j(V, {
+							style: J.fileInfo,
+							children: [/* @__PURE__ */ A(z, {
+								style: [J.fileName, { color: f.text }],
+								numberOfLines: 1,
+								children: e.name
+							}), e.size > 0 && /* @__PURE__ */ A(z, {
+								style: [J.fileSize, { color: f.textMuted }],
+								children: v(e.size)
+							})]
+						}),
+						/* @__PURE__ */ A(B, {
+							style: J.removeButton,
+							onPress: () => g(t),
+							activeOpacity: .7,
+							children: /* @__PURE__ */ A(z, {
+								style: [J.removeButtonText, { color: f.textMuted }],
+								children: "✕"
+							})
+						})
+					]
+				}, `${e.name}-${t}`))
+			}),
+			/* @__PURE__ */ A(B, {
+				style: [J.pickButton, {
+					backgroundColor: f.input,
+					borderColor: f.border
+				}],
+				onPress: h,
+				activeOpacity: .7,
+				children: /* @__PURE__ */ A(z, {
+					style: [J.pickButtonText, { color: f.textMuted }],
+					children: p.length === 0 ? d(m ? "renderer.defaultInputs.selectFiles" : "renderer.defaultInputs.selectFile") : d(m ? "renderer.defaultInputs.addMoreFiles" : "renderer.defaultInputs.replaceFile")
+				})
+			}),
+			i && /* @__PURE__ */ A(z, {
+				style: [J.error, { color: f.error }],
+				children: i
+			}),
+			o && !i && /* @__PURE__ */ A(z, {
+				style: [J.helperText, { color: f.textMuted }],
+				children: o
+			})
+		]
+	}) : /* @__PURE__ */ j(V, {
+		style: J.container,
+		children: [
+			/* @__PURE__ */ j(z, {
+				style: [J.label, { color: f.textSecondary }],
+				children: [a || e.data.name, e.data.required && /* @__PURE__ */ A(z, {
+					style: { color: f.error },
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ A(V, {
+				style: [J.unavailableContainer, {
+					backgroundColor: f.errorLight,
+					borderColor: f.error
+				}],
+				children: /* @__PURE__ */ A(z, {
+					style: [J.unavailableText, { color: f.error }],
+					children: d("renderer.defaultInputs.filePickerUnavailable")
+				})
+			}),
+			o && /* @__PURE__ */ A(z, {
+				style: [J.helperText, { color: f.textMuted }],
+				children: o
+			})
+		]
+	});
+}, J = L.create({
+	container: { marginBottom: 16 },
+	error: {
+		fontSize: 12,
+		marginTop: 4
+	},
+	fileIcon: {
+		alignItems: "center",
+		borderRadius: 6,
+		height: 40,
+		justifyContent: "center",
+		width: 40
+	},
+	fileIconText: { fontSize: 20 },
+	fileInfo: {
+		flex: 1,
+		marginLeft: 12
+	},
+	fileItem: {
+		alignItems: "center",
+		borderRadius: 6,
+		borderWidth: 1,
+		flexDirection: "row",
+		marginBottom: 8,
+		padding: 12
+	},
+	fileName: {
+		fontSize: 14,
+		fontWeight: "500"
+	},
+	fileSize: {
+		fontSize: 12,
+		marginTop: 2
+	},
+	filesList: { marginBottom: 12 },
+	helperText: {
+		fontSize: 12,
+		marginTop: 4
+	},
+	label: {
+		fontSize: 14,
+		fontWeight: "500",
+		marginBottom: 8
+	},
+	pickButton: {
+		alignItems: "center",
+		borderRadius: 6,
+		borderStyle: "dashed",
+		borderWidth: 2,
+		justifyContent: "center",
+		paddingVertical: 16
+	},
+	pickButtonText: {
+		fontSize: 14,
+		fontWeight: "500"
+	},
+	removeButton: { padding: 4 },
+	removeButtonText: { fontSize: 18 },
+	unavailableContainer: {
+		alignItems: "center",
+		borderRadius: 6,
+		borderWidth: 1,
+		justifyContent: "center",
+		paddingVertical: 16
+	},
+	unavailableText: {
+		fontSize: 12,
+		textAlign: "center"
+	}
+}), fe = (e) => null, pe = (e) => e.replace(/<[^>]*>/g, ""), me = (e) => e.replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, "\"").replace(/&#x27;/g, "'").replace(/&#x2F;/g, "/"), he = (e, t = {}) => e == null || e === "" ? "" : me(pe(String(e))), ge = 100, _e = (e, t = {}, n = 0, r = /* @__PURE__ */ new WeakSet()) => {
+	if (n > ge) return console.warn(`sanitizeHttpResponse: Maximum depth (${ge}) exceeded.`), typeof e == "string" ? he(e, t) : "[Max Depth Exceeded]";
+	if (e == null) return e;
+	if (typeof e == "string") return he(e, t);
+	if (Array.isArray(e)) return e.map((e) => _e(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] = _e(o, t, n + 1, r);
+		return r.delete(e), i;
+	}
+	return e;
+}, ve = (e) => {
+	let t = e.matchAll(/{{([\w-]+)}}/g);
+	return Array.from(t, (e) => e[1]);
+}, ye = (e, t) => ve(e).every((e) => {
+	let n = t[e];
+	return n != null && n !== "";
+}), be = (e, t, n = !1) => e.replace(/{{([\w-]+)}}/g, (e, r) => {
+	let i = t[r], a = i == null ? "" : String(i);
+	return n ? encodeURIComponent(a) : a;
+}), xe = ({ node: t, value: i, setValue: o, error: s, label: c, placeholder: l, helperText: u, id: d, name: p }) => {
+	let [m, h] = k(!1), [g, v] = k(null), [y, b] = k([]), [x, S] = k(""), [C, T] = k(!1), { formValues: N, inputNodes: P, headers: I } = n(), { colors: L } = _(), { httpConfig: R } = t.data, H = r(), re = O(!1), ie = O(""), ae = O(R), oe = O(N), U = O(P), se = O(I), W = O(o), ce = O(null), G = O(null), le = D(() => R?.url ? ve(R.url) : [], [R?.url]), K = le.length > 0, ue = D(() => le.map((e) => `${e}:${String(N[e] ?? "")}`).join("|"), [le, N]), q = D(() => R?.url ? K ? ye(R.url, N) : !0 : !1, [
+		R?.url,
+		K,
+		N
+	]), de = ee(async (t) => {
+		G.current && G.current.abort();
+		let n = new AbortController();
+		G.current = n;
+		let r = ae.current, i = oe.current, a = W.current;
+		if (!r?.url) {
+			v(H("renderer.defaultHttpInput.noUrlConfigured")), G.current = null;
+			return;
+		}
+		if (r.url && !ye(r.url, i)) {
+			G.current = null;
+			return;
+		}
+		h(!0), v(null);
+		try {
+			let o = be(r.url, i, !0), s = r.searchParam && t ? `${o}${o.includes("?") ? "&" : "?"}${r.searchParam}=${encodeURIComponent(t)}` : o, c = (e) => ({
+				key: e.key,
+				value: be(e.value, i)
+			}), l = e([{
+				key: "Content-Type",
+				value: "application/json"
+			}], se.current?.map(c), r.headers?.map(c)), u = [
+				"POST",
+				"PUT",
+				"PATCH"
+			].includes(r.method || "") ? r.sendAllFormValues ? JSON.stringify(f(i, U.current)) : r.body ? be(r.body, i) : void 0 : void 0, d = setTimeout(() => n.abort(), 3e4), p = await fetch(s, {
+				body: u || void 0,
+				headers: Object.fromEntries(l.filter((e) => e.key && e.value).map((e) => [e.key, e.value])),
+				method: r.method || "GET",
+				signal: n.signal
+			});
+			if (clearTimeout(d), !p.ok) {
+				v(`HTTP Error ${p.status}: ${p.statusText}`), h(!1);
+				return;
+			}
+			let m = _e(await p.json()), g = r.responsePath ? w(m, r.responsePath) : m;
+			if (r.responseMapping && Array.isArray(g)) {
+				let { valueField: e = "value", labelField: t = "label" } = r.responseMapping;
+				b(g.map((n) => ({
+					label: String(w(n, t) || ""),
+					value: String(w(n, e) || "")
+				})));
+			} else a(typeof g == "string" ? g : JSON.stringify(g));
+		} catch (e) {
+			if (e instanceof Error && e.name === "AbortError") return;
+			v(e instanceof Error ? e.message : H("renderer.defaultHttpInput.fetchFailed")), console.error("HTTP Input fetch error:", e);
+		} finally {
+			h(!1), G.current = null;
+		}
+	}, [H]);
+	if (E(() => {
+		ae.current = R, oe.current = N, U.current = P, se.current = I, W.current = o, ce.current = de;
+	}, [
+		R,
+		N,
+		P,
+		I,
+		o,
+		de
+	]), E(() => () => {
+		G.current && G.current.abort();
+	}, []), E(() => {
+		if (re.current) return;
+		re.current = !0;
+		let e = ae.current, t = oe.current, n = ce.current, r = e?.url && ye(e.url, t);
+		e?.fetchOnMount && r && n && (n(), e.url && (ie.current = ve(e.url).map((e) => `${e}:${String(t[e] ?? "")}`).join("|")));
+	}, []), E(() => {
+		if (!re.current || !K || ie.current === ue || !q) return;
+		let e = setTimeout(() => {
+			de(), ie.current = ue;
+		}, 500);
+		return () => clearTimeout(e);
+	}, [
+		ue,
+		K,
+		q,
+		de
+	]), E(() => {
+		if (!(R?.searchParam && x)) return;
+		let e = setTimeout(() => {
+			de(x);
+		}, 300);
+		return () => clearTimeout(e);
+	}, [
+		x,
+		R?.searchParam,
+		de
+	]), R?.responseMapping) {
+		let e = Array.isArray(i) ? i[0] : i, n = y.find((t) => t.value === e);
+		if (R.searchParam) {
+			let r = m && R?.showLoading;
+			return /* @__PURE__ */ j(V, {
+				style: Y.container,
+				children: [
+					/* @__PURE__ */ j(z, {
+						style: [Y.label, { color: L.textSecondary }],
+						children: [c || t.data.name, t.data.required && /* @__PURE__ */ A(z, {
+							style: { color: L.error },
+							children: "*"
+						})]
+					}),
+					/* @__PURE__ */ j(B, {
+						style: [
+							Y.trigger,
+							{
+								backgroundColor: L.input,
+								borderColor: L.border
+							},
+							s && { borderColor: L.error }
+						],
+						onPress: () => T(!0),
+						activeOpacity: .7,
+						children: [r ? /* @__PURE__ */ j(V, {
+							style: Y.loadingTrigger,
+							children: [/* @__PURE__ */ A(M, {
+								size: "small",
+								color: L.primary
+							}), /* @__PURE__ */ A(z, {
+								style: [Y.triggerText, { color: L.textMuted }],
+								numberOfLines: 1,
+								children: n?.label || l || H("renderer.defaultHttpInput.search")
+							})]
+						}) : /* @__PURE__ */ A(z, {
+							style: [
+								Y.triggerText,
+								{ color: L.text },
+								!n && { color: L.textMuted }
+							],
+							numberOfLines: 1,
+							children: n?.label || l || H("renderer.defaultHttpInput.search")
+						}), /* @__PURE__ */ A(z, {
+							style: [Y.arrow, { color: L.textMuted }],
+							children: "▼"
+						})]
+					}),
+					/* @__PURE__ */ A(F, {
+						visible: C,
+						transparent: !0,
+						animationType: "fade",
+						onRequestClose: () => T(!1),
+						children: /* @__PURE__ */ A(B, {
+							style: Y.modalOverlay,
+							activeOpacity: 1,
+							onPress: () => T(!1),
+							children: /* @__PURE__ */ j(B, {
+								style: [Y.modalContent, { backgroundColor: L.card }],
+								activeOpacity: 1,
+								onPress: () => {},
+								children: [
+									/* @__PURE__ */ j(V, {
+										style: [Y.modalHeader, { borderBottomColor: L.separator }],
+										children: [/* @__PURE__ */ A(z, {
+											style: [Y.modalTitle, { color: L.text }],
+											children: c || t.data.name
+										}), /* @__PURE__ */ A(B, {
+											onPress: () => T(!1),
+											children: /* @__PURE__ */ A(z, {
+												style: [Y.closeButton, { color: L.textMuted }],
+												children: "✕"
+											})
+										})]
+									}),
+									/* @__PURE__ */ A(V, {
+										style: Y.searchContainer,
+										children: /* @__PURE__ */ A(ne, {
+											style: [Y.searchInput, {
+												backgroundColor: L.muted,
+												borderColor: L.border,
+												color: L.text
+											}],
+											placeholder: H("renderer.defaultHttpInput.search"),
+											placeholderTextColor: L.textMuted,
+											value: x,
+											onChangeText: (e) => {
+												S(e), v(null);
+											},
+											autoFocus: !0,
+											autoCapitalize: "none",
+											autoCorrect: !1
+										})
+									}),
+									m ? /* @__PURE__ */ A(V, {
+										style: Y.loadingContainer,
+										children: /* @__PURE__ */ A(M, {
+											size: "small",
+											color: L.primary
+										})
+									}) : g ? /* @__PURE__ */ j(V, {
+										style: Y.errorContainer,
+										children: [/* @__PURE__ */ A(z, {
+											style: [Y.errorText, { color: L.error }],
+											children: g
+										}), /* @__PURE__ */ A(B, {
+											onPress: () => de(x),
+											style: Y.retryButton,
+											children: /* @__PURE__ */ A(z, {
+												style: [Y.retryButtonText, { color: L.primary }],
+												children: H("renderer.defaultHttpInput.retry")
+											})
+										})]
+									}) : /* @__PURE__ */ A(te, {
+										data: y,
+										keyExtractor: (e) => e.value,
+										style: Y.optionsList,
+										contentContainerStyle: Y.optionsListContent,
+										ListEmptyComponent: /* @__PURE__ */ A(V, {
+											style: Y.emptyContainer,
+											children: /* @__PURE__ */ A(z, {
+												style: [Y.emptyText, { color: L.textMuted }],
+												children: H("renderer.defaultHttpInput.noResults")
+											})
+										}),
+										renderItem: ({ item: t }) => {
+											let n = t.value === e;
+											return /* @__PURE__ */ j(B, {
+												style: [Y.option, n && { backgroundColor: L.primaryLight }],
+												onPress: () => {
+													o(t.value), T(!1);
+												},
+												activeOpacity: .7,
+												children: [/* @__PURE__ */ A(z, {
+													style: [Y.optionText, { color: L.text }],
+													children: t.label
+												}), n && /* @__PURE__ */ A(z, {
+													style: [Y.checkmark, { color: L.primary }],
+													children: "✓"
+												})]
+											});
+										}
+									})
+								]
+							})
+						})
+					}),
+					s && /* @__PURE__ */ A(z, {
+						style: [Y.error, { color: L.error }],
+						children: s
+					}),
+					u && !s && /* @__PURE__ */ A(z, {
+						style: [Y.helperText, { color: L.textMuted }],
+						children: u
+					})
+				]
+			});
+		}
+		let r = m && R?.showLoading, d = le.filter((e) => {
+			let t = N[e];
+			return t == null || t === "";
+		}), f = d.map((e) => a(e, P) || e), p = y.length === 0 && !r ? g || (d.length > 0 ? `${H("renderer.defaultHttpInput.waitingForRequiredFields")}: ${f.join(", ")}` : H("renderer.defaultHttpInput.noDataAvailable")) : void 0;
+		return /* @__PURE__ */ j(V, {
+			style: Y.container,
+			children: [
+				/* @__PURE__ */ j(z, {
+					style: [Y.label, { color: L.textSecondary }],
+					children: [c || t.data.name, t.data.required && /* @__PURE__ */ A(z, {
+						style: { color: L.error },
+						children: "*"
+					})]
+				}),
+				/* @__PURE__ */ j(B, {
+					style: [
+						Y.trigger,
+						{
+							backgroundColor: L.input,
+							borderColor: L.border
+						},
+						s && { borderColor: L.error },
+						(r || y.length === 0) && { backgroundColor: L.muted }
+					],
+					onPress: () => T(!0),
+					disabled: r || y.length === 0,
+					activeOpacity: .7,
+					children: [
+						r && /* @__PURE__ */ A(M, {
+							size: "small",
+							color: L.primary,
+							style: Y.triggerLoader
+						}),
+						/* @__PURE__ */ A(z, {
+							style: [
+								Y.triggerText,
+								{ color: L.text },
+								!n && { color: L.textMuted }
+							],
+							numberOfLines: 1,
+							children: n?.label || l || H("renderer.defaultHttpInput.selectOption")
+						}),
+						/* @__PURE__ */ A(z, {
+							style: [Y.arrow, { color: L.textMuted }],
+							children: "▼"
+						})
+					]
+				}),
+				p && /* @__PURE__ */ A(z, {
+					style: [Y.disabledMessage, { color: L.error }],
+					children: p
+				}),
+				/* @__PURE__ */ A(F, {
+					visible: C,
+					transparent: !0,
+					animationType: "fade",
+					onRequestClose: () => T(!1),
+					children: /* @__PURE__ */ A(B, {
+						style: Y.modalOverlay,
+						activeOpacity: 1,
+						onPress: () => T(!1),
+						children: /* @__PURE__ */ j(B, {
+							style: [Y.modalContent, { backgroundColor: L.card }],
+							activeOpacity: 1,
+							onPress: () => {},
+							children: [/* @__PURE__ */ j(V, {
+								style: [Y.modalHeader, { borderBottomColor: L.separator }],
+								children: [/* @__PURE__ */ A(z, {
+									style: [Y.modalTitle, { color: L.text }],
+									children: c || t.data.name
+								}), /* @__PURE__ */ A(B, {
+									onPress: () => T(!1),
+									children: /* @__PURE__ */ A(z, {
+										style: [Y.closeButton, { color: L.textMuted }],
+										children: "✕"
+									})
+								})]
+							}), /* @__PURE__ */ A(te, {
+								data: y,
+								keyExtractor: (e) => e.value,
+								style: Y.optionsList,
+								contentContainerStyle: Y.optionsListContent,
+								renderItem: ({ item: t }) => {
+									let n = t.value === e;
+									return /* @__PURE__ */ j(B, {
+										style: [Y.option, n && { backgroundColor: L.primaryLight }],
+										onPress: () => {
+											o(t.value), T(!1);
+										},
+										activeOpacity: .7,
+										children: [/* @__PURE__ */ A(z, {
+											style: [Y.optionText, { color: L.text }],
+											children: t.label
+										}), n && /* @__PURE__ */ A(z, {
+											style: [Y.checkmark, { color: L.primary }],
+											children: "✓"
+										})]
+									});
+								}
+							})]
+						})
+					})
+				}),
+				s && /* @__PURE__ */ A(z, {
+					style: [Y.error, { color: L.error }],
+					children: s
+				}),
+				u && !s && /* @__PURE__ */ A(z, {
+					style: [Y.helperText, { color: L.textMuted }],
+					children: u
+				})
+			]
+		});
+	}
+	return /* @__PURE__ */ j(V, {
+		style: Y.container,
+		children: [
+			/* @__PURE__ */ j(z, {
+				style: [Y.label, { color: L.textSecondary }],
+				children: [c || t.data.name, t.data.required && /* @__PURE__ */ A(z, {
+					style: { color: L.error },
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ A(ne, {
+				style: [Y.input, {
+					backgroundColor: L.muted,
+					borderColor: L.border,
+					color: L.textMuted
+				}],
+				value: typeof i == "string" ? i : JSON.stringify(i),
+				editable: !1
+			}),
+			s && /* @__PURE__ */ A(z, {
+				style: [Y.error, { color: L.error }],
+				children: s
+			}),
+			u && !s && /* @__PURE__ */ A(z, {
+				style: [Y.helperText, { color: L.textMuted }],
+				children: u
+			})
+		]
+	});
+}, Y = L.create({
+	arrow: { fontSize: 12 },
+	checkmark: {
+		fontSize: 18,
+		fontWeight: "700"
+	},
+	closeButton: {
+		fontSize: 24,
+		fontWeight: "300"
+	},
+	container: { marginBottom: 16 },
+	disabledMessage: {
+		fontSize: 12,
+		marginTop: 4
+	},
+	emptyContainer: {
+		alignItems: "center",
+		paddingVertical: 24
+	},
+	emptyText: { fontSize: 14 },
+	error: {
+		fontSize: 12,
+		marginTop: 4
+	},
+	errorContainer: {
+		alignItems: "center",
+		paddingVertical: 16
+	},
+	errorText: {
+		fontSize: 14,
+		textAlign: "center"
+	},
+	helperText: {
+		fontSize: 12,
+		marginTop: 4
+	},
+	input: {
+		borderRadius: 6,
+		borderWidth: 1,
+		fontSize: 14,
+		paddingHorizontal: 12,
+		paddingVertical: 10
+	},
+	label: {
+		fontSize: 14,
+		fontWeight: "500",
+		marginBottom: 8
+	},
+	loadingContainer: {
+		alignItems: "center",
+		paddingVertical: 24
+	},
+	loadingTrigger: {
+		alignItems: "center",
+		flex: 1,
+		flexDirection: "row",
+		gap: 8
+	},
+	modalContent: {
+		borderRadius: 12,
+		maxHeight: "80%",
+		padding: 16,
+		width: "90%"
+	},
+	modalHeader: {
+		alignItems: "center",
+		borderBottomWidth: 1,
+		flexDirection: "row",
+		justifyContent: "space-between",
+		marginBottom: 12,
+		paddingBottom: 12
+	},
+	modalOverlay: {
+		alignItems: "center",
+		backgroundColor: "rgba(0, 0, 0, 0.5)",
+		flex: 1,
+		justifyContent: "center"
+	},
+	modalTitle: {
+		fontSize: 18,
+		fontWeight: "600"
+	},
+	option: {
+		alignItems: "center",
+		borderRadius: 6,
+		flexDirection: "row",
+		justifyContent: "space-between",
+		paddingHorizontal: 12,
+		paddingVertical: 12
+	},
+	optionsList: {
+		flexGrow: 0,
+		flexShrink: 1
+	},
+	optionsListContent: { flexGrow: 0 },
+	optionText: {
+		flex: 1,
+		fontSize: 14
+	},
+	retryButton: { marginTop: 12 },
+	retryButtonText: {
+		fontSize: 14,
+		textDecorationLine: "underline"
+	},
+	searchContainer: { marginBottom: 12 },
+	searchInput: {
+		borderRadius: 6,
+		borderWidth: 1,
+		fontSize: 14,
+		paddingHorizontal: 12,
+		paddingVertical: 10
+	},
+	trigger: {
+		alignItems: "center",
+		borderRadius: 6,
+		borderWidth: 1,
+		flexDirection: "row",
+		justifyContent: "space-between",
+		paddingHorizontal: 12,
+		paddingVertical: 10
+	},
+	triggerLoader: { marginRight: 8 },
+	triggerText: {
+		flex: 1,
+		fontSize: 14
+	}
+}), Se = ({ node: e, value: t, setValue: n, error: r, label: i, placeholder: a, helperText: o, name: s }) => {
+	let { colors: c } = _(), [l, u] = k(t?.toString() ?? "");
+	return E(() => {
+		u(t?.toString() ?? "");
+	}, [t]), /* @__PURE__ */ j(V, {
+		style: Ce.container,
+		children: [
+			/* @__PURE__ */ j(z, {
+				style: [Ce.label, { color: c.textSecondary }],
+				children: [i || e.data.name, e.data.required && /* @__PURE__ */ A(z, {
+					style: { color: c.error },
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ A(ne, {
+				style: [
+					Ce.input,
+					{
+						backgroundColor: c.input,
+						borderColor: c.border,
+						color: c.text
+					},
+					r && { borderColor: c.error }
+				],
+				value: l,
+				onChangeText: (e) => {
+					if (u(e), e.trim() === "") {
+						n(null);
+						return;
+					}
+					let t = Number(e);
+					Number.isNaN(t) || n(t);
+				},
+				placeholder: a,
+				placeholderTextColor: c.textMuted,
+				keyboardType: "numeric",
+				accessibilityLabel: s
+			}),
+			r && /* @__PURE__ */ A(z, {
+				style: [Ce.error, { color: c.error }],
+				children: r
+			}),
+			o && !r && /* @__PURE__ */ A(z, {
+				style: [Ce.helperText, { color: c.textMuted }],
+				children: o
+			})
+		]
+	});
+}, Ce = L.create({
+	container: { marginBottom: 16 },
+	error: {
+		fontSize: 12,
+		marginTop: 4
+	},
+	helperText: {
+		fontSize: 12,
+		marginTop: 4
+	},
+	input: {
+		borderRadius: 6,
+		borderWidth: 1,
+		fontSize: 14,
+		paddingHorizontal: 12,
+		paddingVertical: 8
+	},
+	label: {
+		fontSize: 14,
+		fontWeight: "500",
+		marginBottom: 8
+	}
+}), we = ({ node: e, value: t, setValue: n, error: r, label: i, placeholder: a, helperText: o, name: s }) => {
+	let { colors: c } = _(), [l, u] = k(!1);
+	return /* @__PURE__ */ j(V, {
+		style: Te.container,
+		children: [
+			/* @__PURE__ */ j(z, {
+				style: [Te.label, { color: c.textSecondary }],
+				children: [i || e.data.name, e.data.required && /* @__PURE__ */ A(z, {
+					style: { color: c.error },
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ j(V, {
+				style: Te.inputWrapper,
+				children: [/* @__PURE__ */ A(ne, {
+					style: [
+						Te.input,
+						{
+							backgroundColor: c.input,
+							borderColor: c.border,
+							color: c.text
+						},
+						r && { borderColor: c.error }
+					],
+					value: t ?? "",
+					onChangeText: n,
+					placeholder: a,
+					placeholderTextColor: c.textMuted,
+					secureTextEntry: !l,
+					accessibilityLabel: s
+				}), /* @__PURE__ */ A(B, {
+					style: Te.toggleButton,
+					onPress: () => u(!l),
+					activeOpacity: .7,
+					children: /* @__PURE__ */ A(z, {
+						style: [Te.toggleText, { color: c.primary }],
+						children: l ? "Hide" : "Show"
+					})
+				})]
+			}),
+			r && /* @__PURE__ */ A(z, {
+				style: [Te.error, { color: c.error }],
+				children: r
+			}),
+			o && !r && /* @__PURE__ */ A(z, {
+				style: [Te.helperText, { color: c.textMuted }],
+				children: o
+			})
+		]
+	});
+}, Te = L.create({
+	container: { marginBottom: 16 },
+	error: {
+		fontSize: 12,
+		marginTop: 4
+	},
+	helperText: {
+		fontSize: 12,
+		marginTop: 4
+	},
+	input: {
+		borderRadius: 6,
+		borderWidth: 1,
+		flex: 1,
+		fontSize: 14,
+		paddingHorizontal: 12,
+		paddingVertical: 8
+	},
+	inputWrapper: {
+		alignItems: "center",
+		flexDirection: "row",
+		position: "relative"
+	},
+	label: {
+		fontSize: 14,
+		fontWeight: "500",
+		marginBottom: 8
+	},
+	toggleButton: {
+		paddingHorizontal: 12,
+		paddingVertical: 8,
+		position: "absolute",
+		right: 0
+	},
+	toggleText: {
+		fontSize: 12,
+		fontWeight: "600"
+	}
+}), Ee = ({ node: e, value: t, setValue: n, error: i, label: a, helperText: o }) => {
+	let s = r(), { colors: c } = _(), l = e.data.options || [], u = t || "", d = e.data.variant !== "default", f = (e) => {
+		n(e);
+	};
+	return /* @__PURE__ */ j(V, {
+		style: X.container,
+		children: [
+			/* @__PURE__ */ j(z, {
+				style: [X.label, { color: c.textSecondary }],
+				children: [a || e.data.name, e.data.required && /* @__PURE__ */ A(z, {
+					style: { color: c.error },
+					children: "*"
+				})]
+			}),
+			l.map((e) => {
+				let t = u === e.value, n = s(e.label) || e.value, r = s(e.description);
+				return d ? /* @__PURE__ */ j(B, {
+					style: [
+						X.card,
+						{
+							backgroundColor: c.input,
+							borderColor: c.border
+						},
+						t && {
+							backgroundColor: `${c.primary}10`,
+							borderColor: c.primary
+						},
+						e.disabled && { opacity: .5 }
+					],
+					onPress: () => f(e.value),
+					disabled: e.disabled,
+					activeOpacity: .7,
+					children: [
+						e.image && /* @__PURE__ */ A(P, {
+							source: { uri: e.image },
+							style: X.cardImage
+						}),
+						/* @__PURE__ */ j(V, {
+							style: X.cardTextContainer,
+							children: [/* @__PURE__ */ A(z, {
+								style: [X.cardLabel, { color: c.textSecondary }],
+								children: n
+							}), r && /* @__PURE__ */ A(z, {
+								style: [X.cardDescription, { color: c.textMuted }],
+								children: r
+							})]
+						}),
+						/* @__PURE__ */ A(V, {
+							style: [
+								X.radio,
+								X.cardRadio,
+								{
+									backgroundColor: c.input,
+									borderColor: c.border
+								},
+								t && { borderColor: c.primary }
+							],
+							children: t && /* @__PURE__ */ A(V, { style: [X.radioInner, { backgroundColor: c.primary }] })
+						})
+					]
+				}, e.value) : /* @__PURE__ */ j(B, {
+					style: X.option,
+					onPress: () => f(e.value),
+					disabled: e.disabled,
+					activeOpacity: .7,
+					children: [
+						/* @__PURE__ */ A(V, {
+							style: [
+								X.radio,
+								{
+									backgroundColor: c.input,
+									borderColor: c.border
+								},
+								t && { borderColor: c.primary }
+							],
+							children: t && /* @__PURE__ */ A(V, { style: [X.radioInner, { backgroundColor: c.primary }] })
+						}),
+						e.image && /* @__PURE__ */ A(P, {
+							source: { uri: e.image },
+							style: X.image
+						}),
+						/* @__PURE__ */ j(V, {
+							style: X.optionTextContainer,
+							children: [/* @__PURE__ */ A(z, {
+								style: [
+									X.optionLabel,
+									{ color: c.textSecondary },
+									e.disabled && { color: c.textMuted }
+								],
+								children: n
+							}), r && /* @__PURE__ */ A(z, {
+								style: [X.optionDescription, { color: c.textMuted }],
+								children: r
+							})]
+						})
+					]
+				}, e.value);
+			}),
+			i && /* @__PURE__ */ A(z, {
+				style: [X.error, { color: c.error }],
+				children: i
+			}),
+			o && !i && /* @__PURE__ */ A(z, {
+				style: [X.helperText, { color: c.textMuted }],
+				children: o
+			})
+		]
+	});
+}, X = L.create({
+	card: {
+		alignItems: "center",
+		borderRadius: 8,
+		borderWidth: 1,
+		flexDirection: "row",
+		marginBottom: 8,
+		padding: 16
+	},
+	cardDescription: {
+		fontSize: 12,
+		marginTop: 4
+	},
+	cardImage: {
+		borderRadius: 4,
+		height: 40,
+		marginRight: 12,
+		width: 40
+	},
+	cardLabel: {
+		fontSize: 14,
+		fontWeight: "500"
+	},
+	cardRadio: {
+		marginLeft: 12,
+		marginRight: 0
+	},
+	cardTextContainer: { flex: 1 },
+	container: { marginBottom: 16 },
+	error: {
+		fontSize: 12,
+		marginTop: 4
+	},
+	helperText: {
+		fontSize: 12,
+		marginTop: 4
+	},
+	image: {
+		borderRadius: 4,
+		height: 32,
+		marginRight: 8,
+		width: 32
+	},
+	label: {
+		fontSize: 14,
+		fontWeight: "500",
+		marginBottom: 8
+	},
+	option: {
+		alignItems: "center",
+		flexDirection: "row",
+		marginBottom: 8
+	},
+	optionDescription: {
+		fontSize: 12,
+		marginTop: 2
+	},
+	optionLabel: { fontSize: 14 },
+	optionTextContainer: { flex: 1 },
+	radio: {
+		alignItems: "center",
+		borderRadius: 10,
+		borderWidth: 2,
+		height: 20,
+		justifyContent: "center",
+		marginRight: 12,
+		width: 20
+	},
+	radioInner: {
+		borderRadius: 5,
+		height: 10,
+		width: 10
+	}
+}), De = ({ node: e, value: t, setValue: n, error: i, label: a, placeholder: o, helperText: s }) => {
+	let [c, l] = k(!1), u = r(), { colors: d } = _(), f = e.data.options || [], p = e.data.multiple, m = Array.isArray(t) ? t : t ? [t] : [], h = (e) => {
+		p ? n(m.includes(e) ? m.filter((t) => t !== e) : [...m, e]) : (n(e), l(!1));
+	};
+	return /* @__PURE__ */ j(V, {
+		style: Z.container,
+		children: [
+			/* @__PURE__ */ j(z, {
+				style: [Z.label, { color: d.textSecondary }],
+				children: [a || e.data.name, e.data.required && /* @__PURE__ */ A(z, {
+					style: { color: d.error },
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ j(B, {
+				style: [
+					Z.trigger,
+					{
+						backgroundColor: d.input,
+						borderColor: d.border
+					},
+					i && { borderColor: d.error }
+				],
+				onPress: () => l(!0),
+				activeOpacity: .7,
+				children: [/* @__PURE__ */ A(z, {
+					style: [
+						Z.triggerText,
+						{ color: d.text },
+						m.length === 0 && { color: d.textMuted }
+					],
+					children: (() => {
+						if (m.length === 0) return o || "Select...";
+						if (p) return f.filter((e) => m.includes(e.value)).map((e) => u(e.label) || e.value).join(", ");
+						let e = f.find((e) => e.value === m[0]);
+						return e ? u(e.label) || e.value : o || "Select...";
+					})()
+				}), /* @__PURE__ */ A(z, {
+					style: [Z.arrow, { color: d.textMuted }],
+					children: "▼"
+				})]
+			}),
+			/* @__PURE__ */ A(F, {
+				visible: c,
+				transparent: !0,
+				animationType: "fade",
+				onRequestClose: () => l(!1),
+				children: /* @__PURE__ */ A(B, {
+					style: Z.modalOverlay,
+					activeOpacity: 1,
+					onPress: () => l(!1),
+					children: /* @__PURE__ */ j(V, {
+						style: [Z.modalContent, { backgroundColor: d.card }],
+						onStartShouldSetResponder: () => !0,
+						children: [
+							/* @__PURE__ */ j(V, {
+								style: [Z.modalHeader, { borderBottomColor: d.border }],
+								children: [/* @__PURE__ */ A(z, {
+									style: [Z.modalTitle, { color: d.text }],
+									children: a || e.data.name
+								}), /* @__PURE__ */ A(B, {
+									onPress: () => l(!1),
+									children: /* @__PURE__ */ A(z, {
+										style: [Z.closeButton, { color: d.textMuted }],
+										children: "✕"
+									})
+								})]
+							}),
+							/* @__PURE__ */ A(I, {
+								style: Z.optionsList,
+								children: f.map((e) => {
+									let t = m.includes(e.value);
+									return /* @__PURE__ */ j(B, {
+										style: [Z.option, t && { backgroundColor: `${d.primary}20` }],
+										onPress: () => h(e.value),
+										disabled: e.disabled,
+										activeOpacity: .7,
+										children: [/* @__PURE__ */ A(z, {
+											style: [
+												Z.optionText,
+												{ color: d.textSecondary },
+												e.disabled && { color: d.textMuted }
+											],
+											children: u(e.label) || e.value
+										}), t && /* @__PURE__ */ A(z, {
+											style: [Z.checkmark, { color: d.primary }],
+											children: "✓"
+										})]
+									}, e.value);
+								})
+							}),
+							p && /* @__PURE__ */ A(B, {
+								style: [Z.doneButton, { backgroundColor: d.primary }],
+								onPress: () => l(!1),
+								children: /* @__PURE__ */ A(z, {
+									style: Z.doneButtonText,
+									children: "Done"
+								})
+							})
+						]
+					})
+				})
+			}),
+			i && /* @__PURE__ */ A(z, {
+				style: [Z.error, { color: d.error }],
+				children: i
+			}),
+			s && !i && /* @__PURE__ */ A(z, {
+				style: [Z.helperText, { color: d.textMuted }],
+				children: s
+			})
+		]
+	});
+}, Z = L.create({
+	arrow: { fontSize: 12 },
+	checkmark: {
+		fontSize: 18,
+		fontWeight: "700"
+	},
+	closeButton: {
+		fontSize: 24,
+		fontWeight: "300"
+	},
+	container: { marginBottom: 16 },
+	doneButton: {
+		alignItems: "center",
+		borderRadius: 6,
+		marginTop: 12,
+		paddingVertical: 12
+	},
+	doneButtonText: {
+		color: "#FFFFFF",
+		fontSize: 16,
+		fontWeight: "600"
+	},
+	error: {
+		fontSize: 12,
+		marginTop: 4
+	},
+	helperText: {
+		fontSize: 12,
+		marginTop: 4
+	},
+	label: {
+		fontSize: 14,
+		fontWeight: "500",
+		marginBottom: 8
+	},
+	modalContent: {
+		borderRadius: 12,
+		maxHeight: "80%",
+		padding: 16,
+		width: "90%"
+	},
+	modalHeader: {
+		alignItems: "center",
+		borderBottomWidth: 1,
+		flexDirection: "row",
+		justifyContent: "space-between",
+		marginBottom: 12,
+		paddingBottom: 12
+	},
+	modalOverlay: {
+		alignItems: "center",
+		backgroundColor: "rgba(0, 0, 0, 0.5)",
+		flex: 1,
+		justifyContent: "center"
+	},
+	modalTitle: {
+		fontSize: 18,
+		fontWeight: "600"
+	},
+	option: {
+		alignItems: "center",
+		borderRadius: 6,
+		flexDirection: "row",
+		justifyContent: "space-between",
+		paddingHorizontal: 12,
+		paddingVertical: 12
+	},
+	optionsList: { maxHeight: 300 },
+	optionText: { fontSize: 14 },
+	trigger: {
+		alignItems: "center",
+		borderRadius: 6,
+		borderWidth: 1,
+		flexDirection: "row",
+		justifyContent: "space-between",
+		paddingHorizontal: 12,
+		paddingVertical: 10
+	},
+	triggerText: {
+		flex: 1,
+		fontSize: 14
+	}
+}), Oe = ({ node: e, value: t, setValue: n, error: r, label: i, helperText: a }) => {
+	let { colors: o } = _(), s = !!t;
+	return /* @__PURE__ */ j(V, {
+		style: ke.container,
+		children: [
+			/* @__PURE__ */ j(V, {
+				style: ke.row,
+				children: [/* @__PURE__ */ A(V, {
+					style: ke.labelContainer,
+					children: /* @__PURE__ */ j(z, {
+						style: [ke.label, { color: o.textSecondary }],
+						children: [i || e.data.name, e.data.required && /* @__PURE__ */ A(z, {
+							style: { color: o.error },
+							children: "*"
+						})]
+					})
+				}), /* @__PURE__ */ A(R, {
+					trackColor: {
+						false: o.border,
+						true: `${o.primary}80`
+					},
+					thumbColor: s ? o.primary : o.card,
+					ios_backgroundColor: o.border,
+					onValueChange: n,
+					value: s
+				})]
+			}),
+			r && /* @__PURE__ */ A(z, {
+				style: [ke.error, { color: o.error }],
+				children: r
+			}),
+			a && !r && /* @__PURE__ */ A(z, {
+				style: [ke.helperText, { color: o.textMuted }],
+				children: a
+			})
+		]
+	});
+}, ke = L.create({
+	container: { marginBottom: 16 },
+	error: {
+		fontSize: 12,
+		marginTop: 4
+	},
+	helperText: {
+		fontSize: 12,
+		marginTop: 4
+	},
+	label: {
+		fontSize: 14,
+		fontWeight: "500"
+	},
+	labelContainer: { flex: 1 },
+	row: {
+		alignItems: "center",
+		flexDirection: "row",
+		justifyContent: "space-between"
+	}
+}), Ae = ({ node: e, value: t, setValue: n, error: r, label: i, placeholder: a, helperText: o, name: s }) => {
+	let { colors: c } = _();
+	return /* @__PURE__ */ j(V, {
+		style: je.container,
+		children: [
+			/* @__PURE__ */ j(z, {
+				style: [je.label, { color: c.textSecondary }],
+				children: [i || e.data.name, e.data.required && /* @__PURE__ */ A(z, {
+					style: { color: c.error },
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ A(ne, {
+				style: [
+					je.textarea,
+					{
+						backgroundColor: c.input,
+						borderColor: c.border,
+						color: c.text
+					},
+					r && { borderColor: c.error }
+				],
+				value: t ?? "",
+				onChangeText: n,
+				placeholder: a,
+				placeholderTextColor: c.textMuted,
+				multiline: !0,
+				numberOfLines: 4,
+				textAlignVertical: "top",
+				accessibilityLabel: s
+			}),
+			r && /* @__PURE__ */ A(z, {
+				style: [je.error, { color: c.error }],
+				children: r
+			}),
+			o && !r && /* @__PURE__ */ A(z, {
+				style: [je.helperText, { color: c.textMuted }],
+				children: o
+			})
+		]
+	});
+}, je = L.create({
+	container: { marginBottom: 16 },
+	error: {
+		fontSize: 12,
+		marginTop: 4
+	},
+	helperText: {
+		fontSize: 12,
+		marginTop: 4
+	},
+	label: {
+		fontSize: 14,
+		fontWeight: "500",
+		marginBottom: 8
+	},
+	textarea: {
+		borderRadius: 6,
+		borderWidth: 1,
+		fontSize: 14,
+		minHeight: 100,
+		paddingHorizontal: 12,
+		paddingVertical: 8
+	}
+}), Me = ({ node: e, value: t, setValue: n, error: r, label: i, placeholder: a, helperText: o, name: s }) => {
+	let { colors: c } = _();
+	return /* @__PURE__ */ j(V, {
+		style: Ne.container,
+		children: [
+			/* @__PURE__ */ j(z, {
+				style: [Ne.label, { color: c.textSecondary }],
+				children: [i || e.data.name, e.data.required && /* @__PURE__ */ A(z, {
+					style: { color: c.error },
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ A(ne, {
+				style: [
+					Ne.input,
+					{
+						backgroundColor: c.input,
+						borderColor: c.border,
+						color: c.text
+					},
+					r && { borderColor: c.error }
+				],
+				value: t ?? "",
+				onChangeText: n,
+				placeholder: a,
+				placeholderTextColor: c.textMuted,
+				accessibilityLabel: s
+			}),
+			r && /* @__PURE__ */ A(z, {
+				style: [Ne.error, { color: c.error }],
+				children: r
+			}),
+			o && !r && /* @__PURE__ */ A(z, {
+				style: [Ne.helperText, { color: c.textMuted }],
+				children: o
+			})
+		]
+	});
+}, Ne = L.create({
+	container: { marginBottom: 16 },
+	error: {
+		fontSize: 12,
+		marginTop: 4
+	},
+	helperText: {
+		fontSize: 12,
+		marginTop: 4
+	},
+	input: {
+		borderRadius: 6,
+		borderWidth: 1,
+		fontSize: 14,
+		paddingHorizontal: 12,
+		paddingVertical: 8
+	},
+	label: {
+		fontSize: 14,
+		fontWeight: "500",
+		marginBottom: 8
+	}
+}), Pe = ({ node: e, value: t, setValue: n, error: r, label: i, placeholder: a, helperText: o }) => {
+	let [s, c] = k(!1), { colors: l } = _(), u = (t || "").split(":"), d = Number.parseInt(u[0], 10), f = Number.parseInt(u[1], 10), p = Number.isNaN(d) ? 0 : d, m = Number.isNaN(f) ? 0 : f, [h, g] = k(p || 0), [v, y] = k(m || 0), b = O(null), x = O(null), S = Array.from({ length: 24 }, (e, t) => t), C = Array.from({ length: 60 }, (e, t) => t), w = () => t || a || "Select time", T = ee(() => {
+		n(`${String(h).padStart(2, "0")}:${String(v).padStart(2, "0")}`), c(!1);
+	}, [
+		h,
+		v,
+		n
+	]);
+	return /* @__PURE__ */ j(V, {
+		style: Q.container,
+		children: [
+			/* @__PURE__ */ j(z, {
+				style: [Q.label, { color: l.textSecondary }],
+				children: [i || e.data.name, e.data.required && /* @__PURE__ */ A(z, {
+					style: { color: l.error },
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ j(B, {
+				style: [
+					Q.trigger,
+					{
+						backgroundColor: l.input,
+						borderColor: l.border
+					},
+					r && { borderColor: l.error }
+				],
+				onPress: () => {
+					g(p || 0), y(m || 0), c(!0);
+				},
+				activeOpacity: .7,
+				children: [/* @__PURE__ */ A(z, {
+					style: [
+						Q.triggerText,
+						{ color: l.text },
+						!t && { color: l.textMuted }
+					],
+					numberOfLines: 1,
+					children: w()
+				}), /* @__PURE__ */ A(z, {
+					style: Q.icon,
+					children: "🕐"
+				})]
+			}),
+			/* @__PURE__ */ A(F, {
+				visible: s,
+				transparent: !0,
+				animationType: "fade",
+				onRequestClose: () => c(!1),
+				children: /* @__PURE__ */ A(B, {
+					style: Q.modalOverlay,
+					activeOpacity: 1,
+					onPress: () => c(!1),
+					children: /* @__PURE__ */ j(B, {
+						style: [Q.modalContent, { backgroundColor: l.card }],
+						activeOpacity: 1,
+						onPress: () => {},
+						children: [
+							/* @__PURE__ */ j(V, {
+								style: [Q.modalHeader, { borderBottomColor: l.separator }],
+								children: [/* @__PURE__ */ A(z, {
+									style: [Q.modalTitle, { color: l.text }],
+									children: i || e.data.name
+								}), /* @__PURE__ */ A(B, {
+									onPress: () => c(!1),
+									children: /* @__PURE__ */ A(z, {
+										style: [Q.closeButton, { color: l.textMuted }],
+										children: "✕"
+									})
+								})]
+							}),
+							/* @__PURE__ */ j(V, {
+								style: Q.pickerContainer,
+								children: [
+									/* @__PURE__ */ j(V, {
+										style: Q.pickerColumn,
+										children: [/* @__PURE__ */ A(z, {
+											style: [Q.pickerLabel, { color: l.textMuted }],
+											children: "Hour"
+										}), /* @__PURE__ */ A(I, {
+											ref: b,
+											style: Q.picker,
+											contentContainerStyle: Q.pickerContent,
+											showsVerticalScrollIndicator: !1,
+											children: S.map((e) => /* @__PURE__ */ A(B, {
+												style: [Q.pickerItem, h === e && { backgroundColor: l.primary }],
+												onPress: () => g(e),
+												activeOpacity: .7,
+												children: /* @__PURE__ */ A(z, {
+													style: [
+														Q.pickerItemText,
+														{ color: l.text },
+														h === e && {
+															color: l.background,
+															fontWeight: "600"
+														}
+													],
+													children: String(e).padStart(2, "0")
+												})
+											}, e))
+										})]
+									}),
+									/* @__PURE__ */ A(z, {
+										style: [Q.pickerSeparator, { color: l.text }],
+										children: ":"
+									}),
+									/* @__PURE__ */ j(V, {
+										style: Q.pickerColumn,
+										children: [/* @__PURE__ */ A(z, {
+											style: [Q.pickerLabel, { color: l.textMuted }],
+											children: "Minute"
+										}), /* @__PURE__ */ A(I, {
+											ref: x,
+											style: Q.picker,
+											contentContainerStyle: Q.pickerContent,
+											showsVerticalScrollIndicator: !1,
+											children: C.map((e) => /* @__PURE__ */ A(B, {
+												style: [Q.pickerItem, v === e && { backgroundColor: l.primary }],
+												onPress: () => y(e),
+												activeOpacity: .7,
+												children: /* @__PURE__ */ A(z, {
+													style: [
+														Q.pickerItemText,
+														{ color: l.text },
+														v === e && {
+															color: l.background,
+															fontWeight: "600"
+														}
+													],
+													children: String(e).padStart(2, "0")
+												})
+											}, e))
+										})]
+									})
+								]
+							}),
+							/* @__PURE__ */ A(B, {
+								style: [Q.confirmButton, { backgroundColor: l.primary }],
+								onPress: T,
+								activeOpacity: .7,
+								children: /* @__PURE__ */ A(z, {
+									style: [Q.confirmButtonText, { color: l.background }],
+									children: "Confirm"
+								})
+							})
+						]
+					})
+				})
+			}),
+			r && /* @__PURE__ */ A(z, {
+				style: [Q.error, { color: l.error }],
+				children: r
+			}),
+			o && !r && /* @__PURE__ */ A(z, {
+				style: [Q.helperText, { color: l.textMuted }],
+				children: o
+			})
+		]
+	});
+}, Q = L.create({
+	closeButton: {
+		fontSize: 24,
+		fontWeight: "300"
+	},
+	confirmButton: {
+		alignItems: "center",
+		borderRadius: 6,
+		marginTop: 16,
+		paddingVertical: 12
+	},
+	confirmButtonText: {
+		fontSize: 16,
+		fontWeight: "600"
+	},
+	container: { marginBottom: 16 },
+	error: {
+		fontSize: 12,
+		marginTop: 4
+	},
+	helperText: {
+		fontSize: 12,
+		marginTop: 4
+	},
+	icon: { fontSize: 16 },
+	label: {
+		fontSize: 14,
+		fontWeight: "500",
+		marginBottom: 8
+	},
+	modalContent: {
+		borderRadius: 12,
+		padding: 16,
+		width: "80%"
+	},
+	modalHeader: {
+		alignItems: "center",
+		borderBottomWidth: 1,
+		flexDirection: "row",
+		justifyContent: "space-between",
+		marginBottom: 16,
+		paddingBottom: 12
+	},
+	modalOverlay: {
+		alignItems: "center",
+		backgroundColor: "rgba(0, 0, 0, 0.5)",
+		flex: 1,
+		justifyContent: "center"
+	},
+	modalTitle: {
+		fontSize: 18,
+		fontWeight: "600"
+	},
+	picker: { maxHeight: 200 },
+	pickerColumn: { flex: 1 },
+	pickerContainer: {
+		alignItems: "center",
+		flexDirection: "row",
+		gap: 8
+	},
+	pickerContent: { paddingVertical: 8 },
+	pickerItem: {
+		alignItems: "center",
+		borderRadius: 6,
+		marginVertical: 2,
+		paddingVertical: 10
+	},
+	pickerItemText: { fontSize: 18 },
+	pickerLabel: {
+		fontSize: 12,
+		fontWeight: "600",
+		marginBottom: 8,
+		textAlign: "center"
+	},
+	pickerSeparator: {
+		fontSize: 24,
+		fontWeight: "600"
+	},
+	trigger: {
+		alignItems: "center",
+		borderRadius: 6,
+		borderWidth: 1,
+		flexDirection: "row",
+		justifyContent: "space-between",
+		paddingHorizontal: 12,
+		paddingVertical: 10
+	},
+	triggerText: {
+		flex: 1,
+		fontSize: 14
+	}
+}), Fe = ({ node: e, value: t, setValue: n, error: i, label: a, helperText: o }) => {
+	let [s, c] = k(!1), [l, u] = k(!0), d = r(), { colors: f } = _(), p = Array.isArray(t) ? t : [], m = p[0] || "", h = p[1] || "", g = m.split(":"), v = Number.parseInt(g[0], 10), y = Number.parseInt(g[1], 10), b = Number.isNaN(v) ? 0 : v, x = Number.isNaN(y) ? 0 : y, S = h.split(":"), C = Number.parseInt(S[0], 10), w = Number.parseInt(S[1], 10), T = Number.isNaN(C) ? 0 : C, E = Number.isNaN(w) ? 0 : w, [D, O] = k(0), [M, N] = k(0), te = Array.from({ length: 24 }, (e, t) => t), P = Array.from({ length: 60 }, (e, t) => t), L = () => m && h ? `${m} - ${h}` : m || d("renderer.defaultInputs.selectDateRange"), R = ee(() => {
+		let e = `${String(D).padStart(2, "0")}:${String(M).padStart(2, "0")}`;
+		l ? (n([e, h]), u(!1), O(T || 0), N(E || 0)) : (n([m, e]), c(!1), u(!0));
+	}, [
+		l,
+		D,
+		M,
+		m,
+		h,
+		T,
+		E,
+		n
+	]);
+	return /* @__PURE__ */ j(V, {
+		style: $.container,
+		children: [
+			/* @__PURE__ */ j(z, {
+				style: [$.label, { color: f.textSecondary }],
+				children: [a || e.data.name, e.data.required && /* @__PURE__ */ A(z, {
+					style: { color: f.error },
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ j(B, {
+				style: [
+					$.trigger,
+					{
+						backgroundColor: f.input,
+						borderColor: f.border
+					},
+					i && { borderColor: f.error }
+				],
+				onPress: () => {
+					O(b || 0), N(x || 0), u(!0), c(!0);
+				},
+				activeOpacity: .7,
+				children: [/* @__PURE__ */ A(z, {
+					style: [
+						$.triggerText,
+						{ color: f.text },
+						!m && { color: f.textMuted }
+					],
+					numberOfLines: 1,
+					children: L()
+				}), /* @__PURE__ */ A(z, {
+					style: $.icon,
+					children: "🕐"
+				})]
+			}),
+			/* @__PURE__ */ A(F, {
+				visible: s,
+				transparent: !0,
+				animationType: "fade",
+				onRequestClose: () => c(!1),
+				children: /* @__PURE__ */ A(B, {
+					style: $.modalOverlay,
+					activeOpacity: 1,
+					onPress: () => c(!1),
+					children: /* @__PURE__ */ j(B, {
+						style: [$.modalContent, { backgroundColor: f.card }],
+						activeOpacity: 1,
+						onPress: () => {},
+						children: [
+							/* @__PURE__ */ j(V, {
+								style: [$.modalHeader, { borderBottomColor: f.separator }],
+								children: [/* @__PURE__ */ A(z, {
+									style: [$.modalTitle, { color: f.text }],
+									children: a || e.data.name
+								}), /* @__PURE__ */ A(B, {
+									onPress: () => c(!1),
+									children: /* @__PURE__ */ A(z, {
+										style: [$.closeButton, { color: f.textMuted }],
+										children: "✕"
+									})
+								})]
+							}),
+							/* @__PURE__ */ A(V, {
+								style: [$.rangeIndicator, { backgroundColor: f.primaryLight }],
+								children: /* @__PURE__ */ A(z, {
+									style: [$.rangeIndicatorText, { color: f.primary }],
+									children: d(l ? "renderer.defaultInputs.startTime" : "renderer.defaultInputs.endTime")
+								})
+							}),
+							/* @__PURE__ */ j(V, {
+								style: $.pickerContainer,
+								children: [
+									/* @__PURE__ */ j(V, {
+										style: $.pickerColumn,
+										children: [/* @__PURE__ */ A(z, {
+											style: [$.pickerLabel, { color: f.textMuted }],
+											children: "Hour"
+										}), /* @__PURE__ */ A(I, {
+											style: $.picker,
+											contentContainerStyle: $.pickerContent,
+											showsVerticalScrollIndicator: !1,
+											children: te.map((e) => /* @__PURE__ */ A(B, {
+												style: [$.pickerItem, D === e && { backgroundColor: f.primary }],
+												onPress: () => O(e),
+												activeOpacity: .7,
+												children: /* @__PURE__ */ A(z, {
+													style: [
+														$.pickerItemText,
+														{ color: f.text },
+														D === e && {
+															color: f.background,
+															fontWeight: "600"
+														}
+													],
+													children: String(e).padStart(2, "0")
+												})
+											}, e))
+										})]
+									}),
+									/* @__PURE__ */ A(z, {
+										style: [$.pickerSeparator, { color: f.text }],
+										children: ":"
+									}),
+									/* @__PURE__ */ j(V, {
+										style: $.pickerColumn,
+										children: [/* @__PURE__ */ A(z, {
+											style: [$.pickerLabel, { color: f.textMuted }],
+											children: "Minute"
+										}), /* @__PURE__ */ A(I, {
+											style: $.picker,
+											contentContainerStyle: $.pickerContent,
+											showsVerticalScrollIndicator: !1,
+											children: P.map((e) => /* @__PURE__ */ A(B, {
+												style: [$.pickerItem, M === e && { backgroundColor: f.primary }],
+												onPress: () => N(e),
+												activeOpacity: .7,
+												children: /* @__PURE__ */ A(z, {
+													style: [
+														$.pickerItemText,
+														{ color: f.text },
+														M === e && {
+															color: f.background,
+															fontWeight: "600"
+														}
+													],
+													children: String(e).padStart(2, "0")
+												})
+											}, e))
+										})]
+									})
+								]
+							}),
+							/* @__PURE__ */ A(B, {
+								style: [$.confirmButton, { backgroundColor: f.primary }],
+								onPress: R,
+								activeOpacity: .7,
+								children: /* @__PURE__ */ A(z, {
+									style: [$.confirmButtonText, { color: f.background }],
+									children: l ? "Next" : "Confirm"
+								})
+							})
+						]
+					})
+				})
+			}),
+			i && /* @__PURE__ */ A(z, {
+				style: [$.error, { color: f.error }],
+				children: i
+			}),
+			o && !i && /* @__PURE__ */ A(z, {
+				style: [$.helperText, { color: f.textMuted }],
+				children: o
+			})
+		]
+	});
+}, $ = L.create({
+	closeButton: {
+		fontSize: 24,
+		fontWeight: "300"
+	},
+	confirmButton: {
+		alignItems: "center",
+		borderRadius: 6,
+		marginTop: 16,
+		paddingVertical: 12
+	},
+	confirmButtonText: {
+		fontSize: 16,
+		fontWeight: "600"
+	},
+	container: { marginBottom: 16 },
+	error: {
+		fontSize: 12,
+		marginTop: 4
+	},
+	helperText: {
+		fontSize: 12,
+		marginTop: 4
+	},
+	icon: { fontSize: 16 },
+	label: {
+		fontSize: 14,
+		fontWeight: "500",
+		marginBottom: 8
+	},
+	modalContent: {
+		borderRadius: 12,
+		padding: 16,
+		width: "80%"
+	},
+	modalHeader: {
+		alignItems: "center",
+		borderBottomWidth: 1,
+		flexDirection: "row",
+		justifyContent: "space-between",
+		marginBottom: 12,
+		paddingBottom: 12
+	},
+	modalOverlay: {
+		alignItems: "center",
+		backgroundColor: "rgba(0, 0, 0, 0.5)",
+		flex: 1,
+		justifyContent: "center"
+	},
+	modalTitle: {
+		fontSize: 18,
+		fontWeight: "600"
+	},
+	picker: { maxHeight: 200 },
+	pickerColumn: { flex: 1 },
+	pickerContainer: {
+		alignItems: "center",
+		flexDirection: "row",
+		gap: 8
+	},
+	pickerContent: { paddingVertical: 8 },
+	pickerItem: {
+		alignItems: "center",
+		borderRadius: 6,
+		marginVertical: 2,
+		paddingVertical: 10
+	},
+	pickerItemText: { fontSize: 18 },
+	pickerLabel: {
+		fontSize: 12,
+		fontWeight: "600",
+		marginBottom: 8,
+		textAlign: "center"
+	},
+	pickerSeparator: {
+		fontSize: 24,
+		fontWeight: "600"
+	},
+	rangeIndicator: {
+		alignItems: "center",
+		borderRadius: 6,
+		marginBottom: 12,
+		paddingVertical: 8
+	},
+	rangeIndicatorText: {
+		fontSize: 14,
+		fontWeight: "600"
+	},
+	trigger: {
+		alignItems: "center",
+		borderRadius: 6,
+		borderWidth: 1,
+		flexDirection: "row",
+		justifyContent: "space-between",
+		paddingHorizontal: 12,
+		paddingVertical: 10
+	},
+	triggerText: {
+		flex: 1,
+		fontSize: 14
+	}
+}), Ie = ({ node: e }) => /* @__PURE__ */ j(z, { children: [
+	"TODO: Implement ",
+	e.data.type,
+	" input for React Native"
+] }), Le = {
+	address: oe,
+	autocomplete: se,
+	checkbox: ce,
+	date: le,
+	daterange: ue,
+	file: de,
+	hidden: fe,
+	http: xe,
+	number: Se,
+	password: we,
+	radio: Ee,
+	select: De,
+	submit: Ie,
+	switch: Oe,
+	text: Me,
+	textarea: Ae,
+	time: Pe,
+	timerange: Fe
+}, Re = ({ label: e, children: t, isFirstStep: n, isLastStep: i, canContinue: a, isSubmitting: o, onBack: s, onContinue: c }) => {
+	let l = r(), { colors: u } = _(), d = !a || o;
+	return /* @__PURE__ */ j(V, { children: [
+		e ? /* @__PURE__ */ A(z, {
+			style: [ze.label, { color: u.text }],
+			children: e
+		}) : null,
+		/* @__PURE__ */ A(V, {
+			style: ze.content,
+			children: t
+		}),
+		/* @__PURE__ */ j(V, {
+			style: ze.actions,
+			children: [n ? /* @__PURE__ */ A(V, {}) : /* @__PURE__ */ A(B, {
+				style: [
+					ze.backButton,
+					{ borderColor: u.border },
+					o && ze.disabled
+				],
+				onPress: s,
+				disabled: o,
+				activeOpacity: .7,
+				children: /* @__PURE__ */ A(z, {
+					style: [ze.backButtonText, { color: u.text }],
+					children: l("renderer.step.back")
+				})
+			}), /* @__PURE__ */ A(B, {
+				style: [
+					ze.continueButton,
+					{ backgroundColor: u.primary },
+					d && {
+						backgroundColor: u.primaryDisabled,
+						opacity: .6
+					}
+				],
+				onPress: c,
+				disabled: d,
+				activeOpacity: .7,
+				children: o ? /* @__PURE__ */ A(M, { color: u.primaryForeground }) : /* @__PURE__ */ A(z, {
+					style: [ze.continueButtonText, { color: u.primaryForeground }],
+					children: l(i ? "renderer.defaultSubmitButton.submit" : "renderer.step.continue")
+				})
+			})]
+		})
+	] });
+}, ze = L.create({
+	actions: {
+		alignItems: "center",
+		flexDirection: "row",
+		justifyContent: "space-between",
+		marginTop: 24
+	},
+	backButton: {
+		borderRadius: 6,
+		borderWidth: 1,
+		paddingHorizontal: 16,
+		paddingVertical: 10
+	},
+	backButtonText: {
+		fontSize: 14,
+		fontWeight: "500"
+	},
+	content: { gap: 8 },
+	continueButton: {
+		alignItems: "center",
+		borderRadius: 6,
+		justifyContent: "center",
+		paddingHorizontal: 24,
+		paddingVertical: 12
+	},
+	continueButtonText: {
+		fontSize: 14,
+		fontWeight: "600"
+	},
+	disabled: { opacity: .5 },
+	label: {
+		fontSize: 16,
+		fontWeight: "600",
+		marginBottom: 12
+	}
+}), Be = ({ children: e = "Submit", disabled: t, isSubmitting: n, onPress: r }) => {
+	let { colors: i } = _();
+	return /* @__PURE__ */ A(B, {
+		style: [
+			Ve.button,
+			{ backgroundColor: i.primary },
+			(t || n) && {
+				backgroundColor: i.primaryDisabled,
+				opacity: .6
+			}
+		],
+		disabled: t || n,
+		onPress: r,
+		activeOpacity: .7,
+		children: n ? /* @__PURE__ */ A(M, { color: i.primaryForeground }) : /* @__PURE__ */ A(z, {
+			style: [Ve.buttonText, { color: i.primaryForeground }],
+			children: e
+		})
+	});
+}, Ve = L.create({
+	button: {
+		alignItems: "center",
+		borderRadius: 6,
+		justifyContent: "center",
+		marginTop: 16,
+		paddingHorizontal: 24,
+		paddingVertical: 12
+	},
+	buttonText: {
+		fontSize: 16,
+		fontWeight: "600"
+	}
+}), He = ({ children: e }) => e, Ue = ({ node: e }) => {
+	let t = r(), { colors: n } = _(), i = t(e.data?.label);
+	return /* @__PURE__ */ A(z, {
+		style: [Ge.title, { color: n.text }],
+		children: i
+	});
+}, We = () => {
+	let { colors: e } = _();
+	return /* @__PURE__ */ A(V, { style: [Ge.divider, { backgroundColor: e.separator }] });
+}, Ge = L.create({
+	divider: {
+		height: 1,
+		marginBottom: 16,
+		marginTop: 0
+	},
+	title: {
+		fontSize: 20,
+		fontWeight: "700",
+		marginBottom: 16
+	}
+}), Ke = {
+	divider: We,
+	title: Ue
+}, qe = ({ node: e, children: t }) => {
+	let { image: n } = e.data;
+	return /* @__PURE__ */ j(V, { children: [n && /* @__PURE__ */ A(P, {
+		source: { uri: n },
+		style: Je.image,
+		resizeMode: "cover"
+	}), t] });
+}, Je = L.create({ image: {
+	borderRadius: 6,
+	height: 160,
+	marginBottom: 8,
+	width: "100%"
+} }), Ye = ({ components: e, contentContainerStyle: t, flows: n, googleApiKey: r, headers: i, initialValues: a, language: o, onChange: s, onSubmit: c, style: l, theme: u, validate: d, validationMode: f }) => {
+	let { colors: h } = _(), { canContinueStep: g, canSubmit: v, clearSubmitMessage: y, config: x, currentStep: S, currentStepGroupNode: C, currentStepIndex: w, formErrors: T, formValues: E, goToNextStep: O, goToPreviousStep: k, handleSubmit: M, inputNodes: N, isFirstStep: te, isLastStep: P, isSubmitting: F, missingRequiredFields: L, setFieldValue: R, steps: ne, submitMessage: B, t: re } = p({
+		components: e,
+		flows: n,
+		googleApiKey: r,
+		headers: i,
+		initialValues: a,
+		language: o,
+		onChange: s,
+		onSubmit: c,
+		theme: u,
+		validate: d,
+		validationMode: f
+	}), { FormWrapper: ie, SubmitButtonWrapper: ae, renderNode: oe } = b({
+		config: x,
+		DefaultFormWrapper: H,
+		DefaultInputWrapper: qe,
+		DefaultSubmitButton: Be,
+		DefaultSubmitButtonWrapper: He,
+		defaultInputRenderers: Le,
+		defaultUI: Ke,
+		formErrors: T,
+		formValues: E,
+		missingRequiredFields: L,
+		setFieldValue: R
+	}), U = x.components.step ?? Re, se = D(() => re(C?.data?.label), [re, C]), W = ee(() => {
+		if (P) {
+			M();
+			return;
+		}
+		O();
+	}, [
+		P,
+		M,
+		O
+	]);
+	return /* @__PURE__ */ A(I, {
+		nestedScrollEnabled: !0,
+		style: [
+			Ze.container,
+			{ backgroundColor: h.background },
+			l
+		],
+		contentContainerStyle: t,
+		children: /* @__PURE__ */ j(m, {
+			value: {
+				flows: n,
+				formErrors: T,
+				formValues: E,
+				googleApiKey: x.googleApiKey,
+				headers: x.headers,
+				inputNodes: N,
+				language: x.language,
+				setFieldValue: R
+			},
+			children: [/* @__PURE__ */ j(ie, {
+				onSubmit: M,
+				children: [S && /* @__PURE__ */ A(ae, {
+					missingFields: P ? L : void 0,
+					children: /* @__PURE__ */ A(U, {
+						step: S,
+						groupNode: C,
+						stepIndex: w,
+						totalSteps: ne.length,
+						isFirstStep: te,
+						isLastStep: P,
+						canContinue: g && (!P || v),
+						isSubmitting: F,
+						onBack: k,
+						onContinue: W,
+						label: se,
+						children: S.nodes.map((e) => oe(e))
+					})
+				}), /* @__PURE__ */ A(z, {
+					style: [Ze.poweredBy, { color: h.textMuted }],
+					children: "Powered by Treege"
+				})]
+			}), B && /* @__PURE__ */ j(V, {
+				style: [Ze.message, { backgroundColor: B.type === "success" ? h.successBg : h.errorBg }],
+				children: [/* @__PURE__ */ A(z, {
+					style: [Ze.messageText, { color: B.type === "success" ? h.success : h.error }],
+					children: B.message
+				}), /* @__PURE__ */ A(z, {
+					style: [Ze.messageClose, { color: B.type === "success" ? h.success : h.error }],
+					onPress: y,
+					children: re("common.close")
+				})]
+			})]
+		})
+	});
+}, Xe = (e) => /* @__PURE__ */ A(S, {
+	theme: e.theme,
+	storageKey: "treege-renderer-theme",
+	children: /* @__PURE__ */ A(Ye, { ...e })
+}), Ze = L.create({
+	container: { flex: 1 },
+	message: {
+		borderRadius: 6,
+		marginVertical: 16,
+		padding: 16
+	},
+	messageClose: {
+		fontSize: 14,
+		marginTop: 8,
+		textDecorationLine: "underline"
+	},
+	messageText: {
+		fontSize: 14,
+		fontWeight: "500"
+	},
+	poweredBy: {
+		fontSize: 12,
+		paddingVertical: 8,
+		textAlign: "right"
+	}
+});
+//#endregion
+export { oe as DefaultAddressInput, se as DefaultAutocompleteInput, ce as DefaultCheckboxInput, le as DefaultDateInput, ue as DefaultDateRangeInput, We as DefaultDividerUI, de as DefaultFileInput, fe as DefaultHiddenInput, xe as DefaultHttpInput, Se as DefaultNumberInput, we as DefaultPasswordInput, Ee as DefaultRadioInput, De as DefaultSelectInput, Ie as DefaultSubmitInput, Oe as DefaultSwitchInput, Me as DefaultTextInput, Ae as DefaultTextareaInput, Pe as DefaultTimeInput, Fe as DefaultTimeRangeInput, Ue as DefaultTitleUI, C as TreegeConfigProvider, Xe as TreegeRenderer, u as applyReferenceTransformation, y as calculateReferenceFieldUpdates, g as checkFormFieldHasValue, f as convertFormValuesToNamedFormat, Le as defaultInputRenderers, Ke as defaultUI, c as evaluateCondition, h as evaluateConditions, s as fileToSerializable, T as filesToSerializable, o as findStartNode, v as getFlowRenderState, t as getTranslatedText, d as isFieldEmpty, x as isStartNode, he as sanitize, _e as sanitizeHttpResponse, i as serializableToFile, l as useTreegeConfig, p as useTreegeRenderer };