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

package/dist/{TreegeRenderer-COBf5Nh3.js → TreegeRenderer-DbE0m_4e.js}

@@ -1,9 +1,9 @@
-import { j as e } from "./node-gfy3ym4p.js";
+import { j as e, T as Ze } from "./ThemeContext-BBEqRK_Q.js";
 import * as Re from "react";
-import { useState as z, useCallback as oe, useEffect as K, useRef as V, useMemo as me, forwardRef as Ze } from "react";
-import { q as R, r as ve, c as et, f as tt, k as at, p as st, t as rt, u as nt, i as lt, a as ot, v as it, w as dt } from "./useRenderNode-B9cpomOv.js";
-import { MapPin as Ae, ChevronsUpDown as Pe, Check as Te, ChevronLeftIcon as ct, ChevronRightIcon as ut, ChevronDownIcon as ye, Loader2 as he, CircleIcon as mt } from "lucide-react";
-import { F as N, L as v, I as _, C as Ne, a as we, b as Ce, c as Se, d as Ie, e as w, f as C, P as ie, g as de, B as ee, h as ce, i as _e, j as h, k as $e, l as ze, S as Oe, m as qe, n as Be, o as He, p as Ve, q as Le, r as ht, s as pt, t as pe, T as xt } from "./ThemeContext-Cc71SvqK.js";
+import { useState as $, useCallback as oe, useEffect as K, useRef as V, useMemo as me, forwardRef as et } from "react";
+import { q as R, r as ve, c as tt, f as at, k as st, p as rt, t as nt, u as lt, i as ot, a as it, v as dt, w as ct } from "./useRenderNode-BACcrUML.js";
+import { MapPin as Ae, ChevronsUpDown as ze, Check as Pe, ChevronLeftIcon as ut, ChevronRightIcon as mt, ChevronDownIcon as ye, Loader2 as he, CircleIcon as ht } from "lucide-react";
+import { F as N, L as v, I as _, C as Ne, a as we, b as Ce, c as Se, d as Ie, e as w, f as C, P as ie, g as de, B as ee, h as ce, i as _e, j as h, k as Te, l as $e, S as Oe, m as qe, n as Be, o as He, p as Ve, q as Le, r as pt, T as xt, s as pe } from "./separator-oCo7kxCK.js";
 import { getDefaultClassNames as Ee, DayPicker as ft } from "react-day-picker";
 import * as Q from "@radix-ui/react-tooltip";
 import * as je from "@radix-ui/react-radio-group";
