treege 3.0.0-beta.20 → 3.0.0-beta.21

package/dist/{TreegeRenderer--ZEq_w_0.js → TreegeRenderer-Ci_Ym86Y.js}

@@ -1,10 +1,10 @@
-import { j as t, i as G, L as ye, b as Qe, e as It, F as O, f as A, I as X, C as Ee, h as Oe, k as ke, l as _e, m as Pe, n as k, o as _, P as pe, p as he, B as ce, q as ge, r as Xe, s as y, t as Le, v as Be, S as Ye, w as Ze, x as et, y as tt, z as st, A as rt, D as At, E as Rt, G as Ne, g as ne, N as fe, a as Dt, c as Et, T as Ot } from "./ThemeContext-BIT4DHqC.js";
+import { j as t, i as G, L as ye, b as Qe, e as It, F as O, f as A, I as X, C as Ee, h as Oe, k as ke, l as _e, m as Pe, n as k, o as _, P as pe, p as he, B as ce, q as ge, r as Xe, s as y, t as Le, v as Be, S as Ye, w as Ze, x as et, y as tt, z as st, A as rt, D as At, E as Dt, G as Ne, g as ae, N as fe, a as Rt, c as Et, T as Ot } from "./ThemeContext-BIT4DHqC.js";
 import * as qe from "react";
 import { createContext as nt, useContext as at, useMemo as U, useRef as K, useState as L, useCallback as Q, useEffect as J, forwardRef as kt } from "react";
 import He from "dompurify";
-import { MapPin as Ue, ChevronsUpDown as ot, Check as it, ChevronLeftIcon as _t, ChevronRightIcon as Pt, ChevronDownIcon as $e, Loader2 as we, CircleIcon as $t } from "lucide-react";
-import { getDefaultClassNames as lt, DayPicker as Mt } from "react-day-picker";
-import * as ae from "@radix-ui/react-tooltip";
+import { MapPin as Ue, ChevronsUpDown as ot, Check as it, ChevronLeftIcon as _t, ChevronRightIcon as Pt, ChevronDownIcon as Me, Loader2 as we, CircleIcon as Mt } from "lucide-react";
+import { getDefaultClassNames as lt, DayPicker as $t } from "react-day-picker";
+import * as oe from "@radix-ui/react-tooltip";
 import * as Ae from "@radix-ui/react-radio-group";
 import "cmdk";
 import "@radix-ui/react-dialog";
