treege 3.0.0-beta.26 → 3.0.0-beta.27

package/dist/renderer-native.js

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