@@ -63,7 +63,7 @@ const gt = ({ children: t, onSubmit: s }) => /* @__PURE__ */ e.jsx("form", { onS
     );
   });
 }), yt = ({ node: t, value: s, setValue: r, error: a, label: o, placeholder: i, helperText: l, id: u, name: n }) => {
-  const [d, m] = z(""), [c, p] = z([]), [g, x] = z(!1), { googleApiKey: f, language: I } = ve(), $ = R(), M = oe(
+  const [d, m] = $(""), [c, p] = $([]), [g, x] = $(!1), { googleApiKey: f, language: I } = ve(), T = R(), M = oe(
     (b) => {
       r(b.value), m(b.value), x(!1);
     },
@@ -105,14 +105,14 @@ const gt = ({ children: t, onSubmit: s }) => /* @__PURE__ */ e.jsx("form", { onS
             onFocus: () => {
               c.length > 0 && x(!0);
             },
-            placeholder: i || $("renderer.defaultAddressInput.enterAddress"),
+            placeholder: i || T("renderer.defaultAddressInput.enterAddress"),
             className: "pr-10",
             autoComplete: "off"
           }
         ),
         /* @__PURE__ */ e.jsx(Ae, { className: "-translate-y-1/2 pointer-events-none absolute top-1/2 right-3 h-4 w-4 text-muted-foreground" }),
         g && /* @__PURE__ */ e.jsx("div", { className: "absolute z-50 mt-1 w-full rounded-md border bg-popover shadow-md", children: /* @__PURE__ */ e.jsx(Ne, { children: /* @__PURE__ */ e.jsxs(we, { children: [
-          /* @__PURE__ */ e.jsx(Ce, { children: $("renderer.defaultAddressInput.noAddressesFound") }),
+          /* @__PURE__ */ e.jsx(Ce, { children: T("renderer.defaultAddressInput.noAddressesFound") }),
           /* @__PURE__ */ e.jsx(Se, { children: c.map((b, S) => /* @__PURE__ */ e.jsxs(
             Ie,
             {
@@ -142,7 +142,7 @@ const gt = ({ children: t, onSubmit: s }) => /* @__PURE__ */ e.jsx("form", { onS
   helperText: l,
   id: u
 }) => {
-  const n = R(), [d, m] = z(!1), c = `${u}-trigger`, p = `${u}-error`, g = t.data.options || [], x = g.find((f) => f.value === s);
+  const n = R(), [d, m] = $(!1), c = `${u}-trigger`, p = `${u}-error`, g = t.data.options || [], x = g.find((f) => f.value === s);
   return /* @__PURE__ */ e.jsxs(N, { className: "mb-4", children: [
     /* @__PURE__ */ e.jsxs(v, { htmlFor: c, children: [
       o || t.data.name,
@@ -161,7 +161,7 @@ const gt = ({ children: t, onSubmit: s }) => /* @__PURE__ */ e.jsx("form", { onS
           className: "w-full justify-between font-normal",
           children: [
             s ? x?.label ? n(x.label) : s : i || n("renderer.defaultAutocompleteInput.selectOption"),
-            /* @__PURE__ */ e.jsx(Pe, { className: "ml-2 size-4 shrink-0 opacity-50" })
+            /* @__PURE__ */ e.jsx(ze, { className: "ml-2 size-4 shrink-0 opacity-50" })
           ]
         }
       ) }),
@@ -178,7 +178,7 @@ const gt = ({ children: t, onSubmit: s }) => /* @__PURE__ */ e.jsx("form", { onS
                 r(I === s ? "" : I), m(!1);
               },
               children: [
-                /* @__PURE__ */ e.jsx(Te, { className: h("mr-2 size-4", s === f.value ? "opacity-100" : "opacity-0") }),
+                /* @__PURE__ */ e.jsx(Pe, { className: h("mr-2 size-4", s === f.value ? "opacity-100" : "opacity-0") }),
                 n(f.label)
               ]
             },
@@ -204,7 +204,7 @@ const gt = ({ children: t, onSubmit: s }) => /* @__PURE__ */ e.jsx("form", { onS
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: t.data.options.map((c, p) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
         /* @__PURE__ */ e.jsx(
-          $e,
+          Te,
           {
             id: `${l}-${c.value}`,
             name: u,
@@ -222,7 +222,7 @@ const gt = ({ children: t, onSubmit: s }) => /* @__PURE__ */ e.jsx("form", { onS
   return /* @__PURE__ */ e.jsxs(N, { className: "mb-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
       /* @__PURE__ */ e.jsx(
-        $e,
+        Te,
         {
           id: l,
           name: u,
@@ -269,12 +269,12 @@ function Me({
       },
       classNames: {
         button_next: h(
-          ze({ variant: o }),
+          $e({ variant: o }),
           "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
           n.button_next
         ),
         button_previous: h(
-          ze({ variant: o }),
+          $e({ variant: o }),
           "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
           n.button_previous
         ),
@@ -314,7 +314,7 @@ function Me({
         ...s
       },
       components: {
-        Chevron: ({ className: d, orientation: m, ...c }) => m === "left" ? /* @__PURE__ */ e.jsx(ct, { className: h("size-4", d), ...c }) : m === "right" ? /* @__PURE__ */ e.jsx(ut, { className: h("size-4", d), ...c }) : /* @__PURE__ */ e.jsx(ye, { className: h("size-4", d), ...c }),
+        Chevron: ({ className: d, orientation: m, ...c }) => m === "left" ? /* @__PURE__ */ e.jsx(ut, { className: h("size-4", d), ...c }) : m === "right" ? /* @__PURE__ */ e.jsx(mt, { className: h("size-4", d), ...c }) : /* @__PURE__ */ e.jsx(ye, { className: h("size-4", d), ...c }),
         DayButton: Ct,
         Root: ({ className: d, rootRef: m, ...c }) => /* @__PURE__ */ e.jsx("div", { "data-slot": "calendar", ref: m, className: h(d), ...c }),
         WeekNumber: ({ children: d, ...m }) => /* @__PURE__ */ e.jsx("td", { ...m, children: /* @__PURE__ */ e.jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: d }) }),
@@ -349,7 +349,7 @@ function Ct({ className: t, day: s, modifiers: r, ...a }) {
   );
 }
 const St = ({ node: t, value: s, setValue: r, error: a, label: o, placeholder: i, helperText: l, id: u, name: n }) => {
-  const [d, m] = z(!1), c = R(), p = s ? new Date(s) : void 0, g = (x) => {
+  const [d, m] = $(!1), c = R(), p = s ? new Date(s) : void 0, g = (x) => {
     if (t.data.disablePast) {
       const f = /* @__PURE__ */ new Date();
       return f.setHours(0, 0, 0, 0), x < f;
@@ -383,12 +383,12 @@ const St = ({ node: t, value: s, setValue: r, error: a, label: o, placeholder: i
     l && !a && /* @__PURE__ */ e.jsx(C, { children: l })
   ] });
 }, It = ({ node: t, value: s, setValue: r, error: a, label: o, helperText: i, id: l }) => {
-  const [u, n] = z(!1), d = R(), m = Array.isArray(s) ? s : [], c = m[0] ? new Date(m[0]) : void 0, p = m[1] ? new Date(m[1]) : void 0, g = (I) => {
+  const [u, n] = $(!1), d = R(), m = Array.isArray(s) ? s : [], c = m[0] ? new Date(m[0]) : void 0, p = m[1] ? new Date(m[1]) : void 0, g = (I) => {
     r([I?.from ? I.from.toISOString() : void 0, I?.to ? I.to.toISOString() : void 0]);
   }, x = () => c && p ? `${c.toLocaleDateString()} - ${p.toLocaleDateString()}` : c ? c.toLocaleDateString() : d("renderer.defaultInputs.selectDateRange"), f = (I) => {
     if (t.data.disablePast) {
-      const $ = /* @__PURE__ */ new Date();
-      return $.setHours(0, 0, 0, 0), I < $;
+      const T = /* @__PURE__ */ new Date();
+      return T.setHours(0, 0, 0, 0), I < T;
     }
     return !1;
   };
@@ -425,11 +425,11 @@ const St = ({ node: t, value: s, setValue: r, error: a, label: o, placeholder: i
       return;
     }
     if (t.data.multiple) {
-      const p = await et(Array.from(m));
+      const p = await tt(Array.from(m));
       s(p);
       return;
     }
-    const c = await tt(m[0]);
+    const c = await at(m[0]);
     s(c);
   };
   return /* @__PURE__ */ e.jsxs(N, { className: "mb-4", children: [
@@ -488,27 +488,27 @@ const xe = (t, s) => s ? s.split(".").reduce((a, o) => {
   const i = s[o], l = i == null ? "" : String(i);
   return r ? encodeURIComponent(l) : l;
 }), kt = ({ node: t, value: s, setValue: r, error: a, label: o, placeholder: i, helperText: l, id: u, name: n }) => {
-  const [d, m] = z(!1), [c, p] = z(null), [g, x] = z([]), [f, I] = z(""), [$, M] = z(!1), { formValues: A, inputNodes: b } = ve(), S = R(), { httpConfig: y } = t.data, L = V(!1), G = V(""), J = V(y), X = V(A), te = V(b), ae = V(r), se = V(null), P = V(null), U = me(() => y?.url ? be(y.url) : [], [y?.url]), H = U.length > 0, re = me(() => U.map((D) => `${D}:${String(A[D] ?? "")}`).join("|"), [U, A]), ue = me(() => y?.url ? H ? fe(y.url, A) : !0 : !1, [y?.url, H, A]), E = oe(
+  const [d, m] = $(!1), [c, p] = $(null), [g, x] = $([]), [f, I] = $(""), [T, M] = $(!1), { formValues: A, inputNodes: b } = ve(), S = R(), { httpConfig: y } = t.data, L = V(!1), G = V(""), J = V(y), X = V(A), te = V(b), ae = V(r), se = V(null), z = V(null), U = me(() => y?.url ? be(y.url) : [], [y?.url]), H = U.length > 0, re = me(() => U.map((D) => `${D}:${String(A[D] ?? "")}`).join("|"), [U, A]), ue = me(() => y?.url ? H ? fe(y.url, A) : !0 : !1, [y?.url, H, A]), E = oe(
     async (D) => {
-      P.current && P.current.abort();
+      z.current && z.current.abort();
       const O = new AbortController();
-      P.current = O;
-      const j = J.current, T = X.current, Y = ae.current;
+      z.current = O;
+      const j = J.current, P = X.current, Y = ae.current;
       if (!j?.url) {
-        p(S("renderer.defaultHttpInput.noUrlConfigured")), P.current = null;
+        p(S("renderer.defaultHttpInput.noUrlConfigured")), z.current = null;
         return;
       }
-      if (j.url && !fe(j.url, T)) {
-        P.current = null;
+      if (j.url && !fe(j.url, P)) {
+        z.current = null;
         return;
       }
       m(!0), p(null);
       try {
-        const k = ge(j.url, T, !0), W = j.searchParam && D ? `${k}${k.includes("?") ? "&" : "?"}${j.searchParam}=${encodeURIComponent(D)}` : k, F = {};
+        const k = ge(j.url, P, !0), W = j.searchParam && D ? `${k}${k.includes("?") ? "&" : "?"}${j.searchParam}=${encodeURIComponent(D)}` : k, F = {};
         j.headers?.forEach((le) => {
-          F[le.key] = ge(le.value, T);
+          F[le.key] = ge(le.value, P);
         });
-        const q = ["POST", "PUT", "PATCH"].includes(j.method || "") ? j.sendAllFormValues ? JSON.stringify(at(T, te.current)) : j.body ? ge(j.body, T) : void 0 : void 0, B = setTimeout(() => O.abort(), 3e4), ne = await fetch(W, {
+        const q = ["POST", "PUT", "PATCH"].includes(j.method || "") ? j.sendAllFormValues ? JSON.stringify(st(P, te.current)) : j.body ? ge(j.body, P) : void 0 : void 0, B = setTimeout(() => O.abort(), 3e4), ne = await fetch(W, {
           body: q || void 0,
           headers: {
             "Content-Type": "application/json",
@@ -521,7 +521,7 @@ const xe = (t, s) => s ? s.split(".").reduce((a, o) => {
           p(`HTTP Error ${ne.status}: ${ne.statusText}`), m(!1);
           return;
         }
-        const Je = await ne.json(), Fe = st(Je), Z = j.responsePath ? xe(Fe, j.responsePath) : Fe;
+        const Je = await ne.json(), Fe = rt(Je), Z = j.responsePath ? xe(Fe, j.responsePath) : Fe;
         if (j.responseMapping && Array.isArray(Z)) {
           const { valueField: le = "value", labelField: Xe = "label" } = j.responseMapping, Ye = Z.map((ke) => ({
             label: String(xe(ke, Xe) || ""),
@@ -536,7 +536,7 @@ const xe = (t, s) => s ? s.split(".").reduce((a, o) => {
         const W = k instanceof Error ? k.message : S("renderer.defaultHttpInput.fetchFailed");
         p(W), console.error("HTTP Input fetch error:", k);
       } finally {
-        m(!1), P.current = null;
+        m(!1), z.current = null;
       }
     },
     [S]
@@ -544,13 +544,13 @@ const xe = (t, s) => s ? s.split(".").reduce((a, o) => {
   if (K(() => {
     J.current = y, X.current = A, te.current = b, ae.current = r, se.current = E;
   }, [y, A, b, r, E]), K(() => () => {
-    P.current && P.current.abort();
+    z.current && z.current.abort();
   }, []), K(() => {
     if (L.current)
       return;
     L.current = !0;
-    const D = J.current, O = X.current, j = se.current, T = D?.url && fe(D.url, O);
-    if (D?.fetchOnMount && T && j && (j(), D.url)) {
+    const D = J.current, O = X.current, j = se.current, P = D?.url && fe(D.url, O);
+    if (D?.fetchOnMount && P && j && (j(), D.url)) {
       const Y = be(D.url);
       G.current = Y.map((k) => `${k}:${String(O[k] ?? "")}`).join("|");
     }
@@ -580,10 +580,10 @@ const xe = (t, s) => s ? s.split(".").reduce((a, o) => {
           o || t.data.name,
           t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
         ] }),
-        /* @__PURE__ */ e.jsxs(ie, { open: $, onOpenChange: M, children: [
-          /* @__PURE__ */ e.jsx(de, { asChild: !0, children: /* @__PURE__ */ e.jsxs(ee, { variant: "outline", role: "combobox", "aria-expanded": $, className: "w-full justify-between", children: [
+        /* @__PURE__ */ e.jsxs(ie, { open: T, onOpenChange: M, children: [
+          /* @__PURE__ */ e.jsx(de, { asChild: !0, children: /* @__PURE__ */ e.jsxs(ee, { variant: "outline", role: "combobox", "aria-expanded": T, className: "w-full justify-between", children: [
             q,
-            /* @__PURE__ */ e.jsx(Pe, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+            /* @__PURE__ */ e.jsx(ze, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
           ] }) }),
           /* @__PURE__ */ e.jsx(ce, { className: "w-[300px] p-0", align: "start", children: /* @__PURE__ */ e.jsxs(Ne, { shouldFilter: !1, children: [
             /* @__PURE__ */ e.jsx(
@@ -612,7 +612,7 @@ const xe = (t, s) => s ? s.split(".").reduce((a, o) => {
                       r(B.value), M(!1);
                     },
                     children: [
-                      /* @__PURE__ */ e.jsx(Te, { className: h("mr-2 h-4 w-4", s === B.value ? "opacity-100" : "opacity-0") }),
+                      /* @__PURE__ */ e.jsx(Pe, { className: h("mr-2 h-4 w-4", s === B.value ? "opacity-100" : "opacity-0") }),
                       B.label
                     ]
                   },
@@ -626,10 +626,10 @@ const xe = (t, s) => s ? s.split(".").reduce((a, o) => {
         l && !a && /* @__PURE__ */ e.jsx(C, { children: l })
       ] });
     }
-    const j = d && y?.showLoading, T = U.filter((F) => {
+    const j = d && y?.showLoading, P = U.filter((F) => {
       const q = A[F];
       return q == null || q === "";
-    }), Y = T.map((F) => rt(F, b) || F), k = g.length === 0 && !j ? c || (T.length > 0 ? `${S("renderer.defaultHttpInput.waitingForRequiredFields")}: ${Y.join(", ")}` : S("renderer.defaultHttpInput.noDataAvailable")) : void 0, W = /* @__PURE__ */ e.jsxs(
+    }), Y = P.map((F) => nt(F, b) || F), k = g.length === 0 && !j ? c || (P.length > 0 ? `${S("renderer.defaultHttpInput.waitingForRequiredFields")}: ${Y.join(", ")}` : S("renderer.defaultHttpInput.noDataAvailable")) : void 0, W = /* @__PURE__ */ e.jsxs(
       Oe,
       {
         value: Array.isArray(s) ? s[0] ?? "" : s ?? "",
@@ -705,10 +705,10 @@ const xe = (t, s) => s ? s.split(".").reduce((a, o) => {
   a && /* @__PURE__ */ e.jsx(w, { children: a }),
   l && !a && /* @__PURE__ */ e.jsx(C, { children: l })
 ] });
-function $t({ className: t, ...s }) {
+function Tt({ className: t, ...s }) {
   return /* @__PURE__ */ e.jsx(je.Root, { "data-slot": "radio-group", className: h("grid gap-3", t), ...s });
 }
-function zt({ className: t, ...s }) {
+function $t({ className: t, ...s }) {
   return /* @__PURE__ */ e.jsx(
     je.Item,
     {
@@ -718,25 +718,25 @@ function zt({ className: t, ...s }) {
         t
       ),
       ...s,
-      children: /* @__PURE__ */ e.jsx(je.Indicator, { "data-slot": "radio-group-indicator", className: "relative flex items-center justify-center", children: /* @__PURE__ */ e.jsx(mt, { className: "-translate-x-1/2 -translate-y-1/2 absolute top-1/2 left-1/2 size-2 fill-primary" }) })
+      children: /* @__PURE__ */ e.jsx(je.Indicator, { "data-slot": "radio-group-indicator", className: "relative flex items-center justify-center", children: /* @__PURE__ */ e.jsx(ht, { className: "-translate-x-1/2 -translate-y-1/2 absolute top-1/2 left-1/2 size-2 fill-primary" }) })
     }
   );
 }
-const Pt = ({ node: t, value: s, setValue: r, error: a, label: o, helperText: i, id: l, name: u }) => {
+const zt = ({ node: t, value: s, setValue: r, error: a, label: o, helperText: i, id: l, name: u }) => {
   const n = R(), d = s ? String(s) : "";
   return /* @__PURE__ */ e.jsxs(N, { className: "mb-4", children: [
     /* @__PURE__ */ e.jsxs(v, { className: "mb-1", htmlFor: l, children: [
       o || t.data.name,
       t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
     ] }),
-    /* @__PURE__ */ e.jsx($t, { value: d, onValueChange: (m) => r(m), id: l, name: u, children: t.data.options?.map((m, c) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-      /* @__PURE__ */ e.jsx(zt, { value: String(m.value), id: `${l}-${m.value}`, disabled: m.disabled }),
+    /* @__PURE__ */ e.jsx(Tt, { value: d, onValueChange: (m) => r(m), id: l, name: u, children: t.data.options?.map((m, c) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
+      /* @__PURE__ */ e.jsx($t, { value: String(m.value), id: `${l}-${m.value}`, disabled: m.disabled }),
       /* @__PURE__ */ e.jsx(v, { htmlFor: `${l}-${m.value}`, className: "cursor-pointer font-normal text-sm", children: n(m.label) ? n(m.label) : m.value })
     ] }, m.value + c)) }),
     a && /* @__PURE__ */ e.jsx(w, { children: a }),
     i && !a && /* @__PURE__ */ e.jsx(C, { children: i })
   ] });
-}, Tt = ({ node: t, value: s, setValue: r, error: a, label: o, placeholder: i, helperText: l, name: u, id: n }) => {
+}, Pt = ({ node: t, value: s, setValue: r, error: a, label: o, placeholder: i, helperText: l, name: u, id: n }) => {
   const d = R(), m = s ? String(s) : "";
   return /* @__PURE__ */ e.jsxs(N, { className: "mb-4", children: [
     /* @__PURE__ */ e.jsxs(v, { htmlFor: n, children: [
@@ -750,7 +750,7 @@ const Pt = ({ node: t, value: s, setValue: r, error: a, label: o, helperText: i,
     a && /* @__PURE__ */ e.jsx(w, { children: a }),
     l && !a && /* @__PURE__ */ e.jsx(C, { children: l })
   ] });
-}, Ke = Ze(
+}, Ke = et(
   ({ label: t, id: s, disabled: r, onBlur: a, onClick: o, onFocus: i, onPointerDown: l, onPointerLeave: u, onPointerMove: n, ...d }, m) => {
     const c = R();
     return /* @__PURE__ */ e.jsx(
@@ -785,14 +785,14 @@ const Pt = ({ node: t, value: s, setValue: r, error: a, label: o, helperText: i,
     ] }) })
   ] }) }) : t;
 }, _t = ({ missingRequiredFields: t, isSubmitting: s, label: r }) => {
-  const a = nt(), o = a?.components?.submitButton, i = a?.components?.submitButtonWrapper, l = o || Ke, u = i || Qe;
+  const a = lt(), o = a?.components?.submitButton, i = a?.components?.submitButtonWrapper, l = o || Ke, u = i || Qe;
   return /* @__PURE__ */ e.jsx(u, { missingFields: t, children: /* @__PURE__ */ e.jsx(l, { label: r, disabled: s }) });
 }, Ot = ({ node: t, value: s, setValue: r, error: a, label: o, helperText: i, name: l, id: u }) => /* @__PURE__ */ e.jsxs(N, { className: "mb-4", children: [
   /* @__PURE__ */ e.jsxs(v, { htmlFor: u, children: [
     o || t.data.name,
     t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
   ] }),
-  /* @__PURE__ */ e.jsx(ht, { id: u, name: l, checked: s, onCheckedChange: r }),
+  /* @__PURE__ */ e.jsx(pt, { id: u, name: l, checked: s, onCheckedChange: r }),
   i && !a && /* @__PURE__ */ e.jsx(C, { children: i }),
   a && /* @__PURE__ */ e.jsx(w, { children: a })
 ] }), qt = ({ node: t, value: s, setValue: r, error: a, label: o, placeholder: i, helperText: l, name: u, id: n }) => /* @__PURE__ */ e.jsxs(N, { className: "mb-4", children: [
@@ -801,7 +801,7 @@ const Pt = ({ node: t, value: s, setValue: r, error: a, label: o, helperText: i,
     t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
   ] }),
   /* @__PURE__ */ e.jsx(
-    pt,
+    xt,
     {
       id: n,
       name: u,
@@ -898,8 +898,8 @@ const Pt = ({ node: t, value: s, setValue: r, error: a, label: o, helperText: i,
   http: kt,
   number: Rt,
   password: At,
-  radio: Pt,
-  select: Tt,
+  radio: zt,
+  select: Pt,
   submit: _t,
   switch: Ot,
   text: Bt,
@@ -914,7 +914,7 @@ const Pt = ({ node: t, value: s, setValue: r, error: a, label: o, helperText: i,
     /* @__PURE__ */ e.jsx(pe, { className: "my-8 flex-1" })
   ] }) : /* @__PURE__ */ e.jsx(pe, { className: "my-8" });
 }, Mt = ({ node: t }) => {
-  const { edges: s } = ve(), r = R(), a = lt(t.id, s);
+  const { edges: s } = ve(), r = R(), a = ot(t.id, s);
   return /* @__PURE__ */ e.jsx("h2", { className: h("mb-5 font-bold text-2xl", !a && "mt-10"), children: r(t.data?.label) });
 }, Gt = {
   divider: Et,
@@ -939,7 +939,7 @@ const Pt = ({ node: t, value: s, setValue: r, error: a, label: o, helperText: i,
     firstErrorFieldId: x,
     formErrors: f,
     formValues: I,
-    handleSubmit: $,
+    handleSubmit: T,
     inputNodes: M,
     isSubmitting: A,
     mergedFlow: b,
@@ -949,7 +949,7 @@ const Pt = ({ node: t, value: s, setValue: r, error: a, label: o, helperText: i,
     t: G,
     visibleNodes: J,
     visibleRootNodes: X
-  } = ot({
+  } = it({
     components: t,
     flows: r,
     googleApiKey: a,
@@ -960,7 +960,7 @@ const Pt = ({ node: t, value: s, setValue: r, error: a, label: o, helperText: i,
     theme: u,
     validate: n,
     validationMode: d
-  }), { FormWrapper: te, SubmitButton: ae, SubmitButtonWrapper: se, renderNode: P } = it({
+  }), { FormWrapper: te, SubmitButton: ae, SubmitButtonWrapper: se, renderNode: z } = dt({
     config: g,
     DefaultFormWrapper: gt,
     DefaultGroup: jt,
@@ -975,12 +975,12 @@ const Pt = ({ node: t, value: s, setValue: r, error: a, label: o, helperText: i,
     visibleNodes: J
   }), U = oe(
     async (H) => {
-      H.preventDefault(), !await $() && x && document.getElementById(x)?.focus();
+      H.preventDefault(), !await T() && x && document.getElementById(x)?.focus();
     },
-    [$, x]
+    [T, x]
   );
-  return /* @__PURE__ */ e.jsx("div", { className: h("treege", s), children: /* @__PURE__ */ e.jsx(xt, { theme: g.theme, storageKey: "treege-renderer-theme", children: /* @__PURE__ */ e.jsxs(
-    dt,
+  return /* @__PURE__ */ e.jsx("div", { className: h("treege", s), children: /* @__PURE__ */ e.jsx(Ze, { theme: g.theme, storageKey: "treege-renderer-theme", children: /* @__PURE__ */ e.jsxs(
+    ct,
     {
       value: {
         flows: b,
@@ -993,10 +993,10 @@ const Pt = ({ node: t, value: s, setValue: r, error: a, label: o, helperText: i,
       },
       children: [
         /* @__PURE__ */ e.jsxs(te, { onSubmit: U, children: [
-          X.map((H) => P(H)),
-          c && /* @__PURE__ */ e.jsx(se, { missingFields: S, children: /* @__PURE__ */ e.jsx(ae, { label: G("renderer.defaultSubmitButton.submit"), disabled: A }) })
+          X.map((H) => z(H)),
+          c && /* @__PURE__ */ e.jsx(se, { missingFields: S, children: /* @__PURE__ */ e.jsx(ae, { label: G("renderer.defaultSubmitButton.submit"), disabled: A }) }),
+          /* @__PURE__ */ e.jsx("p", { className: "py-2 text-muted-foreground text-xs", children: "Powered by Treege" })
         ] }),
-        /* @__PURE__ */ e.jsx("p", { className: "py-2 text-muted-foreground text-xs", children: "Powered by Treege" }),
         L && /* @__PURE__ */ e.jsx(
           "div",
           {
@@ -1033,8 +1033,8 @@ export {
   kt as h,
   Rt as i,
   At as j,
-  Pt as k,
-  Tt as l,
+  zt as k,
+  Pt as l,
   Ot as m,
   qt as n,
   Bt as o,

package/dist/editor.js

@@ -1,5 +1,5 @@
-import { T as o } from "./TreegeEditor-PuRxHufZ.js";
-import { T as m, u as s } from "./ThemeContext-Cc71SvqK.js";
+import { T as o } from "./TreegeEditor-Bi7GcSKl.js";
+import { T as m, u as s } from "./ThemeContext-BBEqRK_Q.js";
 export {
   m as ThemeProvider,
   o as TreegeEditor,

package/dist/main.js

@@ -1,58 +1,57 @@
-import { T as t } from "./TreegeEditor-PuRxHufZ.js";
-import { T as u, u as r } from "./ThemeContext-Cc71SvqK.js";
-import { T as o, l as i, n, j as p, k as f, e as d, b as T, f as D, c as I, d as m, g, h as c, i as F, m as R, o as x, p as b, s as N, u as S, a as h } from "./useRenderNode-B9cpomOv.js";
-import { d as w, g as z, b as C, c as k, i as H, a as A } from "./node-gfy3ym4p.js";
-import { a as U, b as j, c as y, d as E, e as G, f as V, D as q, g as B, h as J, i as K, j as L, k as M, l as O, m as Q, n as W, o as X, p as Y, q as Z, s as _, t as $, T as ee, r as ae, u as te } from "./TreegeRenderer-COBf5Nh3.js";
+import { T as t } from "./TreegeEditor-Bi7GcSKl.js";
+import { T as u, d as l, g as r, b as i, c as o, i as n, a as p, u as d } from "./ThemeContext-BBEqRK_Q.js";
+import { T, l as D, n as I, j as m, k as g, e as c, b as F, f as R, c as b, d as x, g as N, h as S, i as h, m as v, o as w, p as z, s as C, u as k, a as H } from "./useRenderNode-BACcrUML.js";
+import { a as P, b as U, c as j, d as y, e as E, f as G, D as V, g as q, h as B, i as J, j as K, k as L, l as M, m as O, n as Q, o as W, p as X, q as Y, s as Z, t as _, T as $, r as ee, u as ae } from "./TreegeRenderer-DbE0m_4e.js";
 export {
-  U as DefaultAddressInput,
-  j as DefaultAutocompleteInput,
-  y as DefaultCheckboxInput,
-  E as DefaultDateInput,
-  G as DefaultDateRangeInput,
-  V as DefaultFileInput,
-  q as DefaultGroup,
-  B as DefaultHiddenInput,
-  J as DefaultHttpInput,
-  K as DefaultNumberInput,
-  L as DefaultPasswordInput,
-  M as DefaultRadioInput,
-  O as DefaultSelectInput,
-  Q as DefaultSwitchInput,
-  W as DefaultTextAreaInput,
-  X as DefaultTextInput,
-  Y as DefaultTimeInput,
-  Z as DefaultTimeRangeInput,
-  _ as Divider,
+  P as DefaultAddressInput,
+  U as DefaultAutocompleteInput,
+  j as DefaultCheckboxInput,
+  y as DefaultDateInput,
+  E as DefaultDateRangeInput,
+  G as DefaultFileInput,
+  V as DefaultGroup,
+  q as DefaultHiddenInput,
+  B as DefaultHttpInput,
+  J as DefaultNumberInput,
+  K as DefaultPasswordInput,
+  L as DefaultRadioInput,
+  M as DefaultSelectInput,
+  O as DefaultSwitchInput,
+  Q as DefaultTextAreaInput,
+  W as DefaultTextInput,
+  X as DefaultTimeInput,
+  Y as DefaultTimeRangeInput,
+  Z as Divider,
   u as ThemeProvider,
-  $ as Title,
-  o as TreegeConfigProvider,
+  _ as Title,
+  T as TreegeConfigProvider,
   t as TreegeEditor,
-  ee as TreegeRenderer,
-  i as applyReferenceTransformation,
-  n as calculateReferenceFieldUpdates,
-  p as checkFormFieldHasValue,
-  f as convertFormValuesToNamedFormat,
-  ae as defaultInputRenderers,
-  te as defaultUI,
-  d as evaluateCondition,
-  T as evaluateConditions,
-  D as fileToSerializable,
-  I as filesToSerializable,
-  m as findStartNode,
-  g as getFlowRenderState,
-  w as getStaticTranslations,
-  z as getTranslatedText,
-  c as isFieldEmpty,
-  C as isFlowNode,
-  k as isGroupNode,
-  H as isInputNode,
-  F as isStartNode,
-  A as isUINode,
-  R as mergeFlows,
-  x as sanitize,
-  b as sanitizeHttpResponse,
-  N as serializableToFile,
-  r as useTheme,
-  S as useTreegeConfig,
-  h as useTreegeRenderer
+  $ as TreegeRenderer,
+  D as applyReferenceTransformation,
+  I as calculateReferenceFieldUpdates,
+  m as checkFormFieldHasValue,
+  g as convertFormValuesToNamedFormat,
+  ee as defaultInputRenderers,
+  ae as defaultUI,
+  c as evaluateCondition,
+  F as evaluateConditions,
+  R as fileToSerializable,
+  b as filesToSerializable,
+  x as findStartNode,
+  N as getFlowRenderState,
+  l as getStaticTranslations,
+  r as getTranslatedText,
+  S as isFieldEmpty,
+  i as isFlowNode,
+  o as isGroupNode,
+  n as isInputNode,
+  h as isStartNode,
+  p as isUINode,
+  v as mergeFlows,
+  w as sanitize,
+  z as sanitizeHttpResponse,
+  C as serializableToFile,
+  d as useTheme,
+  k as useTreegeConfig,
+  H as useTreegeRenderer
 };

package/dist/renderer/features/TreegeRenderer/native/TreegeRenderer.d.ts

@@ -4,10 +4,9 @@ import { TreegeRendererProps } from '../../../types/renderer';
  * Props for the TreegeRenderer component (React Native)
  * Same as TreegeRendererProps but:
  * - Omits className (not used in React Native)
- * - Omits theme (not used in React Native)
  * - Adds style and contentContainerStyle (React Native specific)
  */
-export type TreegeRendererNativeProps = Omit<TreegeRendererProps, "className" | "theme"> & {
+export type TreegeRendererNativeProps = Omit<TreegeRendererProps, "className"> & {
     /**
      * Style for the ScrollView container
      */
@@ -18,5 +17,5 @@ export type TreegeRendererNativeProps = Omit<TreegeRendererProps, "className" |
      */
     contentContainerStyle?: ViewStyle;
 };
-declare const TreegeRenderer: ({ components, contentContainerStyle, flows, googleApiKey, language, onChange, onSubmit, style, validate, validationMode, initialValues, }: TreegeRendererNativeProps) => import("react/jsx-runtime").JSX.Element;
+declare const TreegeRenderer: (props: TreegeRendererNativeProps) => import("react/jsx-runtime").JSX.Element;
 export default TreegeRenderer;