treege 3.0.0-beta.27 → 3.0.0-beta.28

package/dist/renderer-native.js

@@ -1,20 +1,20 @@
-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({
+import { q as se, r as Ve, k as Ye, t as Ge, a as Ue, v as Je, w as Ke } from "./useRenderNode-BACcrUML.js";
+import { T as Vt, l as Nt, n as $t, j as Et, e as qt, b as _t, f as Yt, c as Gt, d as Ut, g as Jt, h as Kt, i as Qt, m as Xt, s as Zt, u as er } from "./useRenderNode-BACcrUML.js";
+import { j as e, u as q, T as Qe } from "./ThemeContext-BBEqRK_Q.js";
+import { g as rr } from "./ThemeContext-BBEqRK_Q.js";
+import { StyleSheet as _, View as x, Text as t, TouchableOpacity as h, Modal as ae, TextInput as me, ActivityIndicator as he, FlatList as fe, Alert as Xe, ScrollView as be, Switch as Ze } from "react-native";
+import { useState as R, useCallback as ye, useEffect as ge, useMemo as xe, useRef as ie } from "react";
+const et = ({ children: r }) => /* @__PURE__ */ e.jsx(x, { style: tt.container, children: r }), tt = _.create({
   container: {
     padding: 16
   }
-}), 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 })
+}), rt = ({ children: r, node: s }) => {
+  const i = se(), { colors: n } = q(), c = i(s.data.label);
+  return /* @__PURE__ */ e.jsxs(x, { style: De.container, children: [
+    c && /* @__PURE__ */ e.jsx(t, { style: [De.label, { color: n.text }], children: c }),
+    /* @__PURE__ */ e.jsx(x, { style: De.content, children: r })
   ] });
-}, Ie = $.create({
+}, De = _.create({
   container: {
     marginBottom: 16
   },
@@ -22,137 +22,143 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     gap: 8
   },
   label: {
-    color: "#111827",
     fontSize: 16,
     fontWeight: "600",
     marginBottom: 12
   }
-}), et = async (r, o) => {
+}), ot = async (r, s) => {
   if (!r || r.trim().length < 3)
     return [];
   try {
-    const s = await fetch(
+    const i = await fetch(
       `https://nominatim.openstreetmap.org/search?q=${encodeURIComponent(r)}&format=jsonv2&addressdetails=1&limit=5`,
       {
         headers: {
           Accept: "application/json",
           "User-Agent": "Treege Renderer",
-          ...o && { "Accept-Language": o }
+          ...s && { "Accept-Language": s }
         }
       }
     );
-    return s.ok ? (await s.json()).map((a) => ({
-      label: a.display_name,
-      value: a.display_name
+    return i.ok ? (await i.json()).map((c) => ({
+      label: c.display_name,
+      value: c.display_name
     })) : [];
-  } catch (s) {
-    return console.error("Nominatim fetch error:", s), [];
+  } catch (i) {
+    return console.error("Nominatim fetch error:", i), [];
   }
-}, tt = async (r, o) => {
+}, nt = async (r, s) => {
   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}`
+    const i = await fetch(
+      `https://maps.googleapis.com/maps/api/place/autocomplete/json?input=${encodeURIComponent(r)}&key=${s}`
     );
-    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
+    if (!i.ok)
+      return console.warn("Google Places API request failed:", i.status), [];
+    const n = await i.json();
+    return n.status !== "OK" && n.status !== "ZERO_RESULTS" ? (console.warn("Google Places API status:", n.status), []) : (n.predictions || []).map((c) => ({
+      label: c.description,
+      value: c.description
     }));
-  } catch (s) {
-    return console.error("Google Places fetch error:", s), [];
+  } catch (i) {
+    return console.error("Google Places fetch error:", i), [];
   }
-}, rt = ({
+}, st = ({
   node: r,
-  value: o,
-  setValue: s,
+  value: s,
+  setValue: i,
   error: n,
-  label: a,
-  placeholder: f,
-  helperText: m,
-  id: B,
-  name: y
+  label: c,
+  placeholder: S,
+  helperText: y,
+  id: p,
+  name: l
 }) => {
-  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([]);
+  const [g, a] = R(""), [o, d] = R([]), [m, C] = R(!1), [v, w] = R(!1), { language: f, googleApiKey: b } = Ve(), z = se(), { colors: j } = q(), P = ye(
+    (D) => {
+      i(D.value), a(""), C(!1), d([]);
     },
-    [s]
-  ), R = () => {
-    z(!1);
+    [i]
+  ), u = () => {
+    C(!1);
   };
-  return de(() => {
-    if (!S || S.trim().length < 3) {
-      i([]), g(!1);
+  return ge(() => {
+    if (!g || g.trim().length < 3) {
+      d([]), w(!1);
       return;
     }
-    g(!0);
-    const k = setTimeout(async () => {
-      const _ = j ? await tt(S, j) : await et(S, b);
-      i(_), g(!1);
+    w(!0);
+    const D = setTimeout(async () => {
+      const N = b ? await nt(g, b) : await ot(g, f);
+      d(N), w(!1);
     }, 300);
     return () => {
-      clearTimeout(k), g(!1);
+      clearTimeout(D), w(!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: "*" })
+  }, [g, f, b]), /* @__PURE__ */ e.jsxs(x, { style: L.container, children: [
+    /* @__PURE__ */ e.jsxs(t, { style: [L.label, { color: j.textSecondary }], children: [
+      c || r.data.name,
+      r.data.required && /* @__PURE__ */ e.jsx(t, { style: { color: j.error }, children: "*" })
     ] }),
-    /* @__PURE__ */ e.jsxs(h, { style: [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: () => {
+    /* @__PURE__ */ e.jsxs(
+      h,
+      {
+        style: [L.trigger, { backgroundColor: j.input, borderColor: j.border }, n && { borderColor: j.error }],
+        onPress: () => C(!0),
+        activeOpacity: 0.7,
+        children: [
+          /* @__PURE__ */ e.jsx(t, { style: [L.triggerText, { color: j.text }, !s && { color: j.textMuted }], numberOfLines: 1, children: s || S || z("renderer.defaultAddressInput.enterAddress") }),
+          /* @__PURE__ */ e.jsx(t, { style: L.icon, children: "📍" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e.jsx(ae, { visible: m, transparent: !0, animationType: "fade", onRequestClose: u, children: /* @__PURE__ */ e.jsx(h, { style: L.modalOverlay, activeOpacity: 1, onPress: u, children: /* @__PURE__ */ e.jsxs(h, { style: [L.modalContent, { backgroundColor: j.card }], activeOpacity: 1, onPress: () => {
     }, children: [
-      /* @__PURE__ */ e.jsxs(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(x, { style: [L.modalHeader, { borderBottomColor: j.separator }], children: [
+        /* @__PURE__ */ e.jsx(t, { style: [L.modalTitle, { color: j.text }], children: c || r.data.name }),
+        /* @__PURE__ */ e.jsx(h, { onPress: u, children: /* @__PURE__ */ e.jsx(t, { style: [L.closeButton, { color: j.textMuted }], children: "✕" }) })
       ] }),
-      /* @__PURE__ */ e.jsxs(l, { style: P.searchContainer, children: [
+      /* @__PURE__ */ e.jsxs(x, { style: L.searchContainer, children: [
         /* @__PURE__ */ e.jsx(
-          ge,
+          me,
           {
-            style: P.searchInput,
-            placeholder: f || T("renderer.defaultAddressInput.enterAddress"),
-            placeholderTextColor: "#9CA3AF",
-            value: S,
-            onChangeText: u,
+            style: [L.searchInput, { backgroundColor: j.muted, borderColor: j.border, color: j.text }],
+            placeholder: S || z("renderer.defaultAddressInput.enterAddress"),
+            placeholderTextColor: j.textMuted,
+            value: g,
+            onChangeText: a,
             autoFocus: !0,
             autoCapitalize: "none",
             autoCorrect: !1
           }
         ),
-        C && /* @__PURE__ */ e.jsx(be, { size: "small", color: "#3B82F6", style: P.searchLoader })
+        v && /* @__PURE__ */ e.jsx(he, { size: "small", color: j.primary, style: L.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") })
+      v ? /* @__PURE__ */ e.jsxs(x, { style: L.loadingContainer, children: [
+        /* @__PURE__ */ e.jsx(he, { size: "small", color: j.primary }),
+        /* @__PURE__ */ e.jsx(t, { style: [L.loadingText, { color: j.textMuted }], children: z("renderer.defaultAddressInput.searching") })
       ] }) : /* @__PURE__ */ e.jsx(
-        Fe,
+        fe,
         {
-          data: x,
-          keyExtractor: (k, _) => _.toString(),
-          style: P.suggestionsList,
-          contentContainerStyle: P.suggestionsListContent,
+          data: o,
+          keyExtractor: (D, N) => N.toString(),
+          style: L.suggestionsList,
+          contentContainerStyle: L.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 })
+          ListEmptyComponent: g.length >= 3 ? /* @__PURE__ */ e.jsx(x, { style: L.emptyContainer, children: /* @__PURE__ */ e.jsx(t, { style: [L.emptyText, { color: j.textMuted }], children: z("renderer.defaultAddressInput.noAddressesFound") }) }) : /* @__PURE__ */ e.jsx(x, { style: L.emptyContainer, children: /* @__PURE__ */ e.jsx(t, { style: [L.emptyText, { color: j.textMuted }], children: z("renderer.defaultAddressInput.typeMinChars") }) }),
+          renderItem: ({ item: D }) => /* @__PURE__ */ e.jsxs(h, { style: L.suggestionItem, onPress: () => P(D), activeOpacity: 0.7, children: [
+            /* @__PURE__ */ e.jsx(t, { style: L.suggestionIcon, children: "📍" }),
+            /* @__PURE__ */ e.jsx(t, { style: [L.suggestionText, { color: j.text }], numberOfLines: 2, children: D.label })
           ] })
         }
       )
     ] }) }) }),
-    n && /* @__PURE__ */ e.jsx(t, { style: P.error, children: n }),
-    m && !n && /* @__PURE__ */ e.jsx(t, { style: P.helperText, children: m })
+    n && /* @__PURE__ */ e.jsx(t, { style: [L.error, { color: j.error }], children: n }),
+    y && !n && /* @__PURE__ */ e.jsx(t, { style: [L.helperText, { color: j.textMuted }], children: y })
   ] });
-}, P = $.create({
+}, L = _.create({
   closeButton: {
-    color: "#6B7280",
     fontSize: 24,
     fontWeight: "300"
   },
@@ -164,16 +170,13 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     paddingVertical: 24
   },
   emptyText: {
-    color: "#9CA3AF",
     fontSize: 14
   },
   error: {
-    color: "#EF4444",
     fontSize: 12,
     marginTop: 4
   },
   helperText: {
-    color: "#6B7280",
     fontSize: 12,
     marginTop: 4
   },
@@ -181,7 +184,6 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     fontSize: 16
   },
   label: {
-    color: "#374151",
     fontSize: 14,
     fontWeight: "500",
     marginBottom: 8
@@ -193,12 +195,10 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     paddingVertical: 24
   },
   loadingText: {
-    color: "#6B7280",
     fontSize: 14,
     marginLeft: 8
   },
   modalContent: {
-    backgroundColor: "#FFFFFF",
     borderRadius: 12,
     maxHeight: "80%",
     padding: 16,
@@ -206,7 +206,6 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
   },
   modalHeader: {
     alignItems: "center",
-    borderBottomColor: "#E5E7EB",
     borderBottomWidth: 1,
     flexDirection: "row",
     justifyContent: "space-between",
@@ -220,23 +219,16 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     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,
@@ -267,14 +259,11 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     flexGrow: 0
   },
   suggestionText: {
-    color: "#374151",
     flex: 1,
     fontSize: 14
   },
   trigger: {
     alignItems: "center",
-    backgroundColor: "#FFFFFF",
-    borderColor: "#D1D5DB",
     borderRadius: 6,
     borderWidth: 1,
     flexDirection: "row",
@@ -282,76 +271,77 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     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: "*" })
+}), lt = ({ node: r, value: s, setValue: i, error: n, label: c, placeholder: S, helperText: y }) => {
+  const [p, l] = R(!1), [g, a] = R(""), o = se(), { colors: d } = q(), m = r.data.options || [], C = m.find((z) => z.value === s), v = xe(() => {
+    if (!g.trim())
+      return m;
+    const z = g.toLowerCase();
+    return m.filter((j) => o(j.label).toLowerCase().includes(z) || j.value.toLowerCase().includes(z));
+  }, [m, g, o]), w = (z) => {
+    i(z === s ? "" : z), l(!1), a("");
+  }, f = () => {
+    l(!1), a("");
+  }, b = () => s && C ? o(C.label) : S || o("renderer.defaultAutocompleteInput.selectOption");
+  return /* @__PURE__ */ e.jsxs(x, { style: E.container, children: [
+    /* @__PURE__ */ e.jsxs(t, { style: [E.label, { color: d.textSecondary }], children: [
+      c || r.data.name,
+      r.data.required && /* @__PURE__ */ e.jsx(t, { style: { color: d.error }, children: "*" })
     ] }),
-    /* @__PURE__ */ e.jsxs(h, { style: [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: () => {
+    /* @__PURE__ */ e.jsxs(
+      h,
+      {
+        style: [E.trigger, { backgroundColor: d.input, borderColor: d.border }, n && { borderColor: d.error }],
+        onPress: () => l(!0),
+        activeOpacity: 0.7,
+        children: [
+          /* @__PURE__ */ e.jsx(t, { style: [E.triggerText, { color: d.text }, !s && { color: d.textMuted }], numberOfLines: 1, children: b() }),
+          /* @__PURE__ */ e.jsx(t, { style: [E.arrow, { color: d.textMuted }], children: "▼" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e.jsx(ae, { visible: p, transparent: !0, animationType: "fade", onRequestClose: f, children: /* @__PURE__ */ e.jsx(h, { style: E.modalOverlay, activeOpacity: 1, onPress: f, children: /* @__PURE__ */ e.jsxs(h, { style: [E.modalContent, { backgroundColor: d.card }], activeOpacity: 1, onPress: () => {
     }, children: [
-      /* @__PURE__ */ e.jsxs(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.jsxs(x, { style: [E.modalHeader, { borderBottomColor: d.separator }], children: [
+        /* @__PURE__ */ e.jsx(t, { style: [E.modalTitle, { color: d.text }], children: c || r.data.name }),
+        /* @__PURE__ */ e.jsx(h, { onPress: f, children: /* @__PURE__ */ e.jsx(t, { style: [E.closeButton, { color: d.textMuted }], children: "✕" }) })
       ] }),
-      /* @__PURE__ */ e.jsx(l, { style: W.searchContainer, children: /* @__PURE__ */ e.jsx(
-        ge,
+      /* @__PURE__ */ e.jsx(x, { style: E.searchContainer, children: /* @__PURE__ */ e.jsx(
+        me,
         {
-          style: W.searchInput,
-          placeholder: f || x("renderer.defaultAutocompleteInput.search"),
-          placeholderTextColor: "#9CA3AF",
-          value: S,
-          onChangeText: u,
+          style: [E.searchInput, { backgroundColor: d.muted, borderColor: d.border, color: d.text }],
+          placeholder: S || o("renderer.defaultAutocompleteInput.search"),
+          placeholderTextColor: d.textMuted,
+          value: g,
+          onChangeText: a,
           autoFocus: !0,
           autoCapitalize: "none",
           autoCorrect: !1
         }
       ) }),
       /* @__PURE__ */ e.jsx(
-        Fe,
+        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;
+          data: v,
+          keyExtractor: (z) => z.value,
+          style: E.optionsList,
+          contentContainerStyle: E.optionsListContent,
+          ListEmptyComponent: /* @__PURE__ */ e.jsx(x, { style: E.emptyContainer, children: /* @__PURE__ */ e.jsx(t, { style: [E.emptyText, { color: d.textMuted }], children: o("renderer.defaultAutocompleteInput.noResults") }) }),
+          renderItem: ({ item: z }) => {
+            const j = z.value === s;
             return /* @__PURE__ */ e.jsxs(
               h,
               {
-                style: [W.option, T && W.optionSelected],
-                onPress: () => C(j.value),
-                disabled: j.disabled,
+                style: [E.option, j && { backgroundColor: d.primaryLight }],
+                onPress: () => w(z.value),
+                disabled: z.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: "✓" })
+                  /* @__PURE__ */ e.jsx(t, { style: [E.optionText, { color: d.text }, z.disabled && { color: d.textMuted }], children: o(z.label) }),
+                  j && /* @__PURE__ */ e.jsx(t, { style: [E.checkmark, { color: d.primary }], children: "✓" })
                 ]
               }
             );
@@ -359,21 +349,18 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
         }
       )
     ] }) }) }),
-    n && /* @__PURE__ */ e.jsx(t, { style: W.error, children: n }),
-    m && !n && /* @__PURE__ */ e.jsx(t, { style: W.helperText, children: m })
+    n && /* @__PURE__ */ e.jsx(t, { style: [E.error, { color: d.error }], children: n }),
+    y && !n && /* @__PURE__ */ e.jsx(t, { style: [E.helperText, { color: d.textMuted }], children: y })
   ] });
-}, W = $.create({
+}, E = _.create({
   arrow: {
-    color: "#6B7280",
     fontSize: 12
   },
   checkmark: {
-    color: "#3B82F6",
     fontSize: 18,
     fontWeight: "700"
   },
   closeButton: {
-    color: "#6B7280",
     fontSize: 24,
     fontWeight: "300"
   },
@@ -385,27 +372,22 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     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,
@@ -413,7 +395,6 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
   },
   modalHeader: {
     alignItems: "center",
-    borderBottomColor: "#E5E7EB",
     borderBottomWidth: 1,
     flexDirection: "row",
     justifyContent: "space-between",
@@ -427,7 +408,6 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     justifyContent: "center"
   },
   modalTitle: {
-    color: "#111827",
     fontSize: 18,
     fontWeight: "600"
   },
@@ -439,9 +419,6 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     paddingHorizontal: 12,
     paddingVertical: 12
   },
-  optionSelected: {
-    backgroundColor: "#EFF6FF"
-  },
   optionsList: {
     flexGrow: 0,
     flexShrink: 1
@@ -450,33 +427,21 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     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",
@@ -484,74 +449,85 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     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);
+}), it = ({ node: r, value: s, setValue: i, error: n, label: c, helperText: S }) => {
+  const y = se(), { colors: p } = q(), l = r.data.options || [], g = l.length > 0, a = Array.isArray(s) ? s : [], o = typeof s == "boolean" ? s : !1, d = (C) => {
+    if (g) {
+      const v = a.includes(C) ? a.filter((w) => w !== C) : [...a, C];
+      i(v);
     } else
-      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: "*" })
+      i(!o);
+  }, m = (C) => g ? a.includes(C) : o;
+  return /* @__PURE__ */ e.jsxs(x, { style: ne.container, children: [
+    /* @__PURE__ */ e.jsxs(t, { style: [ne.label, { color: p.textSecondary }], children: [
+      c || r.data.name,
+      r.data.required && /* @__PURE__ */ e.jsx(t, { style: { color: p.error }, children: "*" })
     ] }),
-    B.length > 0 ? B.map((c) => /* @__PURE__ */ e.jsxs(
+    l.length > 0 ? l.map((C) => /* @__PURE__ */ e.jsxs(
       h,
       {
-        style: Z.option,
-        onPress: () => x(c.value),
-        disabled: c.disabled,
+        style: ne.option,
+        onPress: () => d(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,
+        accessibilityState: { checked: m(C.value), disabled: C.disabled },
+        accessibilityLabel: y(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 })
+          /* @__PURE__ */ e.jsx(
+            x,
+            {
+              style: [
+                ne.checkbox,
+                { backgroundColor: p.input, borderColor: p.border },
+                m(C.value) && { backgroundColor: p.primary, borderColor: p.primary }
+              ],
+              children: m(C.value) && /* @__PURE__ */ e.jsx(t, { style: ne.checkmark, children: "✓" })
+            }
+          ),
+          /* @__PURE__ */ e.jsx(t, { style: [ne.optionLabel, { color: p.textSecondary }, C.disabled && { color: p.textMuted }], children: y(C.label) || C.value })
         ]
       },
-      c.value
+      C.value
     )) : (
       // Single checkbox without options
       /* @__PURE__ */ e.jsxs(
         h,
         {
-          style: Z.option,
-          onPress: () => x(""),
+          style: ne.option,
+          onPress: () => d(""),
           activeOpacity: 0.7,
           accessible: !0,
           accessibilityRole: "checkbox",
-          accessibilityState: { checked: u },
-          accessibilityLabel: a || r.data.name,
+          accessibilityState: { checked: o },
+          accessibilityLabel: c || 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 })
+            /* @__PURE__ */ e.jsx(
+              x,
+              {
+                style: [
+                  ne.checkbox,
+                  { backgroundColor: p.input, borderColor: p.border },
+                  o && { backgroundColor: p.primary, borderColor: p.primary }
+                ],
+                children: o && /* @__PURE__ */ e.jsx(t, { style: ne.checkmark, children: "✓" })
+              }
+            ),
+            /* @__PURE__ */ e.jsx(t, { style: [ne.optionLabel, { color: p.textSecondary }], children: c || r.data.name })
           ]
         }
       )
     ),
-    n && /* @__PURE__ */ e.jsx(t, { style: Z.error, children: n }),
-    f && !n && /* @__PURE__ */ e.jsx(t, { style: Z.helperText, children: f })
+    n && /* @__PURE__ */ e.jsx(t, { style: [ne.error, { color: p.error }], children: n }),
+    S && !n && /* @__PURE__ */ e.jsx(t, { style: [ne.helperText, { color: p.textMuted }], children: S })
   ] });
-}, Z = $.create({
+}, ne = _.create({
   checkbox: {
     alignItems: "center",
-    backgroundColor: "#FFFFFF",
-    borderColor: "#D1D5DB",
     borderRadius: 4,
     borderWidth: 2,
     height: 20,
@@ -559,10 +535,6 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     marginRight: 12,
     width: 20
   },
-  checkboxChecked: {
-    backgroundColor: "#3B82F6",
-    borderColor: "#3B82F6"
-  },
   checkmark: {
     color: "#FFFFFF",
     fontSize: 14,
@@ -572,17 +544,14 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.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
@@ -593,21 +562,14 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     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 = [
+}), at = ({ node: r, value: s, setValue: i, error: n, label: c, placeholder: S, helperText: y }) => {
+  const [p, l] = R(!1), g = se(), { colors: a } = q(), o = s ? new Date(s) : void 0, { year: d, month: m, today: C } = xe(() => {
+    const T = o || /* @__PURE__ */ new Date(), A = T.getFullYear(), Z = T.getMonth(), Q = /* @__PURE__ */ new Date();
+    return Q.setHours(0, 0, 0, 0), { month: Z, today: Q, year: A };
+  }, [o]), [v, w] = R(d), [f, b] = R(m), z = [
     "January",
     "February",
     "March",
@@ -620,96 +582,105 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     "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,
+  ], j = xe(() => {
+    const T = new Date(v, f, 1).getDay(), A = new Date(v, f + 1, 0).getDate(), Z = new Date(v, f, 0).getDate(), Q = [];
+    for (let B = T - 1; B >= 0; B--)
+      Q.push({
+        date: new Date(v, f - 1, Z - B),
+        day: Z - B,
         isCurrentMonth: !1
       });
-    for (let v = 1; v <= H; v++)
-      U.push({
-        date: new Date(z, g, v),
-        day: v,
+    for (let B = 1; B <= A; B++)
+      Q.push({
+        date: new Date(v, f, B),
+        day: B,
         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,
+    const I = 42 - Q.length;
+    for (let B = 1; B <= I; B++)
+      Q.push({
+        date: new Date(v, f + 1, B),
+        day: B,
         isCurrentMonth: !1
       });
-    return U;
-  }, [z, g]), q = he(
-    (p) => {
-      r.data.disablePast && p < c || (s(p.toISOString()), y(!1));
+    return Q;
+  }, [v, f]), P = ye(
+    (T) => {
+      r.data.disablePast && T < C || (i(T.toISOString()), l(!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: "*" })
+    [r.data.disablePast, C, i]
+  ), u = () => {
+    f === 0 ? (b(11), w(v - 1)) : b(f - 1);
+  }, D = () => {
+    f === 11 ? (b(0), w(v + 1)) : b(f + 1);
+  }, N = () => o ? o.toLocaleDateString() : S || g("renderer.defaultInputs.selectDate"), K = (T) => r.data.disablePast ? T < C : !1, te = (T) => o ? T.getDate() === o.getDate() && T.getMonth() === o.getMonth() && T.getFullYear() === o.getFullYear() : !1;
+  return /* @__PURE__ */ e.jsxs(x, { style: F.container, children: [
+    /* @__PURE__ */ e.jsxs(t, { style: [F.label, { color: a.textSecondary }], children: [
+      c || r.data.name,
+      r.data.required && /* @__PURE__ */ e.jsx(t, { style: { color: a.error }, children: "*" })
     ] }),
-    /* @__PURE__ */ e.jsxs(h, { style: [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: () => {
+    /* @__PURE__ */ e.jsxs(
+      h,
+      {
+        style: [F.trigger, { backgroundColor: a.input, borderColor: a.border }, n && { borderColor: a.error }],
+        onPress: () => l(!0),
+        activeOpacity: 0.7,
+        children: [
+          /* @__PURE__ */ e.jsx(t, { style: [F.triggerText, { color: a.text }, !s && { color: a.textMuted }], numberOfLines: 1, children: N() }),
+          /* @__PURE__ */ e.jsx(t, { style: F.icon, children: "📅" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e.jsx(ae, { visible: p, transparent: !0, animationType: "fade", onRequestClose: () => l(!1), children: /* @__PURE__ */ e.jsx(h, { style: F.modalOverlay, activeOpacity: 1, onPress: () => l(!1), children: /* @__PURE__ */ e.jsxs(h, { style: [F.modalContent, { backgroundColor: a.card }], activeOpacity: 1, onPress: () => {
     }, children: [
-      /* @__PURE__ */ e.jsxs(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(x, { style: [F.modalHeader, { borderBottomColor: a.separator }], children: [
+        /* @__PURE__ */ e.jsx(t, { style: [F.modalTitle, { color: a.text }], children: c || r.data.name }),
+        /* @__PURE__ */ e.jsx(h, { onPress: () => l(!1), children: /* @__PURE__ */ e.jsx(t, { style: [F.closeButton, { color: a.textMuted }], children: "✕" }) })
       ] }),
-      /* @__PURE__ */ e.jsxs(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],
+      /* @__PURE__ */ e.jsxs(x, { style: F.calendarHeader, children: [
+        /* @__PURE__ */ e.jsx(h, { onPress: u, style: F.navButton, children: /* @__PURE__ */ e.jsx(t, { style: [F.navButtonText, { color: a.primary }], children: "‹" }) }),
+        /* @__PURE__ */ e.jsxs(t, { style: [F.monthYear, { color: a.text }], children: [
+          z[f],
           " ",
-          z
+          v
         ] }),
-        /* @__PURE__ */ e.jsx(h, { onPress: k, style: E.navButton, children: /* @__PURE__ */ e.jsx(t, { style: E.navButtonText, children: "›" }) })
+        /* @__PURE__ */ e.jsx(h, { onPress: D, style: F.navButton, children: /* @__PURE__ */ e.jsx(t, { style: [F.navButtonText, { color: a.primary }], 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(x, { style: F.weekDays, children: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"].map((T) => /* @__PURE__ */ e.jsx(t, { style: [F.weekDay, { color: a.textMuted }], children: T }, T)) }),
       /* @__PURE__ */ e.jsx(
-        Fe,
+        fe,
         {
-          data: T,
-          keyExtractor: (p, H) => `${p.date.getTime()}-${H}`,
+          data: j,
+          keyExtractor: (T, A) => `${T.date.getTime()}-${A}`,
           numColumns: 7,
           scrollEnabled: !1,
-          style: E.calendar,
-          contentContainerStyle: E.calendarContent,
-          renderItem: ({ item: p }) => {
-            const H = K(p.date), Q = ee(p.date);
+          style: F.calendar,
+          contentContainerStyle: F.calendarContent,
+          renderItem: ({ item: T }) => {
+            const A = K(T.date), Z = te(T.date);
             return /* @__PURE__ */ e.jsx(
               h,
               {
                 style: [
-                  E.dayCell,
-                  !p.isCurrentMonth && E.dayCellOtherMonth,
-                  Q && E.dayCellSelected,
-                  H && E.dayCellDisabled
+                  F.dayCell,
+                  !T.isCurrentMonth && F.dayCellOtherMonth,
+                  Z && { backgroundColor: a.primary, borderRadius: 20 },
+                  A && F.dayCellDisabled
                 ],
-                onPress: () => q(p.date),
-                disabled: H,
+                onPress: () => P(T.date),
+                disabled: A,
                 activeOpacity: 0.7,
                 children: /* @__PURE__ */ e.jsx(
                   t,
                   {
                     style: [
-                      E.dayText,
-                      !p.isCurrentMonth && E.dayTextOtherMonth,
-                      Q && E.dayTextSelected,
-                      H && E.dayTextDisabled
+                      F.dayText,
+                      { color: a.text },
+                      !T.isCurrentMonth && { color: a.textMuted },
+                      Z && { color: a.background, fontWeight: "600" },
+                      A && { color: a.textMuted }
                     ],
-                    children: p.day
+                    children: T.day
                   }
                 )
               }
@@ -718,10 +689,10 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
         }
       )
     ] }) }) }),
-    n && /* @__PURE__ */ e.jsx(t, { style: E.error, children: n }),
-    m && !n && /* @__PURE__ */ e.jsx(t, { style: E.helperText, children: m })
+    n && /* @__PURE__ */ e.jsx(t, { style: [F.error, { color: a.error }], children: n }),
+    y && !n && /* @__PURE__ */ e.jsx(t, { style: [F.helperText, { color: a.textMuted }], children: y })
   ] });
-}, E = $.create({
+}, F = _.create({
   calendar: {
     flexGrow: 0,
     flexShrink: 1
@@ -737,7 +708,6 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     paddingHorizontal: 8
   },
   closeButton: {
-    color: "#6B7280",
     fontSize: 24,
     fontWeight: "300"
   },
@@ -758,31 +728,14 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
   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
   },
@@ -790,13 +743,11 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     fontSize: 16
   },
   label: {
-    color: "#374151",
     fontSize: 14,
     fontWeight: "500",
     marginBottom: 8
   },
   modalContent: {
-    backgroundColor: "#FFFFFF",
     borderRadius: 12,
     maxHeight: "80%",
     padding: 16,
@@ -804,7 +755,6 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
   },
   modalHeader: {
     alignItems: "center",
-    borderBottomColor: "#E5E7EB",
     borderBottomWidth: 1,
     flexDirection: "row",
     justifyContent: "space-between",
@@ -818,12 +768,10 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     justifyContent: "center"
   },
   modalTitle: {
-    color: "#111827",
     fontSize: 18,
     fontWeight: "600"
   },
   monthYear: {
-    color: "#111827",
     fontSize: 16,
     fontWeight: "600"
   },
@@ -831,17 +779,11 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     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",
@@ -849,19 +791,11 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     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",
@@ -872,11 +806,11 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     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 = [
+}), ct = ({ node: r, value: s, setValue: i, error: n, label: c, helperText: S }) => {
+  const [y, p] = R(!1), [l, g] = R(!0), a = se(), { colors: o } = q(), d = Array.isArray(s) ? s : [], m = d[0] ? new Date(d[0]) : void 0, C = d[1] ? new Date(d[1]) : void 0, { year: v, month: w, today: f } = xe(() => {
+    const I = m || /* @__PURE__ */ new Date(), B = I.getFullYear(), ee = I.getMonth(), M = /* @__PURE__ */ new Date();
+    return M.setHours(0, 0, 0, 0), { month: ee, today: M, year: B };
+  }, [m]), [b, z] = R(v), [j, P] = R(w), u = [
     "January",
     "February",
     "March",
@@ -889,104 +823,113 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     "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,
+  ], D = xe(() => {
+    const I = new Date(b, j, 1).getDay(), B = new Date(b, j + 1, 0).getDate(), ee = new Date(b, j, 0).getDate(), M = [];
+    for (let $ = I - 1; $ >= 0; $--)
+      M.push({
+        date: new Date(b, j - 1, ee - $),
+        day: ee - $,
         isCurrentMonth: !1
       });
-    for (let V = 1; V <= v; V++)
-      O.push({
-        date: new Date(b, T, V),
-        day: V,
+    for (let $ = 1; $ <= B; $++)
+      M.push({
+        date: new Date(b, j, $),
+        day: $,
         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,
+    const ce = 42 - M.length;
+    for (let $ = 1; $ <= ce; $++)
+      M.push({
+        date: new Date(b, j + 1, $),
+        day: $,
         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)));
+    return M;
+  }, [b, j]), N = ye(
+    (I) => {
+      r.data.disablePast && I < f || (l ? (i([I.toISOString(), C?.toISOString()]), g(!1)) : (m && I < m ? i([I.toISOString(), m.toISOString()]) : i([m?.toISOString(), I.toISOString()]), p(!1), g(!0)));
     },
-    [r.data.disablePast, g, y, i, c, s]
+    [r.data.disablePast, f, l, m, C, i]
   ), 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))
+    j === 0 ? (P(11), z(b - 1)) : P(j - 1);
+  }, te = () => {
+    j === 11 ? (P(0), z(b + 1)) : P(j + 1);
+  }, T = () => m && C ? `${m.toLocaleDateString()} - ${C.toLocaleDateString()}` : m ? m.toLocaleDateString() : a("renderer.defaultInputs.selectDateRange"), A = (I) => r.data.disablePast ? I < f : !1, Z = (I) => m && C ? I >= m && I <= C : !1, Q = (I) => {
+    if (!(m || C))
       return !1;
-    const 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;
+    const B = m && I.getDate() === m.getDate() && I.getMonth() === m.getMonth() && I.getFullYear() === m.getFullYear(), ee = C && I.getDate() === C.getDate() && I.getMonth() === C.getMonth() && I.getFullYear() === C.getFullYear();
+    return B || ee;
   };
-  return /* @__PURE__ */ e.jsxs(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: "📅" })
+  return /* @__PURE__ */ e.jsxs(x, { style: W.container, children: [
+    /* @__PURE__ */ e.jsxs(t, { style: [W.label, { color: o.textSecondary }], children: [
+      c || r.data.name,
+      r.data.required && /* @__PURE__ */ e.jsx(t, { style: { color: o.error }, children: "*" })
     ] }),
-    /* @__PURE__ */ e.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: () => {
+    /* @__PURE__ */ e.jsxs(
+      h,
+      {
+        style: [W.trigger, { backgroundColor: o.input, borderColor: o.border }, n && { borderColor: o.error }],
+        onPress: () => p(!0),
+        activeOpacity: 0.7,
+        children: [
+          /* @__PURE__ */ e.jsx(t, { style: [W.triggerText, { color: o.text }, !m && { color: o.textMuted }], numberOfLines: 1, children: T() }),
+          /* @__PURE__ */ e.jsx(t, { style: W.icon, children: "📅" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e.jsx(ae, { visible: y, transparent: !0, animationType: "fade", onRequestClose: () => p(!1), children: /* @__PURE__ */ e.jsx(h, { style: W.modalOverlay, activeOpacity: 1, onPress: () => p(!1), children: /* @__PURE__ */ e.jsxs(h, { style: [W.modalContent, { backgroundColor: o.card }], activeOpacity: 1, onPress: () => {
     }, children: [
-      /* @__PURE__ */ e.jsxs(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.jsxs(x, { style: [W.modalHeader, { borderBottomColor: o.separator }], children: [
+        /* @__PURE__ */ e.jsx(t, { style: [W.modalTitle, { color: o.text }], children: c || r.data.name }),
+        /* @__PURE__ */ e.jsx(h, { onPress: () => p(!1), children: /* @__PURE__ */ e.jsx(t, { style: [W.closeButton, { color: o.textMuted }], children: "✕" }) })
       ] }),
-      /* @__PURE__ */ e.jsx(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],
+      /* @__PURE__ */ e.jsx(x, { style: [W.rangeIndicator, { backgroundColor: o.primaryLight }], children: /* @__PURE__ */ e.jsx(t, { style: [W.rangeIndicatorText, { color: o.primary }], children: a(l ? "renderer.defaultInputs.startDate" : "renderer.defaultInputs.endDate") }) }),
+      /* @__PURE__ */ e.jsxs(x, { style: W.calendarHeader, children: [
+        /* @__PURE__ */ e.jsx(h, { onPress: K, style: W.navButton, children: /* @__PURE__ */ e.jsx(t, { style: [W.navButtonText, { color: o.primary }], children: "‹" }) }),
+        /* @__PURE__ */ e.jsxs(t, { style: [W.monthYear, { color: o.text }], children: [
+          u[j],
           " ",
           b
         ] }),
-        /* @__PURE__ */ e.jsx(h, { onPress: ee, style: D.navButton, children: /* @__PURE__ */ e.jsx(t, { style: D.navButtonText, children: "›" }) })
+        /* @__PURE__ */ e.jsx(h, { onPress: te, style: W.navButton, children: /* @__PURE__ */ e.jsx(t, { style: [W.navButtonText, { color: o.primary }], 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(x, { style: W.weekDays, children: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"].map((I) => /* @__PURE__ */ e.jsx(t, { style: [W.weekDay, { color: o.textMuted }], children: I }, I)) }),
       /* @__PURE__ */ e.jsx(
-        Fe,
+        fe,
         {
-          data: k,
-          keyExtractor: (F, v) => `${F.date.getTime()}-${v}`,
+          data: D,
+          keyExtractor: (I, B) => `${I.date.getTime()}-${B}`,
           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);
+          style: W.calendar,
+          contentContainerStyle: W.calendarContent,
+          renderItem: ({ item: I }) => {
+            const B = A(I.date), ee = Z(I.date), M = Q(I.date);
             return /* @__PURE__ */ e.jsx(
               h,
               {
                 style: [
-                  D.dayCell,
-                  !F.isCurrentMonth && D.dayCellOtherMonth,
-                  X && D.dayCellInRange,
-                  O && D.dayCellSelected,
-                  v && D.dayCellDisabled
+                  W.dayCell,
+                  !I.isCurrentMonth && W.dayCellOtherMonth,
+                  ee && { backgroundColor: o.primaryLight },
+                  M && { backgroundColor: o.primary, borderRadius: 20 },
+                  B && W.dayCellDisabled
                 ],
-                onPress: () => _(F.date),
-                disabled: v,
+                onPress: () => N(I.date),
+                disabled: B,
                 activeOpacity: 0.7,
                 children: /* @__PURE__ */ e.jsx(
                   t,
                   {
                     style: [
-                      D.dayText,
-                      !F.isCurrentMonth && D.dayTextOtherMonth,
-                      X && D.dayTextInRange,
-                      O && D.dayTextSelected,
-                      v && D.dayTextDisabled
+                      W.dayText,
+                      { color: o.text },
+                      !I.isCurrentMonth && { color: o.textMuted },
+                      ee && { color: o.primary },
+                      M && { color: o.background, fontWeight: "600" },
+                      B && { color: o.textMuted }
                     ],
-                    children: F.day
+                    children: I.day
                   }
                 )
               }
@@ -995,10 +938,10 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
         }
       )
     ] }) }) }),
-    n && /* @__PURE__ */ e.jsx(t, { style: D.error, children: n }),
-    f && !n && /* @__PURE__ */ e.jsx(t, { style: D.helperText, children: f })
+    n && /* @__PURE__ */ e.jsx(t, { style: [W.error, { color: o.error }], children: n }),
+    S && !n && /* @__PURE__ */ e.jsx(t, { style: [W.helperText, { color: o.textMuted }], children: S })
   ] });
-}, D = $.create({
+}, W = _.create({
   calendar: {
     flexGrow: 0,
     flexShrink: 1
@@ -1014,7 +957,6 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     paddingHorizontal: 8
   },
   closeButton: {
-    color: "#6B7280",
     fontSize: 24,
     fontWeight: "300"
   },
@@ -1032,40 +974,17 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
   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
   },
@@ -1073,13 +992,11 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     fontSize: 16
   },
   label: {
-    color: "#374151",
     fontSize: 14,
     fontWeight: "500",
     marginBottom: 8
   },
   modalContent: {
-    backgroundColor: "#FFFFFF",
     borderRadius: 12,
     maxHeight: "80%",
     padding: 16,
@@ -1087,7 +1004,6 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
   },
   modalHeader: {
     alignItems: "center",
-    borderBottomColor: "#E5E7EB",
     borderBottomWidth: 1,
     flexDirection: "row",
     justifyContent: "space-between",
@@ -1101,12 +1017,10 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     justifyContent: "center"
   },
   modalTitle: {
-    color: "#111827",
     fontSize: 18,
     fontWeight: "600"
   },
   monthYear: {
-    color: "#111827",
     fontSize: 16,
     fontWeight: "600"
   },
@@ -1114,29 +1028,21 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     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",
@@ -1144,19 +1050,11 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     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",
@@ -1167,77 +1065,83 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     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)
+}), dt = ({ node: r, value: s, setValue: i, error: n, label: c, helperText: S }) => {
+  const [y, p] = R(null), [l, g] = R(!0), a = se(), { colors: o } = q(), d = Array.isArray(s) ? s : s ? [s] : [], m = r.data.multiple, C = ye(async () => {
+    if (y)
       try {
-        const b = (await m({
-          allowMultiSelection: i
-        })).map((j) => ({
-          data: j.uri,
+        const b = (await y({
+          allowMultiSelection: m
+        })).map((z) => ({
+          data: z.uri,
           lastModified: Date.now(),
-          name: j.name,
-          size: j.size,
-          type: j.type || "application/octet-stream"
+          name: z.name,
+          size: z.size,
+          type: z.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"));
+        i(m ? [...d, ...b] : b[0] || null);
+      } catch (f) {
+        f.code !== "DOCUMENT_PICKER_CANCELED" && Xe.alert("Error", a("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);
+  }, [y, d, m, i, a]), v = ye(
+    (f) => {
+      const b = d.filter((z, j) => j !== f);
+      i(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(() => {
+    [d, i]
+  ), w = (f) => f < 1024 ? `${f} B` : f < 1024 * 1024 ? `${(f / 1024).toFixed(1)} KB` : `${(f / (1024 * 1024)).toFixed(1)} MB`;
+  return ge(() => {
     (async () => {
       try {
         const { pick: b } = await import("react-native-document-picker");
-        B(() => b);
+        p(() => b);
       } catch {
-        B(null);
+        p(null);
       } finally {
-        S(!1);
+        g(!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: "*" })
+  }, []), l ? null : y ? /* @__PURE__ */ e.jsxs(x, { style: Y.container, children: [
+    /* @__PURE__ */ e.jsxs(t, { style: [Y.label, { color: o.textSecondary }], children: [
+      c || r.data.name,
+      r.data.required && /* @__PURE__ */ e.jsx(t, { style: { color: o.error }, children: "*" })
     ] }),
-    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) })
+    d.length > 0 && /* @__PURE__ */ e.jsx(x, { style: Y.filesList, children: d.map((f, b) => /* @__PURE__ */ e.jsxs(x, { style: [Y.fileItem, { backgroundColor: o.card, borderColor: o.separator }], children: [
+      /* @__PURE__ */ e.jsx(x, { style: [Y.fileIcon, { backgroundColor: o.muted }], children: /* @__PURE__ */ e.jsx(t, { style: Y.fileIconText, children: "📄" }) }),
+      /* @__PURE__ */ e.jsxs(x, { style: Y.fileInfo, children: [
+        /* @__PURE__ */ e.jsx(t, { style: [Y.fileName, { color: o.text }], numberOfLines: 1, children: f.name }),
+        f.size > 0 && /* @__PURE__ */ e.jsx(t, { style: [Y.fileSize, { color: o.textMuted }], children: w(f.size) })
       ] }),
-      /* @__PURE__ */ e.jsx(h, { style: 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(h, { style: Y.removeButton, onPress: () => v(b), activeOpacity: 0.7, children: /* @__PURE__ */ e.jsx(t, { style: [Y.removeButtonText, { color: o.textMuted }], children: "✕" }) })
+    ] }, `${f.name}-${b}`)) }),
+    /* @__PURE__ */ e.jsx(
+      h,
+      {
+        style: [Y.pickButton, { backgroundColor: o.input, borderColor: o.border }],
+        onPress: C,
+        activeOpacity: 0.7,
+        children: /* @__PURE__ */ e.jsx(t, { style: [Y.pickButtonText, { color: o.textMuted }], children: d.length === 0 ? a(m ? "renderer.defaultInputs.selectFiles" : "renderer.defaultInputs.selectFile") : a(m ? "renderer.defaultInputs.addMoreFiles" : "renderer.defaultInputs.replaceFile") })
+      }
+    ),
+    n && /* @__PURE__ */ e.jsx(t, { style: [Y.error, { color: o.error }], children: n }),
+    S && !n && /* @__PURE__ */ e.jsx(t, { style: [Y.helperText, { color: o.textMuted }], children: S })
+  ] }) : /* @__PURE__ */ e.jsxs(x, { style: Y.container, children: [
+    /* @__PURE__ */ e.jsxs(t, { style: [Y.label, { color: o.textSecondary }], children: [
+      c || r.data.name,
+      r.data.required && /* @__PURE__ */ e.jsx(t, { style: { color: o.error }, children: "*" })
     ] }),
-    /* @__PURE__ */ e.jsx(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 })
+    /* @__PURE__ */ e.jsx(x, { style: [Y.unavailableContainer, { backgroundColor: o.errorLight, borderColor: o.error }], children: /* @__PURE__ */ e.jsx(t, { style: [Y.unavailableText, { color: o.error }], children: a("renderer.defaultInputs.filePickerUnavailable") }) }),
+    S && /* @__PURE__ */ e.jsx(t, { style: [Y.helperText, { color: o.textMuted }], children: S })
   ] });
-}, N = $.create({
+}, Y = _.create({
   container: {
     marginBottom: 16
   },
   error: {
-    color: "#EF4444",
     fontSize: 12,
     marginTop: 4
   },
   fileIcon: {
     alignItems: "center",
-    backgroundColor: "#F3F4F6",
     borderRadius: 6,
     height: 40,
     justifyContent: "center",
@@ -1252,8 +1156,6 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
   },
   fileItem: {
     alignItems: "center",
-    backgroundColor: "#F9FAFB",
-    borderColor: "#E5E7EB",
     borderRadius: 6,
     borderWidth: 1,
     flexDirection: "row",
@@ -1261,12 +1163,10 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     padding: 12
   },
   fileName: {
-    color: "#111827",
     fontSize: 14,
     fontWeight: "500"
   },
   fileSize: {
-    color: "#6B7280",
     fontSize: 12,
     marginTop: 2
   },
@@ -1274,20 +1174,16 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     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,
@@ -1295,7 +1191,6 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     paddingVertical: 16
   },
   pickButtonText: {
-    color: "#6B7280",
     fontSize: 14,
     fontWeight: "500"
   },
@@ -1303,220 +1198,221 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     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 = {}) => {
+}), ut = (r) => null, gt = (r) => r.replace(/<[^>]*>/g, ""), xt = (r) => r.replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&#x27;/g, "'").replace(/&#x2F;/g, "/"), Le = (r, s = {}) => {
   if (r == null || r === "")
     return "";
-  const 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]";
+  const i = String(r), n = gt(i);
+  return xt(n);
+}, Fe = 100, Re = (r, s = {}, i = 0, n = /* @__PURE__ */ new WeakSet()) => {
+  if (i > Fe)
+    return console.warn(`sanitizeHttpResponse: Maximum depth (${Fe}) exceeded.`), typeof r == "string" ? Le(r, s) : "[Max Depth Exceeded]";
   if (r == null)
     return r;
   if (typeof r == "string")
-    return Re(r, o);
+    return Le(r, s);
   if (Array.isArray(r))
-    return r.map((a) => Ee(a, o, s + 1, n));
+    return r.map((c) => Re(c, s, i + 1, n));
   if (typeof r == "object") {
     if (n.has(r))
       return console.warn("sanitizeHttpResponse: Circular reference detected. Breaking cycle to prevent infinite recursion."), "[Circular Reference]";
     n.add(r);
-    const a = {};
-    for (const [f, m] of Object.entries(r))
-      a[f] = Ee(m, o, s + 1, n);
-    return n.delete(r), a;
+    const c = {};
+    for (const [S, y] of Object.entries(r))
+      c[S] = Re(y, s, i + 1, n);
+    return n.delete(r), c;
   }
   return r;
-}, ke = (r, o) => o ? o.split(".").reduce((n, a) => {
+}, Be = (r, s) => s ? s.split(".").reduce((n, c) => {
   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;
+  const S = c.match(/^(\w+)\[(\d+)]$/);
+  if (S) {
+    const [, y, p] = S, l = n[y];
+    return Array.isArray(l) ? l[Number.parseInt(p, 10)] : l;
   }
-  return n[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 = ({
+  return n[c];
+}, r) : r, Pe = (r) => {
+  const s = r.matchAll(/{{([\w-]+)}}/g);
+  return Array.from(s, (i) => i[1]);
+}, Me = (r, s) => Pe(r).every((n) => {
+  const c = s[n];
+  return c != null && c !== "";
+}), Oe = (r, s, i = !1) => r.replace(/{{([\w-]+)}}/g, (n, c) => {
+  const S = s[c], y = S == null ? "" : String(S);
+  return i ? encodeURIComponent(y) : y;
+}), mt = ({
   node: r,
-  value: o,
-  setValue: s,
+  value: s,
+  setValue: i,
   error: n,
-  label: a,
-  placeholder: f,
-  helperText: m,
-  id: B,
-  name: y
+  label: c,
+  placeholder: S,
+  helperText: y,
+  id: p,
+  name: l
 }) => {
-  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;
+  const [g, a] = R(!1), [o, d] = R(null), [m, C] = R([]), [v, w] = R(""), [f, b] = R(!1), { formValues: z, inputNodes: j } = Ve(), P = se(), { colors: u } = q(), { httpConfig: D } = r.data, N = ie(!1), K = ie(""), te = ie(D), T = ie(z), A = ie(j), Z = ie(i), Q = ie(null), I = ie(null), B = xe(() => D?.url ? Pe(D.url) : [], [D?.url]), ee = B.length > 0, M = xe(() => B.map((G) => `${G}:${String(z[G] ?? "")}`).join("|"), [B, z]), ce = xe(() => D?.url ? ee ? Me(D.url, z) : !0 : !1, [D?.url, ee, z]), $ = ye(
+    async (G) => {
+      I.current && I.current.abort();
+      const oe = new AbortController();
+      I.current = oe;
+      const V = te.current, le = T.current, je = Z.current;
+      if (!V?.url) {
+        d(P("renderer.defaultHttpInput.noUrlConfigured")), I.current = null;
         return;
       }
-      if (L.url && !ze(L.url, se)) {
-        F.current = null;
+      if (V.url && !Me(V.url, le)) {
+        I.current = null;
         return;
       }
-      u(!0), i(null);
+      a(!0), d(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 re = Oe(V.url, le, !0), U = V.searchParam && G ? `${re}${re.includes("?") ? "&" : "?"}${V.searchParam}=${encodeURIComponent(G)}` : re, X = {};
+        V.headers?.forEach((ve) => {
+          X[ve.key] = Oe(ve.value, le);
         });
-        const 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,
+        const ze = ["POST", "PUT", "PATCH"].includes(V.method || "") ? V.sendAllFormValues ? JSON.stringify(Ye(le, A.current)) : V.body ? Oe(V.body, le) : void 0 : void 0, $e = setTimeout(() => oe.abort(), 3e4), we = await fetch(U, {
+          body: ze || void 0,
           headers: {
             "Content-Type": "application/json",
-            ...J
+            ...X
           },
-          method: L.method || "GET",
-          signal: re.signal
+          method: V.method || "GET",
+          signal: oe.signal
         });
-        if (clearTimeout(Me), !Be.ok) {
-          i(`HTTP Error ${Be.status}: ${Be.statusText}`), u(!1);
+        if (clearTimeout($e), !we.ok) {
+          d(`HTTP Error ${we.status}: ${we.statusText}`), a(!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) || "")
+        const Ee = await we.json(), We = Re(Ee), Ce = V.responsePath ? Be(We, V.responsePath) : We;
+        if (V.responseMapping && Array.isArray(Ce)) {
+          const { valueField: ve = "value", labelField: qe = "label" } = V.responseMapping, _e = Ce.map((He) => ({
+            label: String(Be(He, qe) || ""),
+            value: String(Be(He, ve) || "")
           }));
-          z(Ne);
+          C(_e);
         } else
-          Ce(typeof Se == "string" ? Se : JSON.stringify(Se));
-      } catch (te) {
-        if (te instanceof Error && te.name === "AbortError")
+          je(typeof Ce == "string" ? Ce : JSON.stringify(Ce));
+      } catch (re) {
+        if (re instanceof Error && re.name === "AbortError")
           return;
-        const G = te instanceof Error ? te.message : R("renderer.defaultHttpInput.fetchFailed");
-        i(G), console.error("HTTP Input fetch error:", te);
+        const U = re instanceof Error ? re.message : P("renderer.defaultHttpInput.fetchFailed");
+        d(U), console.error("HTTP Input fetch error:", re);
       } finally {
-        u(!1), F.current = null;
+        a(!1), I.current = null;
       }
     },
-    [R]
+    [P]
   );
-  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)
+  if (ge(() => {
+    te.current = D, T.current = z, A.current = j, Z.current = i, Q.current = $;
+  }, [D, z, j, i, $]), ge(() => () => {
+    I.current && I.current.abort();
+  }, []), ge(() => {
+    if (N.current)
       return;
-    _.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("|");
+    N.current = !0;
+    const G = te.current, oe = T.current, V = Q.current, le = G?.url && Me(G.url, oe);
+    if (G?.fetchOnMount && le && V && (V(), G.url)) {
+      const je = Pe(G.url);
+      K.current = je.map((re) => `${re}:${String(oe[re] ?? "")}`).join("|");
     }
-  }, []), de(() => {
-    if (!_.current || !X || K.current === O || !ce)
+  }, []), ge(() => {
+    if (!N.current || !ee || K.current === M || !ce)
       return;
-    const Y = setTimeout(() => {
-      V(), K.current = O;
+    const G = setTimeout(() => {
+      $(), K.current = M;
     }, 500);
-    return () => clearTimeout(Y);
-  }, [O, X, ce, V]), de(() => {
-    if (!(k?.searchParam && C))
+    return () => clearTimeout(G);
+  }, [M, ee, ce, $]), ge(() => {
+    if (!(D?.searchParam && v))
       return;
-    const Y = setTimeout(() => {
-      V(C);
+    const G = setTimeout(() => {
+      $(v);
     }, 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: "*" })
+    return () => clearTimeout(G);
+  }, [v, D?.searchParam, $]), D?.responseMapping) {
+    const G = Array.isArray(s) ? s[0] : s, oe = m.find((U) => U.value === G);
+    if (D.searchParam) {
+      const U = g && D?.showLoading;
+      return /* @__PURE__ */ e.jsxs(x, { style: k.container, children: [
+        /* @__PURE__ */ e.jsxs(t, { style: [k.label, { color: u.textSecondary }], children: [
+          c || r.data.name,
+          r.data.required && /* @__PURE__ */ e.jsx(t, { style: { color: u.error }, children: "*" })
         ] }),
-        /* @__PURE__ */ e.jsxs(h, { style: [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: () => {
+        /* @__PURE__ */ e.jsxs(
+          h,
+          {
+            style: [k.trigger, { backgroundColor: u.input, borderColor: u.border }, n && { borderColor: u.error }],
+            onPress: () => b(!0),
+            activeOpacity: 0.7,
+            children: [
+              U ? /* @__PURE__ */ e.jsxs(x, { style: k.loadingTrigger, children: [
+                /* @__PURE__ */ e.jsx(he, { size: "small", color: u.primary }),
+                /* @__PURE__ */ e.jsx(t, { style: [k.triggerText, { color: u.textMuted }], numberOfLines: 1, children: oe?.label || S || P("renderer.defaultHttpInput.search") })
+              ] }) : /* @__PURE__ */ e.jsx(t, { style: [k.triggerText, { color: u.text }, !oe && { color: u.textMuted }], numberOfLines: 1, children: oe?.label || S || P("renderer.defaultHttpInput.search") }),
+              /* @__PURE__ */ e.jsx(t, { style: [k.arrow, { color: u.textMuted }], children: "▼" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e.jsx(ae, { visible: f, transparent: !0, animationType: "fade", onRequestClose: () => b(!1), children: /* @__PURE__ */ e.jsx(h, { style: k.modalOverlay, activeOpacity: 1, onPress: () => b(!1), children: /* @__PURE__ */ e.jsxs(h, { style: [k.modalContent, { backgroundColor: u.card }], activeOpacity: 1, onPress: () => {
         }, children: [
-          /* @__PURE__ */ e.jsxs(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.jsxs(x, { style: [k.modalHeader, { borderBottomColor: u.separator }], children: [
+            /* @__PURE__ */ e.jsx(t, { style: [k.modalTitle, { color: u.text }], children: c || r.data.name }),
+            /* @__PURE__ */ e.jsx(h, { onPress: () => b(!1), children: /* @__PURE__ */ e.jsx(t, { style: [k.closeButton, { color: u.textMuted }], children: "✕" }) })
           ] }),
-          /* @__PURE__ */ e.jsx(l, { style: d.searchContainer, children: /* @__PURE__ */ e.jsx(
-            ge,
+          /* @__PURE__ */ e.jsx(x, { style: k.searchContainer, children: /* @__PURE__ */ e.jsx(
+            me,
             {
-              style: d.searchInput,
-              placeholder: R("renderer.defaultHttpInput.search"),
-              placeholderTextColor: "#9CA3AF",
-              value: C,
-              onChangeText: (J) => {
-                g(J), i(null);
+              style: [k.searchInput, { backgroundColor: u.muted, borderColor: u.border, color: u.text }],
+              placeholder: P("renderer.defaultHttpInput.search"),
+              placeholderTextColor: u.textMuted,
+              value: v,
+              onChangeText: (X) => {
+                w(X), d(null);
               },
               autoFocus: !0,
               autoCapitalize: "none",
               autoCorrect: !1
             }
           ) }),
-          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") }) })
+          g ? /* @__PURE__ */ e.jsx(x, { style: k.loadingContainer, children: /* @__PURE__ */ e.jsx(he, { size: "small", color: u.primary }) }) : o ? /* @__PURE__ */ e.jsxs(x, { style: k.errorContainer, children: [
+            /* @__PURE__ */ e.jsx(t, { style: [k.errorText, { color: u.error }], children: o }),
+            /* @__PURE__ */ e.jsx(h, { onPress: () => $(v), style: k.retryButton, children: /* @__PURE__ */ e.jsx(t, { style: [k.retryButtonText, { color: u.primary }], children: P("renderer.defaultHttpInput.retry") }) })
           ] }) : /* @__PURE__ */ e.jsx(
-            Fe,
+            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;
+              data: m,
+              keyExtractor: (X) => X.value,
+              style: k.optionsList,
+              contentContainerStyle: k.optionsListContent,
+              ListEmptyComponent: /* @__PURE__ */ e.jsx(x, { style: k.emptyContainer, children: /* @__PURE__ */ e.jsx(t, { style: [k.emptyText, { color: u.textMuted }], children: P("renderer.defaultHttpInput.noResults") }) }),
+              renderItem: ({ item: X }) => {
+                const ze = X.value === G;
                 return /* @__PURE__ */ e.jsxs(
                   h,
                   {
-                    style: [d.option, Te && d.optionSelected],
+                    style: [k.option, ze && { backgroundColor: u.primaryLight }],
                     onPress: () => {
-                      s(J.value), j(!1);
+                      i(X.value), b(!1);
                     },
                     activeOpacity: 0.7,
                     children: [
-                      /* @__PURE__ */ e.jsx(t, { style: d.optionText, children: J.label }),
-                      Te && /* @__PURE__ */ e.jsx(t, { style: d.checkmark, children: "✓" })
+                      /* @__PURE__ */ e.jsx(t, { style: [k.optionText, { color: u.text }], children: X.label }),
+                      ze && /* @__PURE__ */ e.jsx(t, { style: [k.checkmark, { color: u.primary }], children: "✓" })
                     ]
                   }
                 );
@@ -1524,60 +1420,65 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
             }
           )
         ] }) }) }),
-        n && /* @__PURE__ */ e.jsx(t, { style: d.error, children: n }),
-        m && !n && /* @__PURE__ */ e.jsx(t, { style: d.helperText, children: m })
+        n && /* @__PURE__ */ e.jsx(t, { style: [k.error, { color: u.error }], children: n }),
+        y && !n && /* @__PURE__ */ e.jsx(t, { style: [k.helperText, { color: u.textMuted }], children: y })
       ] });
     }
-    const 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: "*" })
+    const V = g && D?.showLoading, le = B.filter((U) => {
+      const X = z[U];
+      return X == null || X === "";
+    }), je = le.map((U) => Ge(U, j) || U), re = m.length === 0 && !V ? o || (le.length > 0 ? `${P("renderer.defaultHttpInput.waitingForRequiredFields")}: ${je.join(", ")}` : P("renderer.defaultHttpInput.noDataAvailable")) : void 0;
+    return /* @__PURE__ */ e.jsxs(x, { style: k.container, children: [
+      /* @__PURE__ */ e.jsxs(t, { style: [k.label, { color: u.textSecondary }], children: [
+        c || r.data.name,
+        r.data.required && /* @__PURE__ */ e.jsx(t, { style: { color: u.error }, children: "*" })
       ] }),
       /* @__PURE__ */ e.jsxs(
         h,
         {
-          style: [d.trigger, n && d.triggerError, (L || c.length === 0) && d.triggerDisabled],
-          onPress: () => j(!0),
-          disabled: L || c.length === 0,
+          style: [
+            k.trigger,
+            { backgroundColor: u.input, borderColor: u.border },
+            n && { borderColor: u.error },
+            (V || m.length === 0) && { backgroundColor: u.muted }
+          ],
+          onPress: () => b(!0),
+          disabled: V || m.length === 0,
           activeOpacity: 0.7,
           children: [
-            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: "▼" })
+            V && /* @__PURE__ */ e.jsx(he, { size: "small", color: u.primary, style: k.triggerLoader }),
+            /* @__PURE__ */ e.jsx(t, { style: [k.triggerText, { color: u.text }, !oe && { color: u.textMuted }], numberOfLines: 1, children: oe?.label || S || P("renderer.defaultHttpInput.selectOption") }),
+            /* @__PURE__ */ e.jsx(t, { style: [k.arrow, { color: u.textMuted }], children: "▼" })
           ]
         }
       ),
-      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: () => {
+      re && /* @__PURE__ */ e.jsx(t, { style: [k.disabledMessage, { color: u.error }], children: re }),
+      /* @__PURE__ */ e.jsx(ae, { visible: f, transparent: !0, animationType: "fade", onRequestClose: () => b(!1), children: /* @__PURE__ */ e.jsx(h, { style: k.modalOverlay, activeOpacity: 1, onPress: () => b(!1), children: /* @__PURE__ */ e.jsxs(h, { style: [k.modalContent, { backgroundColor: u.card }], activeOpacity: 1, onPress: () => {
       }, children: [
-        /* @__PURE__ */ e.jsxs(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.jsxs(x, { style: [k.modalHeader, { borderBottomColor: u.separator }], children: [
+          /* @__PURE__ */ e.jsx(t, { style: [k.modalTitle, { color: u.text }], children: c || r.data.name }),
+          /* @__PURE__ */ e.jsx(h, { onPress: () => b(!1), children: /* @__PURE__ */ e.jsx(t, { style: [k.closeButton, { color: u.textMuted }], children: "✕" }) })
         ] }),
         /* @__PURE__ */ e.jsx(
-          Fe,
+          fe,
           {
-            data: c,
-            keyExtractor: (G) => G.value,
-            style: d.optionsList,
-            contentContainerStyle: d.optionsListContent,
-            renderItem: ({ item: G }) => {
-              const J = G.value === Y;
+            data: m,
+            keyExtractor: (U) => U.value,
+            style: k.optionsList,
+            contentContainerStyle: k.optionsListContent,
+            renderItem: ({ item: U }) => {
+              const X = U.value === G;
               return /* @__PURE__ */ e.jsxs(
                 h,
                 {
-                  style: [d.option, J && d.optionSelected],
+                  style: [k.option, X && { backgroundColor: u.primaryLight }],
                   onPress: () => {
-                    s(G.value), j(!1);
+                    i(U.value), b(!1);
                   },
                   activeOpacity: 0.7,
                   children: [
-                    /* @__PURE__ */ e.jsx(t, { style: d.optionText, children: G.label }),
-                    J && /* @__PURE__ */ e.jsx(t, { style: d.checkmark, children: "✓" })
+                    /* @__PURE__ */ e.jsx(t, { style: [k.optionText, { color: u.text }], children: U.label }),
+                    X && /* @__PURE__ */ e.jsx(t, { style: [k.checkmark, { color: u.primary }], children: "✓" })
                   ]
                 }
               );
@@ -1585,38 +1486,35 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
           }
         )
       ] }) }) }),
-      n && /* @__PURE__ */ e.jsx(t, { style: d.error, children: n }),
-      m && !n && /* @__PURE__ */ e.jsx(t, { style: d.helperText, children: m })
+      n && /* @__PURE__ */ e.jsx(t, { style: [k.error, { color: u.error }], children: n }),
+      y && !n && /* @__PURE__ */ e.jsx(t, { style: [k.helperText, { color: u.textMuted }], children: y })
     ] });
   }
-  return /* @__PURE__ */ e.jsxs(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: "*" })
+  return /* @__PURE__ */ e.jsxs(x, { style: k.container, children: [
+    /* @__PURE__ */ e.jsxs(t, { style: [k.label, { color: u.textSecondary }], children: [
+      c || r.data.name,
+      r.data.required && /* @__PURE__ */ e.jsx(t, { style: { color: u.error }, children: "*" })
     ] }),
     /* @__PURE__ */ e.jsx(
-      ge,
+      me,
       {
-        style: [d.input, d.inputDisabled],
-        value: typeof o == "string" ? o : JSON.stringify(o),
+        style: [k.input, { backgroundColor: u.muted, borderColor: u.border, color: u.textMuted }],
+        value: typeof s == "string" ? s : JSON.stringify(s),
         editable: !1
       }
     ),
-    n && /* @__PURE__ */ e.jsx(t, { style: d.error, children: n }),
-    m && !n && /* @__PURE__ */ e.jsx(t, { style: d.helperText, children: m })
+    n && /* @__PURE__ */ e.jsx(t, { style: [k.error, { color: u.error }], children: n }),
+    y && !n && /* @__PURE__ */ e.jsx(t, { style: [k.helperText, { color: u.textMuted }], children: y })
   ] });
-}, d = $.create({
+}, k = _.create({
   arrow: {
-    color: "#6B7280",
     fontSize: 12
   },
   checkmark: {
-    color: "#3B82F6",
     fontSize: 18,
     fontWeight: "700"
   },
   closeButton: {
-    color: "#6B7280",
     fontSize: 24,
     fontWeight: "300"
   },
@@ -1624,7 +1522,6 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     marginBottom: 16
   },
   disabledMessage: {
-    color: "#EF4444",
     fontSize: 12,
     marginTop: 4
   },
@@ -1633,11 +1530,9 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     paddingVertical: 24
   },
   emptyText: {
-    color: "#9CA3AF",
     fontSize: 14
   },
   error: {
-    color: "#EF4444",
     fontSize: 12,
     marginTop: 4
   },
@@ -1646,31 +1541,21 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     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
@@ -1686,7 +1571,6 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     gap: 8
   },
   modalContent: {
-    backgroundColor: "#FFFFFF",
     borderRadius: 12,
     maxHeight: "80%",
     padding: 16,
@@ -1694,7 +1578,6 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
   },
   modalHeader: {
     alignItems: "center",
-    borderBottomColor: "#E5E7EB",
     borderBottomWidth: 1,
     flexDirection: "row",
     justifyContent: "space-between",
@@ -1708,7 +1591,6 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     justifyContent: "center"
   },
   modalTitle: {
-    color: "#111827",
     fontSize: 18,
     fontWeight: "600"
   },
@@ -1720,9 +1602,6 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     paddingHorizontal: 12,
     paddingVertical: 12
   },
-  optionSelected: {
-    backgroundColor: "#EFF6FF"
-  },
   optionsList: {
     flexGrow: 0,
     flexShrink: 1
@@ -1731,18 +1610,13 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     flexGrow: 0
   },
   optionText: {
-    color: "#374151",
     flex: 1,
     fontSize: 14
   },
-  required: {
-    color: "#EF4444"
-  },
   retryButton: {
     marginTop: 12
   },
   retryButtonText: {
-    color: "#3B82F6",
     fontSize: 14,
     textDecorationLine: "underline"
   },
@@ -1750,19 +1624,14 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     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",
@@ -1770,129 +1639,114 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     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: "*" })
+}), yt = ({ node: r, value: s, setValue: i, error: n, label: c, placeholder: S, helperText: y, name: p }) => {
+  const { colors: l } = q(), [g, a] = R(s?.toString() ?? "");
+  return ge(() => {
+    a(s?.toString() ?? "");
+  }, [s]), /* @__PURE__ */ e.jsxs(x, { style: Se.container, children: [
+    /* @__PURE__ */ e.jsxs(t, { style: [Se.label, { color: l.textSecondary }], children: [
+      c || r.data.name,
+      r.data.required && /* @__PURE__ */ e.jsx(t, { style: { color: l.error }, children: "*" })
     ] }),
     /* @__PURE__ */ e.jsx(
-      ge,
+      me,
       {
-        style: [me.input, n && me.inputError],
-        value: y,
-        onChangeText: (u) => {
-          if (S(u), u.trim() === "") {
-            s(null);
+        style: [
+          Se.input,
+          { backgroundColor: l.input, borderColor: l.border, color: l.text },
+          n && { borderColor: l.error }
+        ],
+        value: g,
+        onChangeText: (o) => {
+          if (a(o), o.trim() === "") {
+            i(null);
             return;
           }
-          const x = Number(u);
-          Number.isNaN(x) || s(x);
+          const d = Number(o);
+          Number.isNaN(d) || i(d);
         },
-        placeholder: f,
+        placeholder: S,
+        placeholderTextColor: l.textMuted,
         keyboardType: "numeric",
-        accessibilityLabel: B
+        accessibilityLabel: p
       }
     ),
-    n && /* @__PURE__ */ e.jsx(t, { style: me.error, children: n }),
-    m && !n && /* @__PURE__ */ e.jsx(t, { style: me.helperText, children: m })
+    n && /* @__PURE__ */ e.jsx(t, { style: [Se.error, { color: l.error }], children: n }),
+    y && !n && /* @__PURE__ */ e.jsx(t, { style: [Se.helperText, { color: l.textMuted }], children: y })
   ] });
-}, me = $.create({
+}, Se = _.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: "*" })
+}), pt = ({ node: r, value: s, setValue: i, error: n, label: c, placeholder: S, helperText: y, name: p }) => {
+  const { colors: l } = q(), [g, a] = R(!1);
+  return /* @__PURE__ */ e.jsxs(x, { style: de.container, children: [
+    /* @__PURE__ */ e.jsxs(t, { style: [de.label, { color: l.textSecondary }], children: [
+      c || r.data.name,
+      r.data.required && /* @__PURE__ */ e.jsx(t, { style: { color: l.error }, children: "*" })
     ] }),
-    /* @__PURE__ */ e.jsxs(l, { style: ie.inputWrapper, children: [
+    /* @__PURE__ */ e.jsxs(x, { style: de.inputWrapper, children: [
       /* @__PURE__ */ e.jsx(
-        ge,
+        me,
         {
-          style: [ie.input, n && ie.inputError],
-          value: o ?? "",
-          onChangeText: s,
-          placeholder: f,
-          secureTextEntry: !y,
-          accessibilityLabel: B
+          style: [
+            de.input,
+            { backgroundColor: l.input, borderColor: l.border, color: l.text },
+            n && { borderColor: l.error }
+          ],
+          value: s ?? "",
+          onChangeText: i,
+          placeholder: S,
+          placeholderTextColor: l.textMuted,
+          secureTextEntry: !g,
+          accessibilityLabel: p
         }
       ),
-      /* @__PURE__ */ e.jsx(h, { style: ie.toggleButton, onPress: () => S(!y), activeOpacity: 0.7, children: /* @__PURE__ */ e.jsx(t, { style: ie.toggleText, children: y ? "Hide" : "Show" }) })
+      /* @__PURE__ */ e.jsx(h, { style: de.toggleButton, onPress: () => a(!g), activeOpacity: 0.7, children: /* @__PURE__ */ e.jsx(t, { style: [de.toggleText, { color: l.primary }], children: g ? "Hide" : "Show" }) })
     ] }),
-    n && /* @__PURE__ */ e.jsx(t, { style: ie.error, children: n }),
-    m && !n && /* @__PURE__ */ e.jsx(t, { style: ie.helperText, children: m })
+    n && /* @__PURE__ */ e.jsx(t, { style: [de.error, { color: l.error }], children: n }),
+    y && !n && /* @__PURE__ */ e.jsx(t, { style: [de.helperText, { color: l.textMuted }], children: y })
   ] });
-}, ie = $.create({
+}, de = _.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,
@@ -1900,23 +1754,16 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     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,
@@ -1924,55 +1771,61 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     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);
+}), ht = ({ node: r, value: s, setValue: i, error: n, label: c, helperText: S }) => {
+  const y = se(), { colors: p } = q(), l = r.data.options || [], g = s || "", a = (o) => {
+    i(o);
   };
-  return /* @__PURE__ */ e.jsxs(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: "*" })
+  return /* @__PURE__ */ e.jsxs(x, { style: ue.container, children: [
+    /* @__PURE__ */ e.jsxs(t, { style: [ue.label, { color: p.textSecondary }], children: [
+      c || r.data.name,
+      r.data.required && /* @__PURE__ */ e.jsx(t, { style: { color: p.error }, children: "*" })
     ] }),
-    B.map((u) => {
-      const x = y === u.value;
+    l.map((o) => {
+      const d = g === o.value;
       return /* @__PURE__ */ e.jsxs(
         h,
         {
-          style: oe.option,
-          onPress: () => S(u.value),
-          disabled: u.disabled,
+          style: ue.option,
+          onPress: () => a(o.value),
+          disabled: o.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 })
+            /* @__PURE__ */ e.jsx(
+              x,
+              {
+                style: [
+                  ue.radio,
+                  { backgroundColor: p.input, borderColor: p.border },
+                  d && { borderColor: p.primary }
+                ],
+                children: d && /* @__PURE__ */ e.jsx(x, { style: [ue.radioInner, { backgroundColor: p.primary }] })
+              }
+            ),
+            /* @__PURE__ */ e.jsx(t, { style: [ue.optionLabel, { color: p.textSecondary }, o.disabled && { color: p.textMuted }], children: y(o.label) || o.value })
           ]
         },
-        u.value
+        o.value
       );
     }),
-    n && /* @__PURE__ */ e.jsx(t, { style: oe.error, children: n }),
-    f && !n && /* @__PURE__ */ e.jsx(t, { style: oe.helperText, children: f })
+    n && /* @__PURE__ */ e.jsx(t, { style: [ue.error, { color: p.error }], children: n }),
+    S && !n && /* @__PURE__ */ e.jsx(t, { style: [ue.helperText, { color: p.textMuted }], children: S })
   ] });
-}, oe = $.create({
+}, ue = _.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
@@ -1983,16 +1836,10 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     marginBottom: 8
   },
   optionLabel: {
-    color: "#374151",
     fontSize: 14
   },
-  optionLabelDisabled: {
-    color: "#9CA3AF"
-  },
   radio: {
     alignItems: "center",
-    backgroundColor: "#FFFFFF",
-    borderColor: "#D1D5DB",
     borderRadius: 10,
     borderWidth: 2,
     height: 20,
@@ -2001,80 +1848,78 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     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);
+}), ft = ({ node: r, value: s, setValue: i, error: n, label: c, placeholder: S, helperText: y }) => {
+  const [p, l] = R(!1), g = se(), { colors: a } = q(), o = r.data.options || [], d = r.data.multiple, m = Array.isArray(s) ? s : s ? [s] : [], C = (w) => {
+    if (d) {
+      const f = m.includes(w) ? m.filter((b) => b !== w) : [...m, w];
+      i(f);
     } else
-      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...";
+      i(w), l(!1);
+  }, v = () => {
+    if (m.length === 0)
+      return S || "Select...";
+    if (d)
+      return o.filter((b) => m.includes(b.value)).map((b) => g(b.label) || b.value).join(", ");
+    const w = o.find((f) => f.value === m[0]);
+    return w ? g(w.label) || w.value : S || "Select...";
   };
-  return /* @__PURE__ */ e.jsxs(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: "▼" })
+  return /* @__PURE__ */ e.jsxs(x, { style: J.container, children: [
+    /* @__PURE__ */ e.jsxs(t, { style: [J.label, { color: a.textSecondary }], children: [
+      c || r.data.name,
+      r.data.required && /* @__PURE__ */ e.jsx(t, { style: { color: a.error }, children: "*" })
     ] }),
-    /* @__PURE__ */ e.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.jsxs(
+      h,
+      {
+        style: [J.trigger, { backgroundColor: a.input, borderColor: a.border }, n && { borderColor: a.error }],
+        onPress: () => l(!0),
+        activeOpacity: 0.7,
+        children: [
+          /* @__PURE__ */ e.jsx(t, { style: [J.triggerText, { color: a.text }, m.length === 0 && { color: a.textMuted }], children: v() }),
+          /* @__PURE__ */ e.jsx(t, { style: [J.arrow, { color: a.textMuted }], children: "▼" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e.jsx(ae, { visible: p, transparent: !0, animationType: "fade", onRequestClose: () => l(!1), children: /* @__PURE__ */ e.jsx(h, { style: J.modalOverlay, activeOpacity: 1, onPress: () => l(!1), children: /* @__PURE__ */ e.jsxs(x, { style: [J.modalContent, { backgroundColor: a.card }], onStartShouldSetResponder: () => !0, children: [
+      /* @__PURE__ */ e.jsxs(x, { style: [J.modalHeader, { borderBottomColor: a.border }], children: [
+        /* @__PURE__ */ e.jsx(t, { style: [J.modalTitle, { color: a.text }], children: c || r.data.name }),
+        /* @__PURE__ */ e.jsx(h, { onPress: () => l(!1), children: /* @__PURE__ */ e.jsx(t, { style: [J.closeButton, { color: a.textMuted }], children: "✕" }) })
       ] }),
-      /* @__PURE__ */ e.jsx(je, { style: M.optionsList, children: u.map((C) => {
-        const g = i.includes(C.value);
+      /* @__PURE__ */ e.jsx(be, { style: J.optionsList, children: o.map((w) => {
+        const f = m.includes(w.value);
         return /* @__PURE__ */ e.jsxs(
           h,
           {
-            style: [M.option, g && M.optionSelected],
-            onPress: () => c(C.value),
-            disabled: C.disabled,
+            style: [J.option, f && { backgroundColor: `${a.primary}20` }],
+            onPress: () => C(w.value),
+            disabled: w.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: "✓" })
+              /* @__PURE__ */ e.jsx(t, { style: [J.optionText, { color: a.textSecondary }, w.disabled && { color: a.textMuted }], children: g(w.label) || w.value }),
+              f && /* @__PURE__ */ e.jsx(t, { style: [J.checkmark, { color: a.primary }], children: "✓" })
             ]
           },
-          C.value
+          w.value
         );
       }) }),
-      x && /* @__PURE__ */ e.jsx(h, { style: M.doneButton, onPress: () => y(!1), children: /* @__PURE__ */ e.jsx(t, { style: M.doneButtonText, children: "Done" }) })
+      d && /* @__PURE__ */ e.jsx(h, { style: [J.doneButton, { backgroundColor: a.primary }], onPress: () => l(!1), children: /* @__PURE__ */ e.jsx(t, { style: J.doneButtonText, children: "Done" }) })
     ] }) }) }),
-    n && /* @__PURE__ */ e.jsx(t, { style: M.error, children: n }),
-    m && !n && /* @__PURE__ */ e.jsx(t, { style: M.helperText, children: m })
+    n && /* @__PURE__ */ e.jsx(t, { style: [J.error, { color: a.error }], children: n }),
+    y && !n && /* @__PURE__ */ e.jsx(t, { style: [J.helperText, { color: a.textMuted }], children: y })
   ] });
-}, M = $.create({
+}, J = _.create({
   arrow: {
-    color: "#6B7280",
     fontSize: 12
   },
   checkmark: {
-    color: "#3B82F6",
     fontSize: 18,
     fontWeight: "700"
   },
   closeButton: {
-    color: "#6B7280",
     fontSize: 24,
     fontWeight: "300"
   },
@@ -2083,7 +1928,6 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
   },
   doneButton: {
     alignItems: "center",
-    backgroundColor: "#3B82F6",
     borderRadius: 6,
     marginTop: 12,
     paddingVertical: 12
@@ -2094,23 +1938,19 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     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,
@@ -2118,7 +1958,6 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
   },
   modalHeader: {
     alignItems: "center",
-    borderBottomColor: "#E5E7EB",
     borderBottomWidth: 1,
     flexDirection: "row",
     justifyContent: "space-between",
@@ -2132,7 +1971,6 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     justifyContent: "center"
   },
   modalTitle: {
-    color: "#111827",
     fontSize: 18,
     fontWeight: "600"
   },
@@ -2144,26 +1982,14 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     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",
@@ -2171,266 +1997,280 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     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: "*" })
+}), bt = ({ node: r, value: s, setValue: i, error: n, label: c, helperText: S }) => {
+  const { colors: y } = q(), p = !!s;
+  return /* @__PURE__ */ e.jsxs(x, { style: pe.container, children: [
+    /* @__PURE__ */ e.jsxs(x, { style: pe.row, children: [
+      /* @__PURE__ */ e.jsx(x, { style: pe.labelContainer, children: /* @__PURE__ */ e.jsxs(t, { style: [pe.label, { color: y.textSecondary }], children: [
+        c || r.data.name,
+        r.data.required && /* @__PURE__ */ e.jsx(t, { style: { color: y.error }, children: "*" })
       ] }) }),
       /* @__PURE__ */ e.jsx(
-        Ke,
+        Ze,
         {
-          trackColor: { false: "#D1D5DB", true: "#93C5FD" },
-          thumbColor: m ? "#3B82F6" : "#F3F4F6",
-          ios_backgroundColor: "#D1D5DB",
-          onValueChange: s,
-          value: m
+          trackColor: { false: y.border, true: `${y.primary}80` },
+          thumbColor: p ? y.primary : y.card,
+          ios_backgroundColor: y.border,
+          onValueChange: i,
+          value: p
         }
       )
     ] }),
-    n && /* @__PURE__ */ e.jsx(t, { style: fe.error, children: n }),
-    f && !n && /* @__PURE__ */ e.jsx(t, { style: fe.helperText, children: f })
+    n && /* @__PURE__ */ e.jsx(t, { style: [pe.error, { color: y.error }], children: n }),
+    S && !n && /* @__PURE__ */ e.jsx(t, { style: [pe.helperText, { color: y.textMuted }], children: S })
   ] });
-}, fe = $.create({
+}, 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"
   },
   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({
+}), jt = ({ node: r, value: s, setValue: i, error: n, label: c, placeholder: S, helperText: y, name: p }) => {
+  const { colors: l } = q();
+  return /* @__PURE__ */ e.jsxs(x, { style: Te.container, children: [
+    /* @__PURE__ */ e.jsxs(t, { style: [Te.label, { color: l.textSecondary }], children: [
+      c || r.data.name,
+      r.data.required && /* @__PURE__ */ e.jsx(t, { style: { color: l.error }, children: "*" })
+    ] }),
+    /* @__PURE__ */ e.jsx(
+      me,
+      {
+        style: [
+          Te.textarea,
+          { backgroundColor: l.input, borderColor: l.border, color: l.text },
+          n && { borderColor: l.error }
+        ],
+        value: s ?? "",
+        onChangeText: i,
+        placeholder: S,
+        placeholderTextColor: l.textMuted,
+        multiline: !0,
+        numberOfLines: 4,
+        textAlignVertical: "top",
+        accessibilityLabel: p
+      }
+    ),
+    n && /* @__PURE__ */ e.jsx(t, { style: [Te.error, { color: l.error }], children: n }),
+    y && !n && /* @__PURE__ */ e.jsx(t, { style: [Te.helperText, { color: l.textMuted }], children: y })
+  ] });
+}, Te = _.create({
   container: {
     marginBottom: 16
   },
   error: {
-    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({
+}), Ct = ({ node: r, value: s, setValue: i, error: n, label: c, placeholder: S, helperText: y, name: p }) => {
+  const { colors: l } = q();
+  return /* @__PURE__ */ e.jsxs(x, { style: ke.container, children: [
+    /* @__PURE__ */ e.jsxs(t, { style: [ke.label, { color: l.textSecondary }], children: [
+      c || r.data.name,
+      r.data.required && /* @__PURE__ */ e.jsx(t, { style: { color: l.error }, children: "*" })
+    ] }),
+    /* @__PURE__ */ e.jsx(
+      me,
+      {
+        style: [
+          ke.input,
+          { backgroundColor: l.input, borderColor: l.border, color: l.text },
+          n && { borderColor: l.error }
+        ],
+        value: s ?? "",
+        onChangeText: i,
+        placeholder: S,
+        placeholderTextColor: l.textMuted,
+        accessibilityLabel: p
+      }
+    ),
+    n && /* @__PURE__ */ e.jsx(t, { style: [ke.error, { color: l.error }], children: n }),
+    y && !n && /* @__PURE__ */ e.jsx(t, { style: [ke.helperText, { color: l.textMuted }], children: y })
+  ] });
+}, ke = _.create({
   container: {
     marginBottom: 16
   },
   error: {
-    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);
+}), St = ({ node: r, value: s, setValue: i, error: n, label: c, placeholder: S, helperText: y }) => {
+  const [p, l] = R(!1), { colors: g } = q(), o = (s || "").split(":"), d = Number.parseInt(o[0], 10), m = Number.parseInt(o[1], 10), C = Number.isNaN(d) ? 0 : d, v = Number.isNaN(m) ? 0 : m, [w, f] = R(C || 0), [b, z] = R(v || 0), j = ie(null), P = ie(null), u = Array.from({ length: 24 }, (T, A) => A), D = Array.from({ length: 60 }, (T, A) => A), N = () => s || S || "Select time", K = ye(() => {
+    const T = `${String(w).padStart(2, "0")}:${String(b).padStart(2, "0")}`;
+    i(T), l(!1);
+  }, [w, b, i]), te = () => {
+    f(C || 0), z(v || 0), l(!0);
   };
-  return /* @__PURE__ */ e.jsxs(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: "*" })
+  return /* @__PURE__ */ e.jsxs(x, { style: H.container, children: [
+    /* @__PURE__ */ e.jsxs(t, { style: [H.label, { color: g.textSecondary }], children: [
+      c || r.data.name,
+      r.data.required && /* @__PURE__ */ e.jsx(t, { style: { color: g.error }, children: "*" })
     ] }),
-    /* @__PURE__ */ e.jsxs(h, { style: [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: () => {
+    /* @__PURE__ */ e.jsxs(
+      h,
+      {
+        style: [H.trigger, { backgroundColor: g.input, borderColor: g.border }, n && { borderColor: g.error }],
+        onPress: te,
+        activeOpacity: 0.7,
+        children: [
+          /* @__PURE__ */ e.jsx(t, { style: [H.triggerText, { color: g.text }, !s && { color: g.textMuted }], numberOfLines: 1, children: N() }),
+          /* @__PURE__ */ e.jsx(t, { style: H.icon, children: "🕐" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e.jsx(ae, { visible: p, transparent: !0, animationType: "fade", onRequestClose: () => l(!1), children: /* @__PURE__ */ e.jsx(h, { style: H.modalOverlay, activeOpacity: 1, onPress: () => l(!1), children: /* @__PURE__ */ e.jsxs(h, { style: [H.modalContent, { backgroundColor: g.card }], activeOpacity: 1, onPress: () => {
     }, children: [
-      /* @__PURE__ */ e.jsxs(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(x, { style: [H.modalHeader, { borderBottomColor: g.separator }], children: [
+        /* @__PURE__ */ e.jsx(t, { style: [H.modalTitle, { color: g.text }], children: c || r.data.name }),
+        /* @__PURE__ */ e.jsx(h, { onPress: () => l(!1), children: /* @__PURE__ */ e.jsx(t, { style: [H.closeButton, { color: g.textMuted }], children: "✕" }) })
       ] }),
-      /* @__PURE__ */ e.jsxs(l, { style: w.pickerContainer, children: [
-        /* @__PURE__ */ e.jsxs(l, { style: w.pickerColumn, children: [
-          /* @__PURE__ */ e.jsx(t, { style: w.pickerLabel, children: "Hour" }),
+      /* @__PURE__ */ e.jsxs(x, { style: H.pickerContainer, children: [
+        /* @__PURE__ */ e.jsxs(x, { style: H.pickerColumn, children: [
+          /* @__PURE__ */ e.jsx(t, { style: [H.pickerLabel, { color: g.textMuted }], children: "Hour" }),
           /* @__PURE__ */ e.jsx(
-            je,
+            be,
             {
-              ref: T,
-              style: w.picker,
-              contentContainerStyle: w.pickerContent,
+              ref: j,
+              style: H.picker,
+              contentContainerStyle: H.pickerContent,
               showsVerticalScrollIndicator: !1,
-              children: R.map((p) => /* @__PURE__ */ e.jsx(
+              children: u.map((T) => /* @__PURE__ */ e.jsx(
                 h,
                 {
-                  style: [w.pickerItem, C === p && w.pickerItemSelected],
-                  onPress: () => g(p),
+                  style: [H.pickerItem, w === T && { backgroundColor: g.primary }],
+                  onPress: () => f(T),
                   activeOpacity: 0.7,
-                  children: /* @__PURE__ */ e.jsx(t, { style: [w.pickerItemText, C === p && w.pickerItemTextSelected], children: String(p).padStart(2, "0") })
+                  children: /* @__PURE__ */ e.jsx(
+                    t,
+                    {
+                      style: [
+                        H.pickerItemText,
+                        { color: g.text },
+                        w === T && { color: g.background, fontWeight: "600" }
+                      ],
+                      children: String(T).padStart(2, "0")
+                    }
+                  )
                 },
-                p
+                T
               ))
             }
           )
         ] }),
-        /* @__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(t, { style: [H.pickerSeparator, { color: g.text }], children: ":" }),
+        /* @__PURE__ */ e.jsxs(x, { style: H.pickerColumn, children: [
+          /* @__PURE__ */ e.jsx(t, { style: [H.pickerLabel, { color: g.textMuted }], children: "Minute" }),
           /* @__PURE__ */ e.jsx(
-            je,
+            be,
             {
-              ref: q,
-              style: w.picker,
-              contentContainerStyle: w.pickerContent,
+              ref: P,
+              style: H.picker,
+              contentContainerStyle: H.pickerContent,
               showsVerticalScrollIndicator: !1,
-              children: k.map((p) => /* @__PURE__ */ e.jsx(
+              children: D.map((T) => /* @__PURE__ */ e.jsx(
                 h,
                 {
-                  style: [w.pickerItem, b === p && w.pickerItemSelected],
-                  onPress: () => j(p),
+                  style: [H.pickerItem, b === T && { backgroundColor: g.primary }],
+                  onPress: () => z(T),
                   activeOpacity: 0.7,
-                  children: /* @__PURE__ */ e.jsx(t, { style: [w.pickerItemText, b === p && w.pickerItemTextSelected], children: String(p).padStart(2, "0") })
+                  children: /* @__PURE__ */ e.jsx(
+                    t,
+                    {
+                      style: [
+                        H.pickerItemText,
+                        { color: g.text },
+                        b === T && { color: g.background, fontWeight: "600" }
+                      ],
+                      children: String(T).padStart(2, "0")
+                    }
+                  )
                 },
-                p
+                T
               ))
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ e.jsx(h, { style: w.confirmButton, onPress: K, activeOpacity: 0.7, children: /* @__PURE__ */ e.jsx(t, { style: w.confirmButtonText, children: "Confirm" }) })
+      /* @__PURE__ */ e.jsx(
+        h,
+        {
+          style: [H.confirmButton, { backgroundColor: g.primary }],
+          onPress: K,
+          activeOpacity: 0.7,
+          children: /* @__PURE__ */ e.jsx(t, { style: [H.confirmButtonText, { color: g.background }], children: "Confirm" })
+        }
+      )
     ] }) }) }),
-    n && /* @__PURE__ */ e.jsx(t, { style: w.error, children: n }),
-    m && !n && /* @__PURE__ */ e.jsx(t, { style: w.helperText, children: m })
+    n && /* @__PURE__ */ e.jsx(t, { style: [H.error, { color: g.error }], children: n }),
+    y && !n && /* @__PURE__ */ e.jsx(t, { style: [H.helperText, { color: g.textMuted }], children: y })
   ] });
-}, w = $.create({
+}, H = _.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"
   },
@@ -2438,12 +2278,10 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     marginBottom: 16
   },
   error: {
-    color: "#EF4444",
     fontSize: 12,
     marginTop: 4
   },
   helperText: {
-    color: "#6B7280",
     fontSize: 12,
     marginTop: 4
   },
@@ -2451,20 +2289,17 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     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",
@@ -2478,7 +2313,6 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     justifyContent: "center"
   },
   modalTitle: {
-    color: "#111827",
     fontSize: 18,
     fontWeight: "600"
   },
@@ -2502,36 +2336,21 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     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",
@@ -2539,89 +2358,115 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     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);
+}), Tt = ({ node: r, value: s, setValue: i, error: n, label: c, helperText: S }) => {
+  const [y, p] = R(!1), [l, g] = R(!0), a = se(), { colors: o } = q(), d = Array.isArray(s) ? s : [], m = d[0] || "", C = d[1] || "", v = m.split(":"), w = Number.parseInt(v[0], 10), f = Number.parseInt(v[1], 10), b = Number.isNaN(w) ? 0 : w, z = Number.isNaN(f) ? 0 : f, j = C.split(":"), P = Number.parseInt(j[0], 10), u = Number.parseInt(j[1], 10), D = Number.isNaN(P) ? 0 : P, N = Number.isNaN(u) ? 0 : u, [K, te] = R(0), [T, A] = R(0), Z = Array.from({ length: 24 }, (M, ce) => ce), Q = Array.from({ length: 60 }, (M, ce) => ce), I = () => m && C ? `${m} - ${C}` : m || a("renderer.defaultInputs.selectDateRange"), B = ye(() => {
+    const M = `${String(K).padStart(2, "0")}:${String(T).padStart(2, "0")}`;
+    l ? (i([M, C]), g(!1), te(D || 0), A(N || 0)) : (i([m, M]), p(!1), g(!0));
+  }, [l, K, T, m, C, D, N, i]), ee = () => {
+    te(b || 0), A(z || 0), g(!0), p(!0);
   };
-  return /* @__PURE__ */ e.jsxs(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: "*" })
+  return /* @__PURE__ */ e.jsxs(x, { style: O.container, children: [
+    /* @__PURE__ */ e.jsxs(t, { style: [O.label, { color: o.textSecondary }], children: [
+      c || r.data.name,
+      r.data.required && /* @__PURE__ */ e.jsx(t, { style: { color: o.error }, children: "*" })
     ] }),
-    /* @__PURE__ */ e.jsxs(h, { style: [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: () => {
+    /* @__PURE__ */ e.jsxs(
+      h,
+      {
+        style: [O.trigger, { backgroundColor: o.input, borderColor: o.border }, n && { borderColor: o.error }],
+        onPress: ee,
+        activeOpacity: 0.7,
+        children: [
+          /* @__PURE__ */ e.jsx(t, { style: [O.triggerText, { color: o.text }, !m && { color: o.textMuted }], numberOfLines: 1, children: I() }),
+          /* @__PURE__ */ e.jsx(t, { style: O.icon, children: "🕐" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e.jsx(ae, { visible: y, transparent: !0, animationType: "fade", onRequestClose: () => p(!1), children: /* @__PURE__ */ e.jsx(h, { style: O.modalOverlay, activeOpacity: 1, onPress: () => p(!1), children: /* @__PURE__ */ e.jsxs(h, { style: [O.modalContent, { backgroundColor: o.card }], activeOpacity: 1, onPress: () => {
     }, children: [
-      /* @__PURE__ */ e.jsxs(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.jsxs(x, { style: [O.modalHeader, { borderBottomColor: o.separator }], children: [
+        /* @__PURE__ */ e.jsx(t, { style: [O.modalTitle, { color: o.text }], children: c || r.data.name }),
+        /* @__PURE__ */ e.jsx(h, { onPress: () => p(!1), children: /* @__PURE__ */ e.jsx(t, { style: [O.closeButton, { color: o.textMuted }], children: "✕" }) })
       ] }),
-      /* @__PURE__ */ e.jsx(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(
+      /* @__PURE__ */ e.jsx(x, { style: [O.rangeIndicator, { backgroundColor: o.primaryLight }], children: /* @__PURE__ */ e.jsx(t, { style: [O.rangeIndicatorText, { color: o.primary }], children: a(l ? "renderer.defaultInputs.startTime" : "renderer.defaultInputs.endTime") }) }),
+      /* @__PURE__ */ e.jsxs(x, { style: O.pickerContainer, children: [
+        /* @__PURE__ */ e.jsxs(x, { style: O.pickerColumn, children: [
+          /* @__PURE__ */ e.jsx(t, { style: [O.pickerLabel, { color: o.textMuted }], children: "Hour" }),
+          /* @__PURE__ */ e.jsx(be, { style: O.picker, contentContainerStyle: O.pickerContent, showsVerticalScrollIndicator: !1, children: Z.map((M) => /* @__PURE__ */ e.jsx(
             h,
             {
-              style: [I.pickerItem, K === O && I.pickerItemSelected],
-              onPress: () => ee(O),
+              style: [O.pickerItem, K === M && { backgroundColor: o.primary }],
+              onPress: () => te(M),
               activeOpacity: 0.7,
-              children: /* @__PURE__ */ e.jsx(t, { style: [I.pickerItemText, K === O && I.pickerItemTextSelected], children: String(O).padStart(2, "0") })
+              children: /* @__PURE__ */ e.jsx(
+                t,
+                {
+                  style: [
+                    O.pickerItemText,
+                    { color: o.text },
+                    K === M && { color: o.background, fontWeight: "600" }
+                  ],
+                  children: String(M).padStart(2, "0")
+                }
+              )
             },
-            O
+            M
           )) })
         ] }),
-        /* @__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(
+        /* @__PURE__ */ e.jsx(t, { style: [O.pickerSeparator, { color: o.text }], children: ":" }),
+        /* @__PURE__ */ e.jsxs(x, { style: O.pickerColumn, children: [
+          /* @__PURE__ */ e.jsx(t, { style: [O.pickerLabel, { color: o.textMuted }], children: "Minute" }),
+          /* @__PURE__ */ e.jsx(be, { style: O.picker, contentContainerStyle: O.pickerContent, showsVerticalScrollIndicator: !1, children: Q.map((M) => /* @__PURE__ */ e.jsx(
             h,
             {
-              style: [I.pickerItem, p === O && I.pickerItemSelected],
-              onPress: () => H(O),
+              style: [O.pickerItem, T === M && { backgroundColor: o.primary }],
+              onPress: () => A(M),
               activeOpacity: 0.7,
-              children: /* @__PURE__ */ e.jsx(t, { style: [I.pickerItemText, p === O && I.pickerItemTextSelected], children: String(O).padStart(2, "0") })
+              children: /* @__PURE__ */ e.jsx(
+                t,
+                {
+                  style: [
+                    O.pickerItemText,
+                    { color: o.text },
+                    T === M && { color: o.background, fontWeight: "600" }
+                  ],
+                  children: String(M).padStart(2, "0")
+                }
+              )
             },
-            O
+            M
           )) })
         ] })
       ] }),
-      /* @__PURE__ */ e.jsx(h, { style: I.confirmButton, onPress: v, activeOpacity: 0.7, children: /* @__PURE__ */ e.jsx(t, { style: I.confirmButtonText, children: y ? "Next" : "Confirm" }) })
+      /* @__PURE__ */ e.jsx(
+        h,
+        {
+          style: [O.confirmButton, { backgroundColor: o.primary }],
+          onPress: B,
+          activeOpacity: 0.7,
+          children: /* @__PURE__ */ e.jsx(t, { style: [O.confirmButtonText, { color: o.background }], children: l ? "Next" : "Confirm" })
+        }
+      )
     ] }) }) }),
-    n && /* @__PURE__ */ e.jsx(t, { style: I.error, children: n }),
-    f && !n && /* @__PURE__ */ e.jsx(t, { style: I.helperText, children: f })
+    n && /* @__PURE__ */ e.jsx(t, { style: [O.error, { color: o.error }], children: n }),
+    S && !n && /* @__PURE__ */ e.jsx(t, { style: [O.helperText, { color: o.textMuted }], children: S })
   ] });
-}, I = $.create({
+}, O = _.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"
   },
@@ -2629,12 +2474,10 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     marginBottom: 16
   },
   error: {
-    color: "#EF4444",
     fontSize: 12,
     marginTop: 4
   },
   helperText: {
-    color: "#6B7280",
     fontSize: 12,
     marginTop: 4
   },
@@ -2642,20 +2485,17 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     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",
@@ -2669,7 +2509,6 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     justifyContent: "center"
   },
   modalTitle: {
-    color: "#111827",
     fontSize: 18,
     fontWeight: "600"
   },
@@ -2693,48 +2532,31 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     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",
@@ -2742,166 +2564,205 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     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: [
+}), kt = ({ 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,
+] }), It = kt, zt = {
+  address: st,
+  autocomplete: lt,
+  checkbox: it,
+  date: at,
+  daterange: ct,
+  file: dt,
+  hidden: ut,
+  http: mt,
+  number: yt,
+  password: pt,
+  radio: ht,
   select: ft,
-  submit: 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({
+  submit: It,
+  switch: bt,
+  text: Ct,
+  textarea: jt,
+  time: St,
+  timerange: Tt
+}, wt = ({ children: r = "Submit", disabled: s, isSubmitting: i, onPress: n }) => {
+  const { colors: c } = q();
+  return /* @__PURE__ */ e.jsx(
+    h,
+    {
+      style: [
+        Ae.button,
+        { backgroundColor: c.primary },
+        (s || i) && { backgroundColor: c.primaryDisabled, opacity: 0.6 }
+      ],
+      disabled: s || i,
+      onPress: n,
+      activeOpacity: 0.7,
+      children: i ? /* @__PURE__ */ e.jsx(he, { color: c.primaryForeground }) : /* @__PURE__ */ e.jsx(t, { style: [Ae.buttonText, { color: c.primaryForeground }], children: r })
+    }
+  );
+}, Ae = _.create({
   button: {
     alignItems: "center",
-    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({
+}), vt = ({ children: r }) => r, Dt = ({ node: r }) => {
+  const s = se(), { colors: i } = q(), n = s(r.data?.label);
+  return /* @__PURE__ */ e.jsx(t, { style: [Ne.title, { color: i.text }], children: n });
+}, Bt = () => {
+  const { colors: r } = q();
+  return /* @__PURE__ */ e.jsx(x, { style: [Ne.divider, { backgroundColor: r.separator }] });
+}, Ne = _.create({
   divider: {
-    backgroundColor: "#E5E7EB",
     height: 1,
     marginBottom: 16,
     marginTop: 0
   },
   title: {
-    color: "#111827",
     fontSize: 20,
     fontWeight: "700",
     marginBottom: 16
   }
-}), kt = {
-  divider: It,
+}), Mt = {
+  divider: Bt,
   title: Dt
 }, Ot = ({
   components: r,
-  contentContainerStyle: o,
-  flows: s,
+  contentContainerStyle: s,
+  flows: i,
   googleApiKey: n,
-  language: a,
-  onChange: f,
-  onSubmit: m,
-  style: B,
-  validate: y,
-  validationMode: S,
-  initialValues: u = {}
+  initialValues: c,
+  language: S,
+  onChange: y,
+  onSubmit: p,
+  style: l,
+  theme: g,
+  validate: a,
+  validationMode: o
 }) => {
-  const {
-    canSubmit: x,
-    clearSubmitMessage: i,
-    config: c,
-    formErrors: z,
-    formValues: C,
-    handleSubmit: g,
-    inputNodes: b,
+  const { colors: d } = q(), {
+    canSubmit: m,
+    clearSubmitMessage: C,
+    config: v,
+    formErrors: w,
+    formValues: f,
+    handleSubmit: b,
+    inputNodes: z,
     isSubmitting: j,
-    mergedFlow: T,
-    missingRequiredFields: q,
-    setFieldValue: R,
-    submitMessage: k,
-    t: _,
-    visibleNodes: K,
-    visibleRootNodes: ee
-  } = Ye({
+    mergedFlow: P,
+    missingRequiredFields: u,
+    setFieldValue: D,
+    submitMessage: N,
+    t: K,
+    visibleNodes: te,
+    visibleRootNodes: T
+  } = Ue({
     components: r,
-    flows: s,
+    flows: i,
     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
+    initialValues: c,
+    language: S,
+    onChange: y,
+    onSubmit: p,
+    theme: g,
+    validate: a,
+    validationMode: o
+  }), { FormWrapper: A, SubmitButton: Z, SubmitButtonWrapper: Q, renderNode: I } = Je({
+    config: v,
+    DefaultFormWrapper: et,
+    DefaultGroup: rt,
+    DefaultSubmitButton: wt,
+    DefaultSubmitButtonWrapper: vt,
+    defaultInputRenderers: zt,
+    defaultUI: Mt,
+    formErrors: w,
+    formValues: f,
+    missingRequiredFields: u,
+    setFieldValue: D,
+    visibleNodes: te
   });
-  return /* @__PURE__ */ e.jsx(je, { nestedScrollEnabled: !0, style: [xe.container, B], contentContainerStyle: o, children: /* @__PURE__ */ e.jsxs(
-    Ue,
+  return /* @__PURE__ */ e.jsx(
+    be,
     {
-      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") })
-        ] })
-      ]
+      nestedScrollEnabled: !0,
+      style: [Ie.container, { backgroundColor: d.background }, l],
+      contentContainerStyle: s,
+      children: /* @__PURE__ */ e.jsxs(
+        Ke,
+        {
+          value: {
+            flows: P,
+            formErrors: w,
+            formValues: f,
+            googleApiKey: v.googleApiKey,
+            inputNodes: z,
+            language: v.language,
+            setFieldValue: D
+          },
+          children: [
+            /* @__PURE__ */ e.jsxs(A, { onSubmit: b, children: [
+              T.map((B) => I(B)),
+              m && /* @__PURE__ */ e.jsx(Q, { missingFields: u, children: /* @__PURE__ */ e.jsx(Z, { onPress: b, disabled: j, isSubmitting: j, children: K("renderer.defaultSubmitButton.submit") }) }),
+              /* @__PURE__ */ e.jsx(t, { style: [Ie.poweredBy, { color: d.textMuted }], children: "Powered by Treege" })
+            ] }),
+            N && /* @__PURE__ */ e.jsxs(
+              x,
+              {
+                style: [
+                  Ie.message,
+                  {
+                    backgroundColor: N.type === "success" ? d.successBg : d.errorBg
+                  }
+                ],
+                children: [
+                  /* @__PURE__ */ e.jsx(
+                    t,
+                    {
+                      style: [
+                        Ie.messageText,
+                        {
+                          color: N.type === "success" ? d.success : d.error
+                        }
+                      ],
+                      children: N.message
+                    }
+                  ),
+                  /* @__PURE__ */ e.jsx(
+                    t,
+                    {
+                      style: [
+                        Ie.messageClose,
+                        {
+                          color: N.type === "success" ? d.success : d.error
+                        }
+                      ],
+                      onPress: C,
+                      children: K("common.close")
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      )
     }
-  ) });
-}, xe = $.create({
+  );
+}, Lt = (r) => /* @__PURE__ */ e.jsx(Qe, { theme: r.theme, storageKey: "treege-renderer-theme", children: /* @__PURE__ */ e.jsx(Ot, { ...r }) }), Ie = _.create({
   container: {
     flex: 1
   },
@@ -2915,65 +2776,58 @@ const Qe = ({ children: r }) => /* @__PURE__ */ e.jsx(l, { style: Xe.container,
     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,
+  st as DefaultAddressInput,
+  lt as DefaultAutocompleteInput,
+  it as DefaultCheckboxInput,
+  at as DefaultDateInput,
+  ct as DefaultDateRangeInput,
+  Bt as DefaultDividerUI,
+  dt as DefaultFileInput,
+  ut as DefaultHiddenInput,
+  mt as DefaultHttpInput,
+  yt as DefaultNumberInput,
+  pt as DefaultPasswordInput,
+  ht as DefaultRadioInput,
   ft as DefaultSelectInput,
-  Ct as DefaultSubmitInput,
-  pt as DefaultSwitchInput,
-  xt as DefaultTextInput,
-  yt as DefaultTextareaInput,
-  bt as DefaultTimeInput,
-  Ft as DefaultTimeRangeInput,
+  It as DefaultSubmitInput,
+  bt as DefaultSwitchInput,
+  Ct as DefaultTextInput,
+  jt as DefaultTextareaInput,
+  St as DefaultTimeInput,
+  Tt 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
+  Vt as TreegeConfigProvider,
+  Lt as TreegeRenderer,
+  Nt as applyReferenceTransformation,
+  $t as calculateReferenceFieldUpdates,
+  Et as checkFormFieldHasValue,
+  Ye as convertFormValuesToNamedFormat,
+  zt as defaultInputRenderers,
+  Mt as defaultUI,
+  qt as evaluateCondition,
+  _t as evaluateConditions,
+  Yt as fileToSerializable,
+  Gt as filesToSerializable,
+  Ut as findStartNode,
+  Jt as getFlowRenderState,
+  rr as getTranslatedText,
+  Kt as isFieldEmpty,
+  Qt as isStartNode,
+  Xt as mergeFlows,
+  Le as sanitize,
+  Re as sanitizeHttpResponse,
+  Zt as serializableToFile,
+  er as useTreegeConfig,
+  Ue as useTreegeRenderer
 };