treege 3.0.0-beta.3 → 3.0.0-beta.30

package/dist/renderer-native.js

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