treege 3.0.0-beta.26 → 3.0.0-beta.28

package/dist/renderer-native.js

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