@@ -97,7 +97,7 @@ const ct = nt(void 0), dt = () => at(ct), Zs = ({
       return !0;
   }
   return s;
-}, Lt = (e) => e.filter(G), Me = (e) => {
+}, Lt = (e) => e.filter(G), $e = (e) => {
   if (e.data.name)
     return e.data.name;
   if (e.data.label) {
@@ -110,7 +110,7 @@ const ct = nt(void 0), dt = () => at(ct), Zs = ({
   return e.id;
 }, Bt = (e, r) => {
   const n = r.find((s) => s.id === e);
-  return n ? Me(n) : void 0;
+  return n ? $e(n) : void 0;
 }, Se = (e) => e == null || typeof e == "string" && e.trim() === "" ? !0 : Array.isArray(e) && e.length === 0, qt = (e, r) => {
   if (!e)
     return !1;
@@ -119,7 +119,7 @@ const ct = nt(void 0), dt = () => at(ct), Zs = ({
 }, ze = (e, r) => {
   const n = {};
   return r.forEach((s) => {
-    const a = s.id, i = Me(s);
+    const a = s.id, i = $e(s);
     e[a] !== void 0 && (n[i] = e[a]);
   }), n;
 }, Ge = (e, r, n) => {
@@ -240,12 +240,12 @@ const ct = nt(void 0), dt = () => at(ct), Zs = ({
     if (!j)
       return;
     c.add(p), o.push(j);
-    const I = i.get(p) || [], { edgesToFollow: $, waitingForInput: R } = Wt(I, n, a);
-    if (R) {
+    const I = i.get(p) || [], { edgesToFollow: M, waitingForInput: D } = Wt(I, n, a);
+    if (D) {
       m = !0;
       return;
     }
-    $.forEach((w) => {
+    M.forEach((w) => {
       u(w.target);
     });
   };
@@ -316,7 +316,7 @@ const ct = nt(void 0), dt = () => at(ct), Zs = ({
         console.warn(`Flow with id "${p}" not found`);
         return;
       }
-      const I = j.nodes.find(($) => !$.parentId);
+      const I = j.nodes.find((M) => !M.parentId);
       if (!I) {
         console.warn(`Flow "${p}" has no root node; preserving FlowNode "${h.id}"`), g.push(h);
         return;
@@ -343,14 +343,14 @@ const ct = nt(void 0), dt = () => at(ct), Zs = ({
     const p = l.get(g), j = p ? s.get(p) : void 0;
     if (!j)
       return;
-    const I = new Set(j.nodes.map((w) => w.id)), $ = mt(
+    const I = new Set(j.nodes.map((w) => w.id)), M = mt(
       I,
       s,
       c,
       l,
       new Set(p ? [p] : [])
     );
-    Xt($, d).forEach((w) => {
+    Xt(M, d).forEach((w) => {
       h.forEach((x) => {
         const b = c.get(x.target) ?? x.target, v = x.id ?? `${g}__${x.target}`;
         d.push({
@@ -381,7 +381,7 @@ const ct = nt(void 0), dt = () => at(ct), Zs = ({
     ...r,
     edges: n
   };
-}, Zt = ["b", "i", "em", "strong", "u", "br", "p", "span"], es = ["class"], oe = (e, r = {}) => {
+}, Zt = ["b", "i", "em", "strong", "u", "br", "p", "span"], es = ["class"], te = (e, r = {}) => {
   if (e == null || e === "")
     return "";
   const n = String(e), { plainTextOnly: s = !0, allowedTags: a, allowedAttributes: i } = r;
@@ -410,22 +410,22 @@ const ct = nt(void 0), dt = () => at(ct), Zs = ({
     RETURN_DOM_FRAGMENT: !1
     // Return string, not DOM fragment
   });
-}, Je = 100, Re = (e, r = {}, n = 0, s = /* @__PURE__ */ new WeakSet()) => {
+}, Je = 100, De = (e, r = {}, n = 0, s = /* @__PURE__ */ new WeakSet()) => {
   if (n > Je)
-    return console.warn(`sanitizeHttpResponse: Maximum depth (${Je}) exceeded. Returning data as-is to prevent stack overflow.`), e;
+    return console.warn(`sanitizeHttpResponse: Maximum depth (${Je}) exceeded.`), typeof e == "string" ? te(e, r) : "[Max Depth Exceeded]";
   if (e == null)
     return e;
   if (typeof e == "string")
-    return oe(e, r);
+    return te(e, r);
   if (Array.isArray(e))
-    return e.map((a) => Re(a, r, n + 1, s));
+    return e.map((a) => De(a, r, n + 1, s));
   if (typeof e == "object") {
     if (s.has(e))
       return console.warn("sanitizeHttpResponse: Circular reference detected. Breaking cycle to prevent infinite recursion."), "[Circular Reference]";
     s.add(e);
     const a = {};
     for (const [i, o] of Object.entries(e))
-      a[i] = Re(o, r, n + 1, s);
+      a[i] = De(o, r, n + 1, s);
     return s.delete(e), a;
   }
   return e;
@@ -434,7 +434,7 @@ const ct = nt(void 0), dt = () => at(ct), Zs = ({
   return U(
     () => (a) => {
       const i = s(a);
-      return typeof a == "object" && a !== null ? oe(i) : i;
+      return typeof a == "object" && a !== null ? te(i) : i;
     },
     [s]
   );
@@ -476,7 +476,7 @@ const ct = nt(void 0), dt = () => at(ct), Zs = ({
         delete v[F];
       }), v;
     }));
-  }, []), $ = Q(
+  }, []), M = Q(
     (x) => {
       const b = {};
       h.forEach((P) => {
@@ -505,7 +505,7 @@ const ct = nt(void 0), dt = () => at(ct), Zs = ({
       };
     },
     [h, d, c]
-  ), R = U(() => {
+  ), D = U(() => {
     const x = [];
     return h.forEach((b) => {
       if (!G(b))
@@ -523,13 +523,13 @@ const ct = nt(void 0), dt = () => at(ct), Zs = ({
     formValues: d,
     inputNodes: o,
     mergedFlow: s,
-    missingRequiredFields: R,
+    missingRequiredFields: D,
     prevFormValuesRef: l,
     setFieldValue: j,
     setFormErrors: u,
     setMultipleFieldValues: I,
     t: c,
-    validateForm: $,
+    validateForm: M,
     visibleNodes: h,
     visibleRootNodes: p
   };
@@ -578,7 +578,7 @@ const ct = nt(void 0), dt = () => at(ct), Zs = ({
     );
   });
 }), os = ({ node: e, value: r, setValue: n, error: s, label: a, placeholder: i, helperText: o, id: c, name: l }) => {
-  const [m, u] = L(""), [d, f] = L([]), [g, h] = L(!1), { googleApiKey: p, language: j } = xe(), I = B(), $ = Q(
+  const [m, u] = L(""), [d, f] = L([]), [g, h] = L(!1), { googleApiKey: p, language: j } = xe(), I = B(), M = Q(
     (w) => {
       n(w.value), u(w.value), h(!1);
     },
@@ -595,7 +595,7 @@ const ct = nt(void 0), dt = () => at(ct), Zs = ({
     }, 300);
     return () => clearTimeout(w);
   }, [m, p, j]);
-  const R = Q(
+  const D = Q(
     (w) => {
       n(w), u(w), w.length >= 3 && h(!0);
     },
@@ -616,7 +616,7 @@ const ct = nt(void 0), dt = () => at(ct), Zs = ({
             id: c,
             name: l,
             value: r || "",
-            onChange: (w) => R(w.target.value),
+            onChange: (w) => D(w.target.value),
             onFocus: () => {
               d.length > 0 && h(!0);
             },
@@ -632,7 +632,7 @@ const ct = nt(void 0), dt = () => at(ct), Zs = ({
             Pe,
             {
               value: w.value,
-              onSelect: () => $(w),
+              onSelect: () => M(w),
               onMouseDown: (b) => b.preventDefault(),
               children: [
                 /* @__PURE__ */ t.jsx(Ue, { className: "mr-2 h-4 w-4" }),
@@ -768,7 +768,7 @@ function ht({
 }) {
   const l = lt();
   return /* @__PURE__ */ t.jsx(
-    Mt,
+    $t,
     {
       showOutsideDays: n,
       className: y(
@@ -829,7 +829,7 @@ function ht({
         ...r
       },
       components: {
-        Chevron: ({ className: m, orientation: u, ...d }) => u === "left" ? /* @__PURE__ */ t.jsx(_t, { className: y("size-4", m), ...d }) : u === "right" ? /* @__PURE__ */ t.jsx(Pt, { className: y("size-4", m), ...d }) : /* @__PURE__ */ t.jsx($e, { className: y("size-4", m), ...d }),
+        Chevron: ({ className: m, orientation: u, ...d }) => u === "left" ? /* @__PURE__ */ t.jsx(_t, { className: y("size-4", m), ...d }) : u === "right" ? /* @__PURE__ */ t.jsx(Pt, { className: y("size-4", m), ...d }) : /* @__PURE__ */ t.jsx(Me, { className: y("size-4", m), ...d }),
         DayButton: cs,
         Root: ({ className: m, rootRef: u, ...d }) => /* @__PURE__ */ t.jsx("div", { "data-slot": "calendar", ref: u, className: y(m), ...d }),
         WeekNumber: ({ children: m, ...u }) => /* @__PURE__ */ t.jsx("td", { ...u, children: /* @__PURE__ */ t.jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: m }) }),
@@ -879,7 +879,7 @@ const ds = ({ node: e, value: r, setValue: n, error: s, label: a, placeholder: i
     /* @__PURE__ */ t.jsxs(pe, { open: m, onOpenChange: u, children: [
       /* @__PURE__ */ t.jsx(he, { asChild: !0, children: /* @__PURE__ */ t.jsxs(ce, { variant: "outline", id: c, name: l, className: "w-full justify-between font-normal", children: [
         f ? f.toLocaleDateString() : i || d("renderer.defaultInputs.selectDate"),
-        /* @__PURE__ */ t.jsx($e, { className: "size-4" })
+        /* @__PURE__ */ t.jsx(Me, { className: "size-4" })
       ] }) }),
       /* @__PURE__ */ t.jsx(ge, { className: "w-auto overflow-hidden p-0", align: "start", children: /* @__PURE__ */ t.jsx(
         ht,
@@ -915,7 +915,7 @@ const ds = ({ node: e, value: r, setValue: n, error: s, label: a, placeholder: i
     /* @__PURE__ */ t.jsxs(pe, { open: c, onOpenChange: l, children: [
       /* @__PURE__ */ t.jsx(he, { asChild: !0, children: /* @__PURE__ */ t.jsxs(ce, { id: o, variant: "outline", className: "w-full justify-between font-normal", children: [
         h(),
-        /* @__PURE__ */ t.jsx($e, { className: "size-4" })
+        /* @__PURE__ */ t.jsx(Me, { className: "size-4" })
       ] }) }),
       /* @__PURE__ */ t.jsx(ge, { className: "w-auto overflow-hidden p-0", align: "start", children: /* @__PURE__ */ t.jsx(
         ht,
@@ -981,17 +981,17 @@ const ds = ({ node: e, value: r, setValue: n, error: s, label: a, placeholder: i
   ] });
 }, ps = ({ value: e, name: r, id: n }) => /* @__PURE__ */ t.jsx(X, { type: "hidden", id: n, name: r, value: e ?? "" });
 function Ve({ delayDuration: e = 0, ...r }) {
-  return /* @__PURE__ */ t.jsx(ae.Provider, { "data-slot": "tooltip-provider", delayDuration: e, ...r });
+  return /* @__PURE__ */ t.jsx(oe.Provider, { "data-slot": "tooltip-provider", delayDuration: e, ...r });
 }
 function xt({ ...e }) {
-  return /* @__PURE__ */ t.jsx(Ve, { children: /* @__PURE__ */ t.jsx(ae.Root, { "data-slot": "tooltip", ...e }) });
+  return /* @__PURE__ */ t.jsx(Ve, { children: /* @__PURE__ */ t.jsx(oe.Root, { "data-slot": "tooltip", ...e }) });
 }
 function bt({ ...e }) {
-  return /* @__PURE__ */ t.jsx(ae.Trigger, { "data-slot": "tooltip-trigger", ...e });
+  return /* @__PURE__ */ t.jsx(oe.Trigger, { "data-slot": "tooltip-trigger", ...e });
 }
 function jt({ className: e, sideOffset: r = 0, children: n, ...s }) {
-  return /* @__PURE__ */ t.jsx(ae.Portal, { children: /* @__PURE__ */ t.jsxs(
-    ae.Content,
+  return /* @__PURE__ */ t.jsx(oe.Portal, { children: /* @__PURE__ */ t.jsxs(
+    oe.Content,
     {
       "data-slot": "tooltip-content",
       sideOffset: r,
@@ -1002,7 +1002,7 @@ function jt({ className: e, sideOffset: r = 0, children: n, ...s }) {
       ...s,
       children: [
         n,
-        /* @__PURE__ */ t.jsx(ae.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" })
+        /* @__PURE__ */ t.jsx(oe.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" })
       ]
     }
   ) });
@@ -1016,17 +1016,17 @@ const Fe = (e, r) => r ? r.split(".").reduce((s, a) => {
     return Array.isArray(l) ? l[Number.parseInt(c, 10)] : l;
   }
   return s[a];
-}, e) : e, De = (e) => {
+}, e) : e, Re = (e) => {
   const r = e.matchAll(/{{([\w-]+)}}/g);
   return Array.from(r, (n) => n[1]);
-}, Ce = (e, r) => De(e).every((s) => {
+}, Ce = (e, r) => Re(e).every((s) => {
   const a = r[s];
   return a != null && a !== "";
 }), Te = (e, r, n = !1) => e.replace(/{{([\w-]+)}}/g, (s, a) => {
   const i = String(r[a] || "");
   return n ? encodeURIComponent(i) : i;
 }), hs = ({ node: e, value: r, setValue: n, error: s, label: a, placeholder: i, helperText: o, id: c, name: l }) => {
-  const [m, u] = L(!1), [d, f] = L(null), [g, h] = L([]), [p, j] = L(""), [I, $] = L(!1), { formValues: R, inputNodes: w } = xe(), x = B(), { httpConfig: b } = e.data, v = K(!1), F = K(""), P = K(b), q = K(R), ee = K(w), Y = K(n), de = K(null), te = U(() => b?.url ? De(b.url) : [], [b?.url]), se = te.length > 0, ie = U(() => te.map((C) => `${C}:${String(R[C] ?? "")}`).join("|"), [te, R]), le = U(() => b?.url ? se ? Ce(b.url, R) : !0 : !1, [b?.url, se, R]), W = Q(
+  const [m, u] = L(!1), [d, f] = L(null), [g, h] = L([]), [p, j] = L(""), [I, M] = L(!1), { formValues: D, inputNodes: w } = xe(), x = B(), { httpConfig: b } = e.data, v = K(!1), F = K(""), P = K(b), q = K(D), ee = K(w), Y = K(n), de = K(null), se = U(() => b?.url ? Re(b.url) : [], [b?.url]), re = se.length > 0, ie = U(() => se.map((C) => `${C}:${String(D[C] ?? "")}`).join("|"), [se, D]), le = U(() => b?.url ? re ? Ce(b.url, D) : !0 : !1, [b?.url, re, D]), W = Q(
     async (C) => {
       const T = P.current, V = q.current, N = Y.current;
       if (!T?.url) {
@@ -1036,11 +1036,11 @@ const Fe = (e, r) => r ? r.split(".").reduce((s, a) => {
       if (!(T.url && !Ce(T.url, V))) {
         u(!0), f(null);
         try {
-          const M = Te(T.url, V, !0), D = T.searchParam && C ? `${M}${M.includes("?") ? "&" : "?"}${T.searchParam}=${encodeURIComponent(C)}` : M, E = {};
-          T.headers?.forEach((re) => {
-            E[re.key] = Te(re.value, V);
+          const $ = Te(T.url, V, !0), R = T.searchParam && C ? `${$}${$.includes("?") ? "&" : "?"}${T.searchParam}=${encodeURIComponent(C)}` : $, E = {};
+          T.headers?.forEach((ne) => {
+            E[ne.key] = Te(ne.value, V);
           });
-          const S = ["POST", "PUT", "PATCH"].includes(T.method || "") ? T.sendFormData ? JSON.stringify(ze(V, ee.current)) : T.body ? Te(T.body, V) : void 0 : void 0, z = await fetch(D, {
+          const S = ["POST", "PUT", "PATCH"].includes(T.method || "") ? T.sendFormData ? JSON.stringify(ze(V, ee.current)) : T.body ? Te(T.body, V) : void 0 : void 0, z = await fetch(R, {
             body: S || void 0,
             headers: {
               "Content-Type": "application/json",
@@ -1052,18 +1052,18 @@ const Fe = (e, r) => r ? r.split(".").reduce((s, a) => {
             f(`HTTP Error ${z.status}: ${z.statusText}`), u(!1);
             return;
           }
-          const H = await z.json(), ue = Re(H), Z = T.responsePath ? Fe(ue, T.responsePath) : ue;
+          const H = await z.json(), ue = De(H), Z = T.responsePath ? Fe(ue, T.responsePath) : ue;
           if (T.responseMapping && Array.isArray(Z)) {
-            const { valueField: re = "value", labelField: be = "label" } = T.responseMapping, je = Z.map((me) => ({
+            const { valueField: ne = "value", labelField: be = "label" } = T.responseMapping, je = Z.map((me) => ({
               label: String(Fe(me, be) || ""),
-              value: String(Fe(me, re) || "")
+              value: String(Fe(me, ne) || "")
             }));
             h(je);
           } else
             N(typeof Z == "string" ? Z : JSON.stringify(Z));
-        } catch (M) {
-          const D = M instanceof Error ? M.message : x("renderer.defaultHttpInput.fetchFailed");
-          f(D), console.error("HTTP Input fetch error:", M);
+        } catch ($) {
+          const R = $ instanceof Error ? $.message : x("renderer.defaultHttpInput.fetchFailed");
+          f(R), console.error("HTTP Input fetch error:", $);
         } finally {
           u(!1);
         }
@@ -1072,24 +1072,24 @@ const Fe = (e, r) => r ? r.split(".").reduce((s, a) => {
     [x]
   );
   if (J(() => {
-    P.current = b, q.current = R, ee.current = w, Y.current = n, de.current = W;
-  }, [b, R, w, n, W]), J(() => {
+    P.current = b, q.current = D, ee.current = w, Y.current = n, de.current = W;
+  }, [b, D, w, n, W]), J(() => {
     if (v.current)
       return;
     v.current = !0;
     const C = P.current, T = q.current, V = de.current, N = C?.url && Ce(C.url, T);
     if (C?.fetchOnMount && N && V && (V(), C.url)) {
-      const M = De(C.url);
-      F.current = M.map((D) => `${D}:${String(T[D] ?? "")}`).join("|");
+      const $ = Re(C.url);
+      F.current = $.map((R) => `${R}:${String(T[R] ?? "")}`).join("|");
     }
   }, []), J(() => {
-    if (!v.current || !se || F.current === ie || !le)
+    if (!v.current || !re || F.current === ie || !le)
       return;
     const C = setTimeout(() => {
       W(), F.current = ie;
     }, 500);
     return () => clearTimeout(C);
-  }, [ie, se, le, W]), J(() => {
+  }, [ie, re, le, W]), J(() => {
     if (!(b?.searchParam && p))
       return;
     const C = setTimeout(() => {
@@ -1108,7 +1108,7 @@ const Fe = (e, r) => r ? r.split(".").reduce((s, a) => {
           a || e.data.name,
           e.data.required && /* @__PURE__ */ t.jsx("span", { className: "text-red-500", children: "*" })
         ] }),
-        /* @__PURE__ */ t.jsxs(pe, { open: I, onOpenChange: $, children: [
+        /* @__PURE__ */ t.jsxs(pe, { open: I, onOpenChange: M, children: [
           /* @__PURE__ */ t.jsx(he, { asChild: !0, children: /* @__PURE__ */ t.jsxs(ce, { variant: "outline", role: "combobox", "aria-expanded": I, className: "w-full justify-between", children: [
             z,
             /* @__PURE__ */ t.jsx(ot, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
@@ -1137,7 +1137,7 @@ const Fe = (e, r) => r ? r.split(".").reduce((s, a) => {
                   {
                     value: H.value,
                     onSelect: () => {
-                      n(H.value), $(!1);
+                      n(H.value), M(!1);
                     },
                     children: [
                       /* @__PURE__ */ t.jsx(it, { className: y("mr-2 h-4 w-4", r === H.value ? "opacity-100" : "opacity-0") }),
@@ -1154,10 +1154,10 @@ const Fe = (e, r) => r ? r.split(".").reduce((s, a) => {
         o && !s && /* @__PURE__ */ t.jsx(_, { children: o })
       ] });
     }
-    const V = m && b?.showLoading, N = te.filter((S) => {
-      const z = R[S];
+    const V = m && b?.showLoading, N = se.filter((S) => {
+      const z = D[S];
       return z == null || z === "";
-    }), M = N.map((S) => Bt(S, w) || S), D = g.length === 0 && !V ? d || (N.length > 0 ? `${x("renderer.defaultHttpInput.waitingForRequiredFields")}: ${M.join(", ")}` : x("renderer.defaultHttpInput.noDataAvailable")) : void 0, E = /* @__PURE__ */ t.jsxs(
+    }), $ = N.map((S) => Bt(S, w) || S), R = g.length === 0 && !V ? d || (N.length > 0 ? `${x("renderer.defaultHttpInput.waitingForRequiredFields")}: ${$.join(", ")}` : x("renderer.defaultHttpInput.noDataAvailable")) : void 0, E = /* @__PURE__ */ t.jsxs(
       Ye,
       {
         value: Array.isArray(r) ? r[0] ?? "" : r ?? "",
@@ -1178,9 +1178,9 @@ const Fe = (e, r) => r ? r.split(".").reduce((s, a) => {
         a || e.data.name,
         e.data.required && /* @__PURE__ */ t.jsx("span", { className: "text-red-500", children: "*" })
       ] }),
-      D ? /* @__PURE__ */ t.jsx(Ve, { children: /* @__PURE__ */ t.jsxs(xt, { children: [
+      R ? /* @__PURE__ */ t.jsx(Ve, { children: /* @__PURE__ */ t.jsxs(xt, { children: [
         /* @__PURE__ */ t.jsx(bt, { asChild: !0, children: /* @__PURE__ */ t.jsx("div", { className: "w-full", children: E }) }),
-        /* @__PURE__ */ t.jsx(jt, { children: /* @__PURE__ */ t.jsx("p", { children: D }) })
+        /* @__PURE__ */ t.jsx(jt, { children: /* @__PURE__ */ t.jsx("p", { children: R }) })
       ] }) }) : E,
       s && /* @__PURE__ */ t.jsx(k, { children: s }),
       o && !s && /* @__PURE__ */ t.jsx(_, { children: o })
@@ -1246,7 +1246,7 @@ function js({ className: e, ...r }) {
         e
       ),
       ...r,
-      children: /* @__PURE__ */ t.jsx(Ae.Indicator, { "data-slot": "radio-group-indicator", className: "relative flex items-center justify-center", children: /* @__PURE__ */ t.jsx($t, { className: "-translate-x-1/2 -translate-y-1/2 absolute top-1/2 left-1/2 size-2 fill-primary" }) })
+      children: /* @__PURE__ */ t.jsx(Ae.Indicator, { "data-slot": "radio-group-indicator", className: "relative flex items-center justify-center", children: /* @__PURE__ */ t.jsx(Mt, { className: "-translate-x-1/2 -translate-y-1/2 absolute top-1/2 left-1/2 size-2 fill-primary" }) })
     }
   );
 }
@@ -1329,7 +1329,7 @@ const ys = ({ node: e, value: r, setValue: n, error: s, label: a, helperText: i,
     e.data.required && /* @__PURE__ */ t.jsx("span", { className: "text-red-500", children: "*" })
   ] }),
   /* @__PURE__ */ t.jsx(
-    Rt,
+    Dt,
     {
       id: l,
       name: c,
@@ -1441,12 +1441,12 @@ const ys = ({ node: e, value: r, setValue: n, error: s, label: a, helperText: i,
     /* @__PURE__ */ t.jsx("h4", { className: "font-semibold text-sm", children: n }),
     /* @__PURE__ */ t.jsx(Ne, { className: "my-8 flex-1" })
   ] }) : /* @__PURE__ */ t.jsx(Ne, { className: "my-8" });
-}, Rs = ({ node: e }) => {
+}, Ds = ({ node: e }) => {
   const { edges: r } = xe(), n = B(), s = ut(e.id, r);
   return /* @__PURE__ */ t.jsx("h2", { className: y("mb-5 font-bold text-2xl", !s && "mt-10"), children: n(e.data?.label) });
-}, Ds = {
+}, Rs = {
   divider: As,
-  title: Rs
+  title: Ds
 }, Es = async (e) => {
   try {
     const { url: r, method: n = "GET", headers: s = [], body: a } = e;
@@ -1494,7 +1494,7 @@ const ys = ({ node: e, value: r, setValue: n, error: s, label: a, helperText: i,
     const c = r[o.trim()];
     if (c == null)
       return a ? "null" : "";
-    const l = typeof c == "string" ? oe(c) : c;
+    const l = typeof c == "string" ? te(c) : c;
     if (s)
       return encodeURIComponent(String(l));
     if (a) {
@@ -1556,7 +1556,7 @@ const ys = ({ node: e, value: r, setValue: n, error: s, label: a, helperText: i,
   if (!e)
     return;
   e.startsWith("http://") || e.startsWith("https://") ? window.location.href = e : window.history?.pushState ? (window.history.pushState({}, "", e), window.dispatchEvent(new PopStateEvent("popstate"))) : window.location.href = e;
-}, $s = (e, r, n, s) => {
+}, Ms = (e, r, n, s) => {
   const [a, i] = L(!1), [o, c] = L(null), l = U(() => {
     const d = e.find((f) => G(f) && f.data?.type === "submit");
     return d && G(d) ? d : null;
@@ -1571,18 +1571,18 @@ const ys = ({ node: e, value: r, setValue: n, error: s, label: a, helperText: i,
       try {
         const g = await _s(f, r, s);
         if (g.success) {
-          const h = ne(f.successMessage, n);
+          const h = ae(f.successMessage, n);
           if (h && c({ message: h, type: "success" }), d && d(g.data), g.redirectUrl) {
             const p = g.redirectUrl;
             setTimeout(() => Ps(p), 1e3);
           }
         } else {
-          const h = ne(f.errorMessage, n) || g.error || "An error occurred during submission";
+          const h = ae(f.errorMessage, n) || g.error || "An error occurred during submission";
           c({ message: h, type: "error" });
         }
         return g;
       } catch (g) {
-        const h = ne(f.errorMessage, n) || (g instanceof Error ? g.message : "An unexpected error occurred");
+        const h = ae(f.errorMessage, n) || (g instanceof Error ? g.message : "An unexpected error occurred");
         return c({ message: h, type: "error" }), {
           error: h,
           success: !1
@@ -1635,24 +1635,24 @@ const ys = ({ node: e, value: r, setValue: n, error: s, label: a, helperText: i,
     formValues: p,
     inputNodes: j,
     missingRequiredFields: I,
-    prevFormValuesRef: $,
-    visibleNodes: R,
+    prevFormValuesRef: M,
+    visibleNodes: D,
     visibleRootNodes: w,
     setFieldValue: x,
     setMultipleFieldValues: b,
     validateForm: v,
     t: F
-  } = ts(r, m, d.language), { handleSubmitWithConfig: P, hasSubmitConfig: q, isSubmitting: ee, submitMessage: Y, clearSubmitMessage: de } = $s(
-    R,
+  } = ts(r, m, d.language), { handleSubmitWithConfig: P, hasSubmitConfig: q, isSubmitting: ee, submitMessage: Y, clearSubmitMessage: de } = Ms(
+    D,
     p,
     d.language,
     j
-  ), te = d.components.form || ss, se = d.components.submitButton || yt, ie = d.components.submitButtonWrapper || Nt, le = K(a), W = K(c), C = U(() => ze(p, j), [p, j]), T = Q(
+  ), se = d.components.form || ss, re = d.components.submitButton || yt, ie = d.components.submitButtonWrapper || Nt, le = K(a), W = K(c), C = U(() => ze(p, j), [p, j]), T = Q(
     async (N) => {
       N.preventDefault();
-      const { isValid: M, errors: D } = v(W.current);
-      if (!M) {
-        const E = Object.keys(D)[0];
+      const { isValid: $, errors: R } = v(W.current);
+      if (!$) {
+        const E = Object.keys(R)[0];
         E && document.getElementById(E)?.focus();
         return;
       }
@@ -1671,18 +1671,18 @@ const ys = ({ node: e, value: r, setValue: n, error: s, label: a, helperText: i,
     [v, q, P, i, C]
   ), V = Q(
     (N) => {
-      const { type: M } = N;
-      switch (M) {
+      const { type: $ } = N;
+      switch ($) {
         case fe.input: {
           if (!G(N))
             return null;
-          const D = N.data, E = D.type || "text", S = d.components.inputs?.[E], z = Is[E], H = S || z, ue = (Tt) => x(Z, Tt), Z = N.id, re = p[Z], be = h[Z], je = ne(D.label, d.language), me = ne(D.placeholder, d.language), wt = ne(D.helperText, d.language), vt = Me(N), St = oe(je), Ft = oe(me), Ct = oe(wt);
+          const R = N.data, E = R.type || "text", S = d.components.inputs?.[E], z = Is[E], H = S || z, ue = (Tt) => x(Z, Tt), Z = N.id, ne = p[Z], be = h[Z], je = ae(R.label, d.language), me = ae(R.placeholder, d.language), wt = ae(R.helperText, d.language), vt = $e(N), St = te(je), Ft = te(me), Ct = te(wt);
           return /* @__PURE__ */ t.jsx(
             H,
             {
               id: N.id,
               node: N,
-              value: re,
+              value: ne,
               error: be,
               label: St,
               placeholder: Ft,
@@ -1697,22 +1697,22 @@ const ys = ({ node: e, value: r, setValue: n, error: s, label: a, helperText: i,
         case fe.group: {
           if (!Et(N))
             return null;
-          const D = d.components.group || rs, E = R.filter((S) => S.parentId === N.id);
-          return /* @__PURE__ */ t.jsx(D, { node: N, children: E.map((S) => V(S)) }, N.id);
+          const R = d.components.group || rs, E = D.filter((S) => S.parentId === N.id);
+          return /* @__PURE__ */ t.jsx(R, { node: N, children: E.map((S) => V(S)) }, N.id);
         }
         case fe.ui: {
-          if (!Dt(N))
+          if (!Rt(N))
             return null;
-          const E = N.data.type || "title", S = d.components.ui?.[E], z = Ds[E], H = S || z;
+          const E = N.data.type || "title", S = d.components.ui?.[E], z = Rs[E], H = S || z;
           return /* @__PURE__ */ t.jsx(H, { node: N }, N.id);
         }
         case fe.flow:
           return null;
         default:
-          return console.warn("Unknown node type:", M), null;
+          return console.warn("Unknown node type:", $), null;
       }
     },
-    [d.components, d.language, R, p, h, x, I]
+    [d.components, d.language, D, p, h, x, I]
   );
   return J(() => {
     le.current = a;
@@ -1723,9 +1723,9 @@ const ys = ({ node: e, value: r, setValue: n, error: s, label: a, helperText: i,
   }, [C]), J(() => {
     d.validationMode === "onChange" && v(W.current);
   }, [d.validationMode, v]), J(() => {
-    const N = Ht(j, p, $.current);
-    Object.keys(N).length > 0 && b(N), $.current = p;
-  }, [p, j, b, $]), /* @__PURE__ */ t.jsx(Ot, { theme: d.theme, storageKey: "treege-renderer-theme", children: /* @__PURE__ */ t.jsxs(
+    const N = Ht(j, p, M.current);
+    Object.keys(N).length > 0 && b(N), M.current = p;
+  }, [p, j, b, M]), /* @__PURE__ */ t.jsx(Ot, { theme: d.theme, storageKey: "treege-renderer-theme", children: /* @__PURE__ */ t.jsxs(
     Yt,
     {
       value: {
@@ -1738,9 +1738,9 @@ const ys = ({ node: e, value: r, setValue: n, error: s, label: a, helperText: i,
         setFieldValue: x
       },
       children: [
-        /* @__PURE__ */ t.jsxs(te, { onSubmit: T, children: [
+        /* @__PURE__ */ t.jsxs(se, { onSubmit: T, children: [
           w.map((N) => V(N)),
-          f && /* @__PURE__ */ t.jsx(ie, { missingFields: I, children: /* @__PURE__ */ t.jsx(se, { label: F("renderer.defaultSubmitButton.submit"), disabled: ee }) })
+          f && /* @__PURE__ */ t.jsx(ie, { missingFields: I, children: /* @__PURE__ */ t.jsx(re, { label: F("renderer.defaultSubmitButton.submit"), disabled: ee }) })
         ] }),
         /* @__PURE__ */ t.jsx("p", { className: "py-2 text-muted-foreground text-xs", children: "Powered by Treege" }),
         Y && /* @__PURE__ */ t.jsx(
@@ -1780,8 +1780,8 @@ export {
   ze as K,
   Ge as L,
   Ht as M,
-  oe as N,
-  Re as O,
+  te as N,
+  De as O,
   Zs as T,
   ts as a,
   tr as b,
@@ -1805,8 +1805,8 @@ export {
   Is as t,
   dt as u,
   As as v,
-  Rs as w,
-  Ds as x,
+  Ds as w,
+  Rs as x,
   ve as y,
   Vt as z
 };

package/dist/main.js

@@ -1,6 +1,6 @@
 import { T as t } from "./TreegeEditor-LKN_xeXZ.js";
 import { T as u, d as l, g as r, b as i, c as n, i as o, a as d, u as p } from "./ThemeContext-BIT4DHqC.js";
-import { c as T, d as D, e as I, f as m, g, h as c, D as F, i as R, j as N, k as x, l as S, m as b, n as v, o as h, p as w, q as z, r as C, s as H, v as A, w as k, T as y, b as E, L as G, M as P, J as U, K as V, t as j, x as q, y as B, z as J, A as K, C as L, F as M, G as O, I as Q, E as W, H as X, N as Y, O as Z, B as _, u as $, a as ee } from "./TreegeRenderer--ZEq_w_0.js";
+import { c as T, d as D, e as I, f as m, g, h as c, D as F, i as R, j as N, k as x, l as S, m as b, n as v, o as h, p as w, q as z, r as C, s as H, v as A, w as k, T as y, b as E, L as G, M as P, J as U, K as V, t as j, x as q, y as B, z as J, A as K, C as L, F as M, G as O, I as Q, E as W, H as X, N as Y, O as Z, B as _, u as $, a as ee } from "./TreegeRenderer-Ci_Ym86Y.js";
 export {
   T as DefaultAddressInput,
   D as DefaultAutocompleteInput,

package/dist/renderer.js

@@ -1,4 +1,4 @@
-import { c as t, d as s, e as u, f as l, g as n, h as r, D as i, i as o, j as f, k as p, l as d, m as D, n as I, o as T, p as m, q as g, r as c, s as F, v as R, w as v, T as x, b as S, L as b, M as h, J as z, K as C, t as w, x as H, y as N, z as A, A as k, C as y, F as P, G as E, I as G, E as U, H as V, N as j, O as q, B, u as J, a as K } from "./TreegeRenderer--ZEq_w_0.js";
+import { c as t, d as s, e as u, f as l, g as n, h as r, D as i, i as o, j as f, k as p, l as d, m as D, n as I, o as T, p as m, q as g, r as c, s as F, v as R, w as v, T as x, b as S, L as b, M as h, J as z, K as C, t as w, x as H, y as N, z as A, A as k, C as y, F as P, G as E, I as G, E as U, H as V, N as j, O as q, B, u as J, a as K } from "./TreegeRenderer-Ci_Ym86Y.js";
 import { T as M, g as O, u as Q } from "./ThemeContext-BIT4DHqC.js";
 export {
   t as DefaultAddressInput,

package/package.json

@@ -2,7 +2,7 @@
   "name": "treege",
   "description": "Powerful form generator",
   "license": "ISC",
-  "version": "3.0.0-beta.20",
+  "version": "3.0.0-beta.21",
   "type": "module",
   "types": "./dist/main.d.ts",
   "module": "./dist/main.js",