treege 3.0.0-beta.7 → 3.0.0-beta.70

package/dist/renderer-native.js

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