treege 3.0.0-beta.18 → 3.0.0-beta.19

package/dist/{TreegeRenderer-CjLeK7_j.js → TreegeRenderer-ClfGb4Mq.js}

@@ -1,8 +1,8 @@
-import { j as t, i as W, L as be, b as He, e as Nt, F as E, f as T, I as X, C as Re, h as ke, k as Ae, l as De, m as Ee, n as O, o as P, P as me, p as fe, B as le, q as pe, r as Ge, s as j, t as Ve, v as Me, S as We, w as Ke, x as Je, y as Qe, z as Xe, A as Ye, D as vt, E as wt, G as je, g as ne, N as ue, a as St, c as Ft, T as Ct } from "./ThemeContext-zQO8nZ9d.js";
+import { j as t, i as W, L as be, b as Ue, e as Nt, F as E, f as D, I as X, C as De, h as Re, k as ke, l as Ae, m as Ee, n as O, o as P, P as me, p as fe, B as le, q as pe, r as Ge, s as y, t as Ve, v as Me, S as We, w as Ke, x as Je, y as Qe, z as Xe, A as Ye, D as wt, E as vt, G as je, g as ne, N as ue, a as St, c as Ft, T as Ct } from "./ThemeContext-CQoWKClD.js";
 import * as ze from "react";
 import { createContext as Ze, useContext as et, useMemo as G, useRef as K, useState as B, useCallback as Q, useEffect as J, forwardRef as It } from "react";
-import { MapPin as Be, ChevronsUpDown as tt, Check as st, ChevronLeftIcon as Tt, ChevronRightIcon as Rt, ChevronDownIcon as Oe, Loader2 as ye, CircleIcon as kt } from "lucide-react";
-import { getDefaultClassNames as rt, DayPicker as At } from "react-day-picker";
+import { MapPin as Be, ChevronsUpDown as tt, Check as st, ChevronLeftIcon as Tt, ChevronRightIcon as Dt, ChevronDownIcon as Oe, Loader2 as ye, CircleIcon as Rt } from "lucide-react";
+import { getDefaultClassNames as rt, DayPicker as kt } from "react-day-picker";
 import * as ae from "@radix-ui/react-tooltip";
 import * as Ie from "@radix-ui/react-radio-group";
 import "cmdk";
@@ -31,7 +31,7 @@ const nt = Ze(void 0), at = () => et(nt), Ls = ({
     validationMode: i
   };
   return /* @__PURE__ */ t.jsx(nt.Provider, { value: a, children: e });
-}, qe = (e) => e == null ? null : typeof e == "boolean" || typeof e == "number" ? e : typeof e == "string" ? e === "" ? null : e : typeof e == "object" ? JSON.stringify(e) : String(e), Dt = (e, r, n) => {
+}, qe = (e) => e == null ? null : typeof e == "boolean" || typeof e == "number" ? e : typeof e == "string" ? e === "" ? null : e : typeof e == "object" ? JSON.stringify(e) : String(e), At = (e, r, n) => {
   const s = qe(e), o = qe(r);
   if (s === null || o === null)
     switch (n) {
@@ -80,7 +80,7 @@ const nt = Ze(void 0), at = () => et(nt), Ls = ({
     const l = n.get(s);
     l && W(l) && (a = r[l.id]);
   }
-  return Dt(a, i, o);
+  return At(a, i, o);
 }, Et = (e, r, n) => {
   if (!e || e.length === 0)
     return !0;
@@ -110,7 +110,7 @@ const nt = Ze(void 0), at = () => et(nt), Ls = ({
 }, Pt = (e, r) => {
   const n = r.find((s) => s.id === e);
   return n ? Pe(n) : void 0;
-}, ve = (e) => e == null || typeof e == "string" && e.trim() === "" ? !0 : Array.isArray(e) && e.length === 0, $t = (e, r) => {
+}, we = (e) => e == null || typeof e == "string" && e.trim() === "" ? !0 : Array.isArray(e) && e.length === 0, $t = (e, r) => {
   if (!e)
     return !1;
   const n = r[e];
@@ -153,7 +153,7 @@ const nt = Ze(void 0), at = () => et(nt), Ls = ({
     default:
       return e;
   }
-}, Ue = (e, r) => {
+}, He = (e, r) => {
   if (Object.is(e, r))
     return !0;
   if (!(e && r) || typeof e != "object" || typeof r != "object")
@@ -172,8 +172,8 @@ const nt = Ze(void 0), at = () => et(nt), Ls = ({
     const a = o.id, { referenceField: l, transformFunction: c, objectMapping: m } = i, u = r[l], d = n[l];
     if (u === d || u === void 0 || u === null)
       return;
-    const f = Le(u, c, m), h = Le(d, c, m), g = r[a], p = Ue(g, h), y = Ue(g, f);
-    !p || y || (s[a] = f);
+    const f = Le(u, c, m), g = Le(d, c, m), h = r[a], p = He(h, g), j = He(h, f);
+    !p || j || (s[a] = f);
   }), s;
 }, Vt = (e) => {
   const r = /* @__PURE__ */ new Map();
@@ -195,8 +195,8 @@ const nt = Ze(void 0), at = () => et(nt), Ls = ({
     return u ? u.every((d) => {
       if (!d.field)
         return !0;
-      const f = n.get(d.field), h = W(f) ? f.id : d.field;
-      return $t(h, r);
+      const f = n.get(d.field), g = W(f) ? f.id : d.field;
+      return $t(g, r);
     }) : !1;
   }))
     return i.length > 0 && a.push(...i), { edgesToFollow: a, waitingForInput: a.length === 0 };
@@ -235,28 +235,28 @@ const nt = Ze(void 0), at = () => et(nt), Ls = ({
     if (c.has(p))
       return;
     c.add(p);
-    const y = o.get(p);
-    if (!y)
+    const j = o.get(p);
+    if (!j)
       return;
-    l.add(p), a.push(y);
-    const R = i.get(p) || [], { edgesToFollow: _, waitingForInput: k } = Mt(R, n, o);
-    if (k) {
+    l.add(p), a.push(j);
+    const T = i.get(p) || [], { edgesToFollow: _, waitingForInput: R } = Mt(T, n, o);
+    if (R) {
       m = !0;
       return;
     }
-    _.forEach((v) => {
-      u(v.target);
+    _.forEach((w) => {
+      u(w.target);
     });
   };
   u(s.id);
-  const d = new Map(a.map((p, y) => [p.id, y])), f = new Set(l);
+  const d = new Map(a.map((p, j) => [p.id, j])), f = new Set(l);
   Bt(l, f, d, o);
-  const h = e.filter((p) => f.has(p.id)).sort((p, y) => (d.get(p.id) ?? Number.MAX_SAFE_INTEGER) - (d.get(y.id) ?? Number.MAX_SAFE_INTEGER)), g = h.filter((p) => !(p.parentId && f.has(p.parentId)));
+  const g = e.filter((p) => f.has(p.id)).sort((p, j) => (d.get(p.id) ?? Number.MAX_SAFE_INTEGER) - (d.get(j.id) ?? Number.MAX_SAFE_INTEGER)), h = g.filter((p) => !(p.parentId && f.has(p.parentId)));
   return {
     endOfPathReached: !m,
     visibleNodeIds: f,
-    visibleNodes: h,
-    visibleRootNodes: g
+    visibleNodes: g,
+    visibleRootNodes: h
   };
 }, Lt = (e) => {
   if (e.length === 1)
@@ -264,7 +264,7 @@ const nt = Ze(void 0), at = () => et(nt), Ls = ({
   const r = new Set(e.map((s) => s.id)), n = /* @__PURE__ */ new Set();
   return e.forEach((s) => {
     s.nodes.forEach((o) => {
-      if (He(o)) {
+      if (Ue(o)) {
         const i = o.data.targetId;
         i && r.has(i) && n.add(i);
       }
@@ -286,7 +286,7 @@ const nt = Ze(void 0), at = () => et(nt), Ls = ({
     } else
       i.add(a);
   return i;
-}, Ut = (e, r) => {
+}, Ht = (e, r) => {
   const n = /* @__PURE__ */ new Set();
   return r.forEach((s) => {
     e.has(s.source) && e.has(s.target) && n.add(s.source);
@@ -301,61 +301,61 @@ const nt = Ze(void 0), at = () => et(nt), Ls = ({
   if (r.length === 1)
     return n;
   const s = new Map(r.map((f) => [f.id, f])), o = [], i = [...n.edges], a = /* @__PURE__ */ new Set([n.id]), l = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Map(), u = (f) => {
-    const h = [];
-    return f.forEach((g) => {
-      if (!He(g)) {
-        h.push(g);
+    const g = [];
+    return f.forEach((h) => {
+      if (!Ue(h)) {
+        g.push(h);
         return;
       }
-      const p = g.data.targetId;
+      const p = h.data.targetId;
       if (!p)
         return;
-      const y = s.get(p);
-      if (!y) {
+      const j = s.get(p);
+      if (!j) {
         console.warn(`Flow with id "${p}" not found`);
         return;
       }
-      const R = y.nodes.find((_) => !_.parentId);
-      if (!R) {
-        console.warn(`Flow "${p}" has no root node; preserving FlowNode "${g.id}"`), h.push(g);
+      const T = j.nodes.find((_) => !_.parentId);
+      if (!T) {
+        console.warn(`Flow "${p}" has no root node; preserving FlowNode "${h.id}"`), g.push(h);
         return;
       }
-      l.set(g.id, R.id), c.set(g.id, p), a.has(p) || (a.add(p), i.push(...y.edges), h.push(...u(y.nodes)));
-    }), h;
+      l.set(h.id, T.id), c.set(h.id, p), a.has(p) || (a.add(p), i.push(...j.edges), g.push(...u(j.nodes)));
+    }), g;
   };
   o.push(...u(n.nodes)), i.forEach((f) => {
     if (l.has(f.source)) {
-      const h = m.get(f.source);
-      h ? h.push(f) : m.set(f.source, [f]);
+      const g = m.get(f.source);
+      g ? g.push(f) : m.set(f.source, [f]);
     }
   });
   const d = i.map((f) => {
     if (l.has(f.source))
       return null;
-    const h = l.get(f.target);
-    return h ? { ...f, target: h } : f;
+    const g = l.get(f.target);
+    return g ? { ...f, target: g } : f;
   }).filter((f) => f !== null);
-  return l.forEach((f, h) => {
-    const g = m.get(h);
-    if (!g?.length)
+  return l.forEach((f, g) => {
+    const h = m.get(g);
+    if (!h?.length)
       return;
-    const p = c.get(h), y = p ? s.get(p) : void 0;
-    if (!y)
+    const p = c.get(g), j = p ? s.get(p) : void 0;
+    if (!j)
       return;
-    const R = new Set(y.nodes.map((v) => v.id)), _ = it(
-      R,
+    const T = new Set(j.nodes.map((w) => w.id)), _ = it(
+      T,
       s,
       l,
       c,
       new Set(p ? [p] : [])
     );
-    Ut(_, d).forEach((v) => {
-      g.forEach((x) => {
-        const b = l.get(x.target) ?? x.target, w = x.id ?? `${h}__${x.target}`;
+    Ht(_, d).forEach((w) => {
+      h.forEach((x) => {
+        const b = l.get(x.target) ?? x.target, v = x.id ?? `${g}__${x.target}`;
         d.push({
           ...x,
-          id: `${v}__${w}`,
-          source: v,
+          id: `${w}__${v}`,
+          source: w,
           target: b
         });
       });
@@ -365,7 +365,7 @@ const nt = Ze(void 0), at = () => et(nt), Ls = ({
     id: n.id,
     nodes: o
   };
-}, ct = Ze(null), Ht = ({ children: e, value: r }) => /* @__PURE__ */ t.jsx(ct.Provider, { value: r, children: e }), he = () => {
+}, ct = Ze(null), Ut = ({ children: e, value: r }) => /* @__PURE__ */ t.jsx(ct.Provider, { value: r, children: e }), he = () => {
   const r = et(ct) ?? {
     flows: null,
     formErrors: {},
@@ -388,50 +388,50 @@ const nt = Ze(void 0), at = () => et(nt), Ls = ({
     const x = { ...r };
     return o.forEach((b) => {
       if (W(b)) {
-        const w = b.id;
-        if (x[w] !== void 0)
+        const v = b.id;
+        if (x[v] !== void 0)
           return;
         const { defaultValue: F } = b.data;
         if (!F)
           return;
-        if (F.type === "static" && F.staticValue !== void 0 && (x[w] = F.staticValue), F.type === "reference" && F.referenceField) {
+        if (F.type === "static" && F.staticValue !== void 0 && (x[v] = F.staticValue), F.type === "reference" && F.referenceField) {
           const { referenceField: $ } = F, L = x[$];
-          L !== void 0 && (x[w] = L);
+          L !== void 0 && (x[v] = L);
         }
       }
     }), x;
-  }), { endOfPathReached: h, visibleNodes: g, visibleRootNodes: p } = G(
+  }), { endOfPathReached: g, visibleNodes: h, visibleRootNodes: p } = G(
     () => qt(o, i, d),
     [o, i, d]
-  ), y = Q((x, b) => {
-    f((w) => ({
-      ...w,
+  ), j = Q((x, b) => {
+    f((v) => ({
+      ...v,
       [x]: b
-    })), u((w) => {
-      const F = { ...w };
+    })), u((v) => {
+      const F = { ...v };
       return delete F[x], F;
     });
-  }, []), R = Q((x) => {
+  }, []), T = Q((x) => {
     Object.keys(x).length !== 0 && (f((b) => ({
       ...b,
       ...x
     })), u((b) => {
-      const w = { ...b };
+      const v = { ...b };
       return Object.keys(x).forEach((F) => {
-        delete w[F];
-      }), w;
+        delete v[F];
+      }), v;
     }));
   }, []), _ = Q(
     (x) => {
       const b = {};
-      g.forEach(($) => {
+      h.forEach(($) => {
         if (W($)) {
           const L = $.id, ee = d[L];
-          if ($.data.required && ve(ee)) {
+          if ($.data.required && we(ee)) {
             b[L] = l($.data.errorMessage) || l("validation.required");
             return;
           }
-          if (!ve(ee) && $.data.pattern)
+          if (!we(ee) && $.data.pattern)
             try {
               new RegExp($.data.pattern).test(String(ee)) || (b[L] = l($.data.errorMessage) || l("validation.invalidFormat"));
             } catch (Y) {
@@ -439,49 +439,49 @@ const nt = Ze(void 0), at = () => et(nt), Ls = ({
             }
         }
       });
-      const w = x ? x(d, g) : {}, F = {
+      const v = x ? x(d, h) : {}, F = {
         ...b,
-        ...w
+        ...v
       };
       return u(F), {
         errors: F,
-        hasCustomErrors: Object.keys(w).length > 0,
+        hasCustomErrors: Object.keys(v).length > 0,
         isValid: Object.keys(F).length === 0
       };
     },
-    [g, d, l]
-  ), k = G(() => {
+    [h, d, l]
+  ), R = G(() => {
     const x = [];
-    return g.forEach((b) => {
+    return h.forEach((b) => {
       if (!W(b))
         return;
-      const w = b.id, F = d[w];
-      if (b.data.required && ve(F)) {
-        const $ = l(b.data.label) || w;
+      const v = b.id, F = d[v];
+      if (b.data.required && we(F)) {
+        const $ = l(b.data.label) || v;
         x.push($);
       }
     }), x;
-  }, [g, d, l]);
+  }, [h, d, l]);
   return {
-    canSubmit: !G(() => g.some((x) => W(x) && x.data.type === "submit"), [g]) && h && o.length > 0,
+    canSubmit: !G(() => h.some((x) => W(x) && x.data.type === "submit"), [h]) && g && o.length > 0,
     formErrors: m,
     formValues: d,
     inputNodes: a,
     mergedFlow: s,
-    missingRequiredFields: k,
+    missingRequiredFields: R,
     prevFormValuesRef: c,
-    setFieldValue: y,
+    setFieldValue: j,
     setFormErrors: u,
-    setMultipleFieldValues: R,
+    setMultipleFieldValues: T,
     t: l,
     validateForm: _,
-    visibleNodes: g,
+    visibleNodes: h,
     visibleRootNodes: p
   };
 }, Wt = ({ children: e, onSubmit: r }) => /* @__PURE__ */ t.jsx("form", { onSubmit: r, className: "mx-auto max-w-2xl gap-y-3", children: e }), Kt = ({ node: e, children: r }) => {
   const n = q();
   return /* @__PURE__ */ t.jsxs("section", { className: "mb-6 rounded-lg border p-4", children: [
-    e.data.label && /* @__PURE__ */ t.jsx("h3", { className: "text-lg font-semibold mb-4", children: n(e.data.label) }),
+    e.data.label && /* @__PURE__ */ t.jsx("h3", { className: "mb-4 font-semibold text-lg", children: n(e.data.label) }),
     r
   ] });
 }, Jt = async (e, r) => {
@@ -523,9 +523,9 @@ const nt = Ze(void 0), at = () => et(nt), Ls = ({
     );
   });
 }), Xt = ({ node: e, value: r, setValue: n, error: s, label: o, placeholder: i, helperText: a, id: l, name: c }) => {
-  const [m, u] = B(""), [d, f] = B([]), [h, g] = B(!1), { googleApiKey: p, language: y } = he(), R = q(), _ = Q(
-    (v) => {
-      n(v.value), u(v.value), g(!1);
+  const [m, u] = B(""), [d, f] = B([]), [g, h] = B(!1), { googleApiKey: p, language: j } = he(), T = q(), _ = Q(
+    (w) => {
+      n(w.value), u(w.value), h(!1);
     },
     [n]
   );
@@ -534,22 +534,22 @@ const nt = Ze(void 0), at = () => et(nt), Ls = ({
       f([]);
       return;
     }
-    const v = setTimeout(async () => {
-      const x = p ? await Qt(m) : await Jt(m, y);
+    const w = setTimeout(async () => {
+      const x = p ? await Qt(m) : await Jt(m, j);
       f(x);
     }, 300);
-    return () => clearTimeout(v);
-  }, [m, p, y]);
-  const k = Q(
-    (v) => {
-      n(v), u(v), v.length >= 3 && g(!0);
+    return () => clearTimeout(w);
+  }, [m, p, j]);
+  const R = Q(
+    (w) => {
+      n(w), u(w), w.length >= 3 && h(!0);
     },
     [n]
   );
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     p && /* @__PURE__ */ t.jsx("script", { async: !0, src: `https://maps.googleapis.com/maps/api/js?key=${p}&libraries=places` }),
     /* @__PURE__ */ t.jsxs(E, { className: "mb-4", children: [
-      /* @__PURE__ */ t.jsxs(T, { htmlFor: l, children: [
+      /* @__PURE__ */ t.jsxs(D, { htmlFor: l, children: [
         o || e.data.name,
         e.data.required && /* @__PURE__ */ t.jsx("span", { className: "text-red-500", children: "*" })
       ] }),
@@ -561,27 +561,27 @@ const nt = Ze(void 0), at = () => et(nt), Ls = ({
             id: l,
             name: c,
             value: r || "",
-            onChange: (v) => k(v.target.value),
+            onChange: (w) => R(w.target.value),
             onFocus: () => {
-              d.length > 0 && g(!0);
+              d.length > 0 && h(!0);
             },
-            placeholder: i || R("renderer.defaultAddressInput.enterAddress"),
+            placeholder: i || T("renderer.defaultAddressInput.enterAddress"),
             className: "pr-10",
             autoComplete: "off"
           }
         ),
         /* @__PURE__ */ t.jsx(Be, { className: "-translate-y-1/2 pointer-events-none absolute top-1/2 right-3 h-4 w-4 text-muted-foreground" }),
-        h && /* @__PURE__ */ t.jsx("div", { className: "absolute z-50 mt-1 w-full rounded-md border bg-popover shadow-md", children: /* @__PURE__ */ t.jsx(Re, { children: /* @__PURE__ */ t.jsxs(ke, { children: [
-          /* @__PURE__ */ t.jsx(Ae, { children: R("renderer.defaultAddressInput.noAddressesFound") }),
-          /* @__PURE__ */ t.jsx(De, { children: d.map((v, x) => /* @__PURE__ */ t.jsxs(
+        g && /* @__PURE__ */ t.jsx("div", { className: "absolute z-50 mt-1 w-full rounded-md border bg-popover shadow-md", children: /* @__PURE__ */ t.jsx(De, { children: /* @__PURE__ */ t.jsxs(Re, { children: [
+          /* @__PURE__ */ t.jsx(ke, { children: T("renderer.defaultAddressInput.noAddressesFound") }),
+          /* @__PURE__ */ t.jsx(Ae, { children: d.map((w, x) => /* @__PURE__ */ t.jsxs(
             Ee,
             {
-              value: v.value,
-              onSelect: () => _(v),
+              value: w.value,
+              onSelect: () => _(w),
               onMouseDown: (b) => b.preventDefault(),
               children: [
                 /* @__PURE__ */ t.jsx(Be, { className: "mr-2 h-4 w-4" }),
-                v.label
+                w.label
               ]
             },
             x
@@ -602,9 +602,9 @@ const nt = Ze(void 0), at = () => et(nt), Ls = ({
   helperText: a,
   id: l
 }) => {
-  const c = q(), [m, u] = B(!1), d = `${l}-trigger`, f = `${l}-error`, h = e.data.options || [], g = h.find((p) => p.value === r);
+  const c = q(), [m, u] = B(!1), d = `${l}-trigger`, f = `${l}-error`, g = e.data.options || [], h = g.find((p) => p.value === r);
   return /* @__PURE__ */ t.jsxs(E, { className: "mb-4", children: [
-    /* @__PURE__ */ t.jsxs(T, { htmlFor: d, children: [
+    /* @__PURE__ */ t.jsxs(D, { htmlFor: d, children: [
       o || e.data.name,
       e.data.required && /* @__PURE__ */ t.jsx("span", { className: "text-red-500", children: "*" })
     ] }),
@@ -620,25 +620,25 @@ const nt = Ze(void 0), at = () => et(nt), Ls = ({
           "aria-describedby": s ? f : void 0,
           className: "w-full justify-between font-normal",
           children: [
-            r ? g?.label ? c(g.label) : r : i || c("renderer.defaultAutocompleteInput.selectOption"),
+            r ? h?.label ? c(h.label) : r : i || c("renderer.defaultAutocompleteInput.selectOption"),
             /* @__PURE__ */ t.jsx(tt, { className: "ml-2 size-4 shrink-0 opacity-50" })
           ]
         }
       ) }),
-      /* @__PURE__ */ t.jsx(pe, { className: "w-full p-0", align: "start", children: /* @__PURE__ */ t.jsxs(Re, { children: [
+      /* @__PURE__ */ t.jsx(pe, { className: "w-full p-0", align: "start", children: /* @__PURE__ */ t.jsxs(De, { children: [
         /* @__PURE__ */ t.jsx(Ge, { placeholder: i || c("renderer.defaultAutocompleteInput.search") }),
-        /* @__PURE__ */ t.jsxs(ke, { children: [
-          /* @__PURE__ */ t.jsx(Ae, { children: c("renderer.defaultAutocompleteInput.noResults") }),
-          /* @__PURE__ */ t.jsx(De, { children: h.map((p) => /* @__PURE__ */ t.jsxs(
+        /* @__PURE__ */ t.jsxs(Re, { children: [
+          /* @__PURE__ */ t.jsx(ke, { children: c("renderer.defaultAutocompleteInput.noResults") }),
+          /* @__PURE__ */ t.jsx(Ae, { children: g.map((p) => /* @__PURE__ */ t.jsxs(
             Ee,
             {
               value: p.value,
               disabled: p.disabled,
-              onSelect: (y) => {
-                n(y === r ? "" : y), u(!1);
+              onSelect: (j) => {
+                n(j === r ? "" : j), u(!1);
               },
               children: [
-                /* @__PURE__ */ t.jsx(st, { className: j("mr-2 size-4", r === p.value ? "opacity-100" : "opacity-0") }),
+                /* @__PURE__ */ t.jsx(st, { className: y("mr-2 size-4", r === p.value ? "opacity-100" : "opacity-0") }),
                 c(p.label)
               ]
             },
@@ -654,11 +654,11 @@ const nt = Ze(void 0), at = () => et(nt), Ls = ({
   const c = q();
   if (e.data.options && e.data.options.length > 0) {
     const m = Array.isArray(r) ? r.map(String) : [], u = (d, f) => {
-      const h = f ? [...m, d] : m.filter((g) => g !== d);
-      n(h);
+      const g = f ? [...m, d] : m.filter((h) => h !== d);
+      n(g);
     };
     return /* @__PURE__ */ t.jsxs(E, { className: "mb-4", children: [
-      /* @__PURE__ */ t.jsxs(T, { className: "mb-1", children: [
+      /* @__PURE__ */ t.jsxs(D, { className: "mb-1", children: [
         o || e.data.name,
         e.data.required && /* @__PURE__ */ t.jsx("span", { className: "text-red-500", children: "*" })
       ] }),
@@ -669,11 +669,11 @@ const nt = Ze(void 0), at = () => et(nt), Ls = ({
             id: `${a}-${d.value}`,
             name: l,
             checked: m.includes(String(d.value)),
-            onCheckedChange: (h) => u(String(d.value), !!h),
+            onCheckedChange: (g) => u(String(d.value), !!g),
             disabled: d.disabled
           }
         ),
-        /* @__PURE__ */ t.jsx(T, { htmlFor: `${a}-${d.value}`, className: "cursor-pointer font-normal text-sm", children: c(d.label) ? c(d.label) : d.value })
+        /* @__PURE__ */ t.jsx(D, { htmlFor: `${a}-${d.value}`, className: "cursor-pointer font-normal text-sm", children: c(d.label) ? c(d.label) : d.value })
       ] }, d.value + f)) }),
       s && /* @__PURE__ */ t.jsx(O, { children: s }),
       i && !s && /* @__PURE__ */ t.jsx(P, { children: i })
@@ -691,7 +691,7 @@ const nt = Ze(void 0), at = () => et(nt), Ls = ({
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { children: [
-        /* @__PURE__ */ t.jsxs(T, { htmlFor: a, className: "cursor-pointer font-medium text-sm", children: [
+        /* @__PURE__ */ t.jsxs(D, { htmlFor: a, className: "cursor-pointer font-medium text-sm", children: [
           o || e.data.name,
           e.data.required && /* @__PURE__ */ t.jsx("span", { className: "text-red-500", children: "*" })
         ] }),
@@ -713,10 +713,10 @@ function dt({
 }) {
   const c = rt();
   return /* @__PURE__ */ t.jsx(
-    At,
+    kt,
     {
       showOutsideDays: n,
-      className: j(
+      className: y(
         "group/calendar bg-background p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
         String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
         String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
@@ -728,55 +728,55 @@ function dt({
         ...i
       },
       classNames: {
-        button_next: j(
+        button_next: y(
           Me({ variant: o }),
           "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
           c.button_next
         ),
-        button_previous: j(
+        button_previous: y(
           Me({ variant: o }),
           "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
           c.button_previous
         ),
-        caption_label: j(
+        caption_label: y(
           "select-none font-medium",
           s === "label" ? "text-sm" : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5",
           c.caption_label
         ),
-        day: j(
+        day: y(
           "relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none",
           c.day
         ),
-        disabled: j("text-muted-foreground opacity-50", c.disabled),
-        dropdown: j("absolute bg-popover inset-0 opacity-0", c.dropdown),
-        dropdown_root: j(
+        disabled: y("text-muted-foreground opacity-50", c.disabled),
+        dropdown: y("absolute bg-popover inset-0 opacity-0", c.dropdown),
+        dropdown_root: y(
           "relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md",
           c.dropdown_root
         ),
-        dropdowns: j("w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5", c.dropdowns),
-        hidden: j("invisible", c.hidden),
-        month: j("flex flex-col w-full gap-4", c.month),
-        month_caption: j("flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)", c.month_caption),
-        months: j("flex gap-4 flex-col md:flex-row relative", c.months),
-        nav: j("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between", c.nav),
-        outside: j("text-muted-foreground aria-selected:text-muted-foreground", c.outside),
-        range_end: j("rounded-r-md bg-accent", c.range_end),
-        range_middle: j("rounded-none", c.range_middle),
-        range_start: j("rounded-l-md bg-accent", c.range_start),
-        root: j("w-fit", c.root),
+        dropdowns: y("w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5", c.dropdowns),
+        hidden: y("invisible", c.hidden),
+        month: y("flex flex-col w-full gap-4", c.month),
+        month_caption: y("flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)", c.month_caption),
+        months: y("flex gap-4 flex-col md:flex-row relative", c.months),
+        nav: y("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between", c.nav),
+        outside: y("text-muted-foreground aria-selected:text-muted-foreground", c.outside),
+        range_end: y("rounded-r-md bg-accent", c.range_end),
+        range_middle: y("rounded-none", c.range_middle),
+        range_start: y("rounded-l-md bg-accent", c.range_start),
+        root: y("w-fit", c.root),
         table: "w-full border-collapse",
-        today: j("bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none", c.today),
-        week: j("flex w-full mt-2", c.week),
-        week_number: j("text-[0.8rem] select-none text-muted-foreground", c.week_number),
-        week_number_header: j("select-none w-(--cell-size)", c.week_number_header),
-        weekday: j("text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none", c.weekday),
-        weekdays: j("flex", c.weekdays),
+        today: y("bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none", c.today),
+        week: y("flex w-full mt-2", c.week),
+        week_number: y("text-[0.8rem] select-none text-muted-foreground", c.week_number),
+        week_number_header: y("select-none w-(--cell-size)", c.week_number_header),
+        weekday: y("text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none", c.weekday),
+        weekdays: y("flex", c.weekdays),
         ...r
       },
       components: {
-        Chevron: ({ className: m, orientation: u, ...d }) => u === "left" ? /* @__PURE__ */ t.jsx(Tt, { className: j("size-4", m), ...d }) : u === "right" ? /* @__PURE__ */ t.jsx(Rt, { className: j("size-4", m), ...d }) : /* @__PURE__ */ t.jsx(Oe, { className: j("size-4", m), ...d }),
+        Chevron: ({ className: m, orientation: u, ...d }) => u === "left" ? /* @__PURE__ */ t.jsx(Tt, { className: y("size-4", m), ...d }) : u === "right" ? /* @__PURE__ */ t.jsx(Dt, { className: y("size-4", m), ...d }) : /* @__PURE__ */ t.jsx(Oe, { className: y("size-4", m), ...d }),
         DayButton: es,
-        Root: ({ className: m, rootRef: u, ...d }) => /* @__PURE__ */ t.jsx("div", { "data-slot": "calendar", ref: u, className: j(m), ...d }),
+        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 }) }),
         ...a
       },
@@ -799,7 +799,7 @@ function es({ className: e, day: r, modifiers: n, ...s }) {
       "data-range-start": n.range_start,
       "data-range-end": n.range_end,
       "data-range-middle": n.range_middle,
-      className: j(
+      className: y(
         "flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-start=true]:rounded-l-md data-[range-end=true]:bg-primary data-[range-middle=true]:bg-accent data-[range-start=true]:bg-primary data-[selected-single=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:text-accent-foreground data-[range-start=true]:text-primary-foreground data-[selected-single=true]:text-primary-foreground group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground [&>span]:text-xs [&>span]:opacity-70",
         o.day,
         e
@@ -809,9 +809,15 @@ function es({ className: e, day: r, modifiers: n, ...s }) {
   );
 }
 const ts = ({ node: e, value: r, setValue: n, error: s, label: o, placeholder: i, helperText: a, id: l, name: c }) => {
-  const [m, u] = B(!1), d = q(), f = r ? new Date(r) : void 0;
+  const [m, u] = B(!1), d = q(), f = r ? new Date(r) : void 0, g = (h) => {
+    if (e.data.disablePast) {
+      const p = /* @__PURE__ */ new Date();
+      return p.setHours(0, 0, 0, 0), h < p;
+    }
+    return !1;
+  };
   return /* @__PURE__ */ t.jsxs(E, { className: "mb-4", children: [
-    /* @__PURE__ */ t.jsxs(T, { htmlFor: l, children: [
+    /* @__PURE__ */ t.jsxs(D, { htmlFor: l, children: [
       o || e.data.name,
       e.data.required && /* @__PURE__ */ t.jsx("span", { className: "text-red-500", children: "*" })
     ] }),
@@ -826,6 +832,7 @@ const ts = ({ node: e, value: r, setValue: n, error: s, label: o, placeholder: i
           mode: "single",
           selected: f,
           captionLayout: "dropdown",
+          disabled: g,
           onSelect: (h) => {
             n(h ? h.toISOString() : ""), u(!1);
           }
@@ -836,17 +843,23 @@ const ts = ({ node: e, value: r, setValue: n, error: s, label: o, placeholder: i
     a && !s && /* @__PURE__ */ t.jsx(P, { children: a })
   ] });
 }, ss = ({ node: e, value: r, setValue: n, error: s, label: o, helperText: i, id: a }) => {
-  const [l, c] = B(!1), m = q(), u = Array.isArray(r) ? r : [], d = u[0] ? new Date(u[0]) : void 0, f = u[1] ? new Date(u[1]) : void 0, h = (p) => {
-    n([p?.from ? p.from.toISOString() : void 0, p?.to ? p.to.toISOString() : void 0]);
-  }, g = () => d && f ? `${d.toLocaleDateString()} - ${f.toLocaleDateString()}` : d ? d.toLocaleDateString() : m("renderer.defaultInputs.selectDateRange");
+  const [l, c] = B(!1), m = q(), u = Array.isArray(r) ? r : [], d = u[0] ? new Date(u[0]) : void 0, f = u[1] ? new Date(u[1]) : void 0, g = (j) => {
+    n([j?.from ? j.from.toISOString() : void 0, j?.to ? j.to.toISOString() : void 0]);
+  }, h = () => d && f ? `${d.toLocaleDateString()} - ${f.toLocaleDateString()}` : d ? d.toLocaleDateString() : m("renderer.defaultInputs.selectDateRange"), p = (j) => {
+    if (e.data.disablePast) {
+      const T = /* @__PURE__ */ new Date();
+      return T.setHours(0, 0, 0, 0), j < T;
+    }
+    return !1;
+  };
   return /* @__PURE__ */ t.jsxs(E, { className: "mb-4", children: [
-    /* @__PURE__ */ t.jsxs(T, { htmlFor: a, children: [
+    /* @__PURE__ */ t.jsxs(D, { htmlFor: a, children: [
       o || e.data.name,
       e.data.required && /* @__PURE__ */ t.jsx("span", { className: "text-red-500", children: "*" })
     ] }),
     /* @__PURE__ */ t.jsxs(me, { open: l, onOpenChange: c, children: [
       /* @__PURE__ */ t.jsx(fe, { asChild: !0, children: /* @__PURE__ */ t.jsxs(le, { id: a, variant: "outline", className: "w-full justify-between font-normal", children: [
-        g(),
+        h(),
         /* @__PURE__ */ t.jsx(Oe, { className: "size-4" })
       ] }) }),
       /* @__PURE__ */ t.jsx(pe, { className: "w-auto overflow-hidden p-0", align: "start", children: /* @__PURE__ */ t.jsx(
@@ -855,7 +868,8 @@ const ts = ({ node: e, value: r, setValue: n, error: s, label: o, placeholder: i
           mode: "range",
           selected: { from: d, to: f },
           captionLayout: "dropdown",
-          onSelect: h,
+          disabled: p,
+          onSelect: g,
           numberOfMonths: 2
         }
       ) })
@@ -877,7 +891,7 @@ const ts = ({ node: e, value: r, setValue: n, error: s, label: o, placeholder: i
   }, s.onerror = () => {
     n(new Error(`Failed to read file: ${e.name}`));
   }, s.readAsDataURL(e);
-}), Us = (e) => {
+}), Hs = (e) => {
   const r = e.data.split(",")[1], n = atob(r), s = new ArrayBuffer(n.length), o = new Uint8Array(s);
   for (let a = 0; a < n.length; a++)
     o[a] = n.charCodeAt(a);
@@ -902,7 +916,7 @@ const ts = ({ node: e, value: r, setValue: n, error: s, label: o, placeholder: i
     r(d);
   };
   return /* @__PURE__ */ t.jsxs(E, { className: "mb-4", children: [
-    /* @__PURE__ */ t.jsxs(T, { htmlFor: l, children: [
+    /* @__PURE__ */ t.jsxs(D, { htmlFor: l, children: [
       s || e.data.name,
       e.data.required && /* @__PURE__ */ t.jsx("span", { className: "text-red-500", children: "*" })
     ] }),
@@ -926,19 +940,19 @@ function pt({ className: e, sideOffset: r = 0, children: n, ...s }) {
     {
       "data-slot": "tooltip-content",
       sideOffset: r,
-      className: j(
-        "bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
+      className: y(
+        "fade-in-0 zoom-in-95 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) animate-in text-balance rounded-md bg-foreground px-3 py-1.5 text-background text-xs data-[state=closed]:animate-out",
         e
       ),
       ...s,
       children: [
         n,
-        /* @__PURE__ */ t.jsx(ae.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+        /* @__PURE__ */ t.jsx(ae.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" })
       ]
     }
   ) });
 }
-const we = (e, r) => r ? r.split(".").reduce((s, o) => {
+const ve = (e, r) => r ? r.split(".").reduce((s, o) => {
   if (s == null)
     return;
   const i = o.match(/^(\w+)\[(\d+)]$/);
@@ -957,7 +971,7 @@ const we = (e, r) => r ? r.split(".").reduce((s, o) => {
   const i = String(r[o] || "");
   return n ? encodeURIComponent(i) : i;
 }), os = ({ node: e, value: r, setValue: n, error: s, label: o, placeholder: i, helperText: a, id: l, name: c }) => {
-  const [m, u] = B(!1), [d, f] = B(null), [h, g] = B([]), [p, y] = B(""), [R, _] = B(!1), { formValues: k, inputNodes: v } = he(), x = q(), { httpConfig: b } = e.data, w = K(!1), F = K(""), $ = K(b), L = K(k), ee = K(v), Y = K(n), ce = K(null), te = G(() => b?.url ? Te(b.url) : [], [b?.url]), se = te.length > 0, oe = G(() => te.map((C) => `${C}:${String(k[C] ?? "")}`).join("|"), [te, k]), ie = G(() => b?.url ? se ? Se(b.url, k) : !0 : !1, [b?.url, se, k]), H = Q(
+  const [m, u] = B(!1), [d, f] = B(null), [g, h] = B([]), [p, j] = B(""), [T, _] = B(!1), { formValues: R, inputNodes: w } = he(), x = q(), { httpConfig: b } = e.data, v = K(!1), F = K(""), $ = K(b), L = K(R), ee = K(w), Y = K(n), ce = K(null), te = G(() => b?.url ? Te(b.url) : [], [b?.url]), se = te.length > 0, oe = G(() => te.map((C) => `${C}:${String(R[C] ?? "")}`).join("|"), [te, R]), ie = G(() => b?.url ? se ? Se(b.url, R) : !0 : !1, [b?.url, se, R]), U = Q(
     async (C) => {
       const I = $.current, z = L.current, N = Y.current;
       if (!I?.url) {
@@ -967,15 +981,15 @@ const we = (e, r) => r ? r.split(".").reduce((s, o) => {
       if (!(I.url && !Se(I.url, z))) {
         u(!0), f(null);
         try {
-          const V = Fe(I.url, z, !0), A = I.searchParam && C ? `${V}${V.includes("?") ? "&" : "?"}${I.searchParam}=${encodeURIComponent(C)}` : V, D = {};
+          const V = Fe(I.url, z, !0), k = I.searchParam && C ? `${V}${V.includes("?") ? "&" : "?"}${I.searchParam}=${encodeURIComponent(C)}` : V, A = {};
           I.headers?.forEach((re) => {
-            D[re.key] = Fe(re.value, z);
+            A[re.key] = Fe(re.value, z);
           });
-          const S = ["POST", "PUT", "PATCH"].includes(I.method || "") ? I.sendFormData ? JSON.stringify($e(z, ee.current)) : I.body ? Fe(I.body, z) : void 0 : void 0, M = await fetch(A, {
+          const S = ["POST", "PUT", "PATCH"].includes(I.method || "") ? I.sendFormData ? JSON.stringify($e(z, ee.current)) : I.body ? Fe(I.body, z) : void 0 : void 0, M = await fetch(k, {
             body: S || void 0,
             headers: {
               "Content-Type": "application/json",
-              ...D
+              ...A
             },
             method: I.method || "GET"
           });
@@ -983,18 +997,18 @@ const we = (e, r) => r ? r.split(".").reduce((s, o) => {
             f(`HTTP ${M.status}: ${M.statusText}`), u(!1);
             return;
           }
-          const U = await M.json(), Z = I.responsePath ? we(U, I.responsePath) : U;
+          const H = await M.json(), Z = I.responsePath ? ve(H, I.responsePath) : H;
           if (I.responseMapping && Array.isArray(Z)) {
             const { valueField: re = "value", labelField: ge = "label" } = I.responseMapping, xe = Z.map((de) => ({
-              label: String(we(de, ge) || ""),
-              value: String(we(de, re) || "")
+              label: String(ve(de, ge) || ""),
+              value: String(ve(de, re) || "")
             }));
-            g(xe);
+            h(xe);
           } else
             N(typeof Z == "string" ? Z : JSON.stringify(Z));
         } catch (V) {
-          const A = V instanceof Error ? V.message : x("renderer.defaultHttpInput.fetchFailed");
-          f(A), console.error("HTTP Input fetch error:", V);
+          const k = V instanceof Error ? V.message : x("renderer.defaultHttpInput.fetchFailed");
+          f(k), console.error("HTTP Input fetch error:", V);
         } finally {
           u(!1);
         }
@@ -1003,79 +1017,79 @@ const we = (e, r) => r ? r.split(".").reduce((s, o) => {
     [x]
   );
   if (J(() => {
-    $.current = b, L.current = k, ee.current = v, Y.current = n, ce.current = H;
-  }, [b, k, v, n, H]), J(() => {
-    if (w.current)
+    $.current = b, L.current = R, ee.current = w, Y.current = n, ce.current = U;
+  }, [b, R, w, n, U]), J(() => {
+    if (v.current)
       return;
-    w.current = !0;
+    v.current = !0;
     const C = $.current, I = L.current, z = ce.current, N = C?.url && Se(C.url, I);
     if (C?.fetchOnMount && N && z && (z(), C.url)) {
       const V = Te(C.url);
-      F.current = V.map((A) => `${A}:${String(I[A] ?? "")}`).join("|");
+      F.current = V.map((k) => `${k}:${String(I[k] ?? "")}`).join("|");
     }
   }, []), J(() => {
-    if (!w.current || !se || F.current === oe || !ie)
+    if (!v.current || !se || F.current === oe || !ie)
       return;
     const C = setTimeout(() => {
-      H(), F.current = oe;
+      U(), F.current = oe;
     }, 500);
     return () => clearTimeout(C);
-  }, [oe, se, ie, H]), J(() => {
+  }, [oe, se, ie, U]), J(() => {
     if (!(b?.searchParam && p))
       return;
     const C = setTimeout(() => {
-      H(p);
+      U(p);
     }, 300);
     return () => clearTimeout(C);
-  }, [p, b?.searchParam, H]), b?.responseMapping) {
-    const C = Array.isArray(r) ? r[0] : r, I = h.find((S) => S.value === C);
+  }, [p, b?.searchParam, U]), b?.responseMapping) {
+    const C = Array.isArray(r) ? r[0] : r, I = g.find((S) => S.value === C);
     if (b.searchParam) {
       const M = m && b?.showLoading ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ t.jsx(ye, { className: "h-4 w-4 animate-spin" }),
         /* @__PURE__ */ t.jsx("span", { className: "text-muted-foreground", children: I?.label || i || x("renderer.defaultHttpInput.search") })
       ] }) : I?.label || i || x("renderer.defaultHttpInput.search");
       return /* @__PURE__ */ t.jsxs(E, { className: "mb-4", children: [
-        /* @__PURE__ */ t.jsxs(T, { children: [
+        /* @__PURE__ */ t.jsxs(D, { children: [
           o || e.data.name,
           e.data.required && /* @__PURE__ */ t.jsx("span", { className: "text-red-500", children: "*" })
         ] }),
-        /* @__PURE__ */ t.jsxs(me, { open: R, onOpenChange: _, children: [
-          /* @__PURE__ */ t.jsx(fe, { asChild: !0, children: /* @__PURE__ */ t.jsxs(le, { variant: "outline", role: "combobox", "aria-expanded": R, className: "w-full justify-between", children: [
+        /* @__PURE__ */ t.jsxs(me, { open: T, onOpenChange: _, children: [
+          /* @__PURE__ */ t.jsx(fe, { asChild: !0, children: /* @__PURE__ */ t.jsxs(le, { variant: "outline", role: "combobox", "aria-expanded": T, className: "w-full justify-between", children: [
             M,
             /* @__PURE__ */ t.jsx(tt, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
           ] }) }),
-          /* @__PURE__ */ t.jsx(pe, { className: "w-[300px] p-0", align: "start", children: /* @__PURE__ */ t.jsxs(Re, { shouldFilter: !1, children: [
+          /* @__PURE__ */ t.jsx(pe, { className: "w-[300px] p-0", align: "start", children: /* @__PURE__ */ t.jsxs(De, { shouldFilter: !1, children: [
             /* @__PURE__ */ t.jsx(
               Ge,
               {
                 placeholder: x("renderer.defaultHttpInput.search"),
                 value: p,
-                onValueChange: (U) => {
-                  y(U), f(null);
+                onValueChange: (H) => {
+                  j(H), f(null);
                 }
               }
             ),
-            /* @__PURE__ */ t.jsxs(ke, { children: [
+            /* @__PURE__ */ t.jsxs(Re, { children: [
               m && /* @__PURE__ */ t.jsx("div", { className: "flex items-center justify-center p-4", children: /* @__PURE__ */ t.jsx(ye, { className: "h-4 w-4 animate-spin" }) }),
               !m && d && /* @__PURE__ */ t.jsxs("div", { className: "p-4 text-destructive text-sm", children: [
                 /* @__PURE__ */ t.jsx("div", { children: d }),
-                /* @__PURE__ */ t.jsx("button", { type: "button", onClick: () => H(p), className: "mt-2 block text-primary hover:underline", children: x("renderer.defaultHttpInput.retry") })
+                /* @__PURE__ */ t.jsx("button", { type: "button", onClick: () => U(p), className: "mt-2 block text-primary hover:underline", children: x("renderer.defaultHttpInput.retry") })
               ] }),
               !(m || d) && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-                /* @__PURE__ */ t.jsx(Ae, { children: x("renderer.defaultHttpInput.noResults") }),
-                /* @__PURE__ */ t.jsx(De, { children: h.map((U) => /* @__PURE__ */ t.jsxs(
+                /* @__PURE__ */ t.jsx(ke, { children: x("renderer.defaultHttpInput.noResults") }),
+                /* @__PURE__ */ t.jsx(Ae, { children: g.map((H) => /* @__PURE__ */ t.jsxs(
                   Ee,
                   {
-                    value: U.value,
+                    value: H.value,
                     onSelect: () => {
-                      n(U.value), _(!1);
+                      n(H.value), _(!1);
                     },
                     children: [
-                      /* @__PURE__ */ t.jsx(st, { className: j("mr-2 h-4 w-4", r === U.value ? "opacity-100" : "opacity-0") }),
-                      U.label
+                      /* @__PURE__ */ t.jsx(st, { className: y("mr-2 h-4 w-4", r === H.value ? "opacity-100" : "opacity-0") }),
+                      H.label
                     ]
                   },
-                  U.value
+                  H.value
                 )) })
               ] })
             ] })
@@ -1086,39 +1100,39 @@ const we = (e, r) => r ? r.split(".").reduce((s, o) => {
       ] });
     }
     const z = m && b?.showLoading, N = te.filter((S) => {
-      const M = k[S];
+      const M = R[S];
       return M == null || M === "";
-    }), V = N.map((S) => Pt(S, v) || S), A = h.length === 0 && !z ? N.length > 0 ? `${x("renderer.defaultHttpInput.waitingForRequiredFields")}: ${V.join(", ")}` : x("renderer.defaultHttpInput.noDataAvailable") : void 0, D = /* @__PURE__ */ t.jsxs(
+    }), V = N.map((S) => Pt(S, w) || S), k = g.length === 0 && !z ? N.length > 0 ? `${x("renderer.defaultHttpInput.waitingForRequiredFields")}: ${V.join(", ")}` : x("renderer.defaultHttpInput.noDataAvailable") : void 0, A = /* @__PURE__ */ t.jsxs(
       We,
       {
         value: Array.isArray(r) ? r[0] ?? "" : r ?? "",
         onValueChange: (S) => n(S),
-        disabled: z || h.length === 0,
+        disabled: z || g.length === 0,
         name: c,
         children: [
           /* @__PURE__ */ t.jsxs(Ke, { id: l, name: c, className: "w-full", children: [
             z && /* @__PURE__ */ t.jsx(ye, { className: "mr-2 h-4 w-4 animate-spin" }),
             /* @__PURE__ */ t.jsx(Je, { placeholder: i || x("renderer.defaultHttpInput.selectOption") })
           ] }),
-          /* @__PURE__ */ t.jsx(Qe, { children: /* @__PURE__ */ t.jsx(Xe, { children: h.map((S, M) => /* @__PURE__ */ t.jsx(Ye, { value: S.value, children: S.label }, S.value + M)) }) })
+          /* @__PURE__ */ t.jsx(Qe, { children: /* @__PURE__ */ t.jsx(Xe, { children: g.map((S, M) => /* @__PURE__ */ t.jsx(Ye, { value: S.value, children: S.label }, S.value + M)) }) })
         ]
       }
     );
     return /* @__PURE__ */ t.jsxs(E, { className: "mb-4", children: [
-      /* @__PURE__ */ t.jsxs(T, { htmlFor: l, children: [
+      /* @__PURE__ */ t.jsxs(D, { htmlFor: l, children: [
         o || e.data.name,
         e.data.required && /* @__PURE__ */ t.jsx("span", { className: "text-red-500", children: "*" })
       ] }),
-      A ? /* @__PURE__ */ t.jsx(_e, { children: /* @__PURE__ */ t.jsxs(mt, { children: [
-        /* @__PURE__ */ t.jsx(ft, { asChild: !0, children: /* @__PURE__ */ t.jsx("div", { className: "w-full", children: D }) }),
-        /* @__PURE__ */ t.jsx(pt, { children: /* @__PURE__ */ t.jsx("p", { children: A }) })
-      ] }) }) : D,
+      k ? /* @__PURE__ */ t.jsx(_e, { children: /* @__PURE__ */ t.jsxs(mt, { children: [
+        /* @__PURE__ */ t.jsx(ft, { asChild: !0, children: /* @__PURE__ */ t.jsx("div", { className: "w-full", children: A }) }),
+        /* @__PURE__ */ t.jsx(pt, { children: /* @__PURE__ */ t.jsx("p", { children: k }) })
+      ] }) }) : A,
       s && /* @__PURE__ */ t.jsx(O, { children: s }),
       a && !s && /* @__PURE__ */ t.jsx(P, { children: a })
     ] });
   }
   return /* @__PURE__ */ t.jsxs(E, { className: "mb-4", children: [
-    /* @__PURE__ */ t.jsxs(T, { htmlFor: l, children: [
+    /* @__PURE__ */ t.jsxs(D, { htmlFor: l, children: [
       o || e.data.name,
       e.data.required && /* @__PURE__ */ t.jsx("span", { className: "text-red-500", children: "*" })
     ] }),
@@ -1127,7 +1141,7 @@ const we = (e, r) => r ? r.split(".").reduce((s, o) => {
     a && !s && /* @__PURE__ */ t.jsx(P, { children: a })
   ] });
 }, is = ({ node: e, value: r, setValue: n, error: s, label: o, placeholder: i, helperText: a, name: l, id: c }) => /* @__PURE__ */ t.jsxs(E, { className: "mb-4", children: [
-  /* @__PURE__ */ t.jsxs(T, { htmlFor: c, children: [
+  /* @__PURE__ */ t.jsxs(D, { htmlFor: c, children: [
     o || e.data.name,
     e.data.required && /* @__PURE__ */ t.jsx("span", { className: "text-red-500", children: "*" })
   ] }),
@@ -1145,7 +1159,7 @@ const we = (e, r) => r ? r.split(".").reduce((s, o) => {
   s && /* @__PURE__ */ t.jsx(O, { children: s }),
   a && !s && /* @__PURE__ */ t.jsx(P, { children: a })
 ] }), ls = ({ node: e, value: r, setValue: n, error: s, label: o, placeholder: i, helperText: a, name: l, id: c }) => /* @__PURE__ */ t.jsxs(E, { className: "mb-4", children: [
-  /* @__PURE__ */ t.jsxs(T, { htmlFor: c, children: [
+  /* @__PURE__ */ t.jsxs(D, { htmlFor: c, children: [
     o || e.data.name,
     e.data.required && /* @__PURE__ */ t.jsx("span", { className: "text-red-500", children: "*" })
   ] }),
@@ -1165,32 +1179,32 @@ const we = (e, r) => r ? r.split(".").reduce((s, o) => {
   a && !s && /* @__PURE__ */ t.jsx(P, { children: a })
 ] });
 function cs({ className: e, ...r }) {
-  return /* @__PURE__ */ t.jsx(Ie.Root, { "data-slot": "radio-group", className: j("grid gap-3", e), ...r });
+  return /* @__PURE__ */ t.jsx(Ie.Root, { "data-slot": "radio-group", className: y("grid gap-3", e), ...r });
 }
 function ds({ className: e, ...r }) {
   return /* @__PURE__ */ t.jsx(
     Ie.Item,
     {
       "data-slot": "radio-group-item",
-      className: j(
-        "border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+      className: y(
+        "aspect-square size-4 shrink-0 rounded-full border border-input text-primary shadow-xs outline-none transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:bg-input/30 dark:aria-invalid:ring-destructive/40",
         e
       ),
       ...r,
-      children: /* @__PURE__ */ t.jsx(Ie.Indicator, { "data-slot": "radio-group-indicator", className: "relative flex items-center justify-center", children: /* @__PURE__ */ t.jsx(kt, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" }) })
+      children: /* @__PURE__ */ t.jsx(Ie.Indicator, { "data-slot": "radio-group-indicator", className: "relative flex items-center justify-center", children: /* @__PURE__ */ t.jsx(Rt, { className: "-translate-x-1/2 -translate-y-1/2 absolute top-1/2 left-1/2 size-2 fill-primary" }) })
     }
   );
 }
 const us = ({ node: e, value: r, setValue: n, error: s, label: o, helperText: i, id: a, name: l }) => {
   const c = q(), m = r ? String(r) : "";
   return /* @__PURE__ */ t.jsxs(E, { className: "mb-4", children: [
-    /* @__PURE__ */ t.jsxs(T, { className: "mb-1", htmlFor: a, children: [
+    /* @__PURE__ */ t.jsxs(D, { className: "mb-1", htmlFor: a, children: [
       o || e.data.name,
       e.data.required && /* @__PURE__ */ t.jsx("span", { className: "text-red-500", children: "*" })
     ] }),
     /* @__PURE__ */ t.jsx(cs, { value: m, onValueChange: (u) => n(u), id: a, name: l, children: e.data.options?.map((u, d) => /* @__PURE__ */ t.jsxs("div", { className: "flex items-center space-x-2", children: [
       /* @__PURE__ */ t.jsx(ds, { value: String(u.value), id: `${a}-${u.value}`, disabled: u.disabled }),
-      /* @__PURE__ */ t.jsx(T, { htmlFor: `${a}-${u.value}`, className: "cursor-pointer font-normal text-sm", children: c(u.label) ? c(u.label) : u.value })
+      /* @__PURE__ */ t.jsx(D, { htmlFor: `${a}-${u.value}`, className: "cursor-pointer font-normal text-sm", children: c(u.label) ? c(u.label) : u.value })
     ] }, u.value + d)) }),
     s && /* @__PURE__ */ t.jsx(O, { children: s }),
     i && !s && /* @__PURE__ */ t.jsx(P, { children: i })
@@ -1198,7 +1212,7 @@ const us = ({ node: e, value: r, setValue: n, error: s, label: o, helperText: i,
 }, ms = ({ node: e, value: r, setValue: n, error: s, label: o, placeholder: i, helperText: a, name: l, id: c }) => {
   const m = q(), u = r ? String(r) : "";
   return /* @__PURE__ */ t.jsxs(E, { className: "mb-4", children: [
-    /* @__PURE__ */ t.jsxs(T, { htmlFor: c, children: [
+    /* @__PURE__ */ t.jsxs(D, { htmlFor: c, children: [
       o || e.data.name,
       e.data.required && /* @__PURE__ */ t.jsx("span", { className: "text-red-500", children: "*" })
     ] }),
@@ -1247,20 +1261,20 @@ const us = ({ node: e, value: r, setValue: n, error: s, label: o, helperText: i,
   const s = at(), o = s?.components?.submitButton, i = s?.components?.submitButtonWrapper, a = o || ht, l = i || gt;
   return /* @__PURE__ */ t.jsx(l, { missingFields: e, children: /* @__PURE__ */ t.jsx(a, { label: n, disabled: r }) });
 }, ps = ({ node: e, value: r, setValue: n, error: s, label: o, helperText: i, name: a, id: l }) => /* @__PURE__ */ t.jsxs(E, { className: "mb-4", children: [
-  /* @__PURE__ */ t.jsxs(T, { htmlFor: l, children: [
+  /* @__PURE__ */ t.jsxs(D, { htmlFor: l, children: [
     o || e.data.name,
     e.data.required && /* @__PURE__ */ t.jsx("span", { className: "text-red-500", children: "*" })
   ] }),
-  /* @__PURE__ */ t.jsx(vt, { id: l, name: a, checked: r, onCheckedChange: n }),
+  /* @__PURE__ */ t.jsx(wt, { id: l, name: a, checked: r, onCheckedChange: n }),
   i && !s && /* @__PURE__ */ t.jsx(P, { children: i }),
   s && /* @__PURE__ */ t.jsx(O, { children: s })
 ] }), hs = ({ node: e, value: r, setValue: n, error: s, label: o, placeholder: i, helperText: a, name: l, id: c }) => /* @__PURE__ */ t.jsxs(E, { className: "mb-4", children: [
-  /* @__PURE__ */ t.jsxs(T, { htmlFor: c, children: [
+  /* @__PURE__ */ t.jsxs(D, { htmlFor: c, children: [
     o || e.data.name,
     e.data.required && /* @__PURE__ */ t.jsx("span", { className: "text-red-500", children: "*" })
   ] }),
   /* @__PURE__ */ t.jsx(
-    wt,
+    vt,
     {
       id: c,
       name: l,
@@ -1274,7 +1288,7 @@ const us = ({ node: e, value: r, setValue: n, error: s, label: o, helperText: i,
   s && /* @__PURE__ */ t.jsx(O, { children: s }),
   a && !s && /* @__PURE__ */ t.jsx(P, { children: a })
 ] }), gs = ({ node: e, value: r, setValue: n, error: s, label: o, placeholder: i, helperText: a, name: l, id: c }) => /* @__PURE__ */ t.jsxs(E, { className: "mb-4", children: [
-  /* @__PURE__ */ t.jsxs(T, { htmlFor: c, children: [
+  /* @__PURE__ */ t.jsxs(D, { htmlFor: c, children: [
     o || e.data.name,
     e.data.required && /* @__PURE__ */ t.jsx("span", { className: "text-red-500", children: "*" })
   ] }),
@@ -1282,7 +1296,7 @@ const us = ({ node: e, value: r, setValue: n, error: s, label: o, helperText: i,
   s && /* @__PURE__ */ t.jsx(O, { children: s }),
   a && !s && /* @__PURE__ */ t.jsx(P, { children: a })
 ] }), xs = ({ node: e, value: r, setValue: n, error: s, label: o, placeholder: i, helperText: a, name: l, id: c }) => /* @__PURE__ */ t.jsxs(E, { className: "mb-4", children: [
-  /* @__PURE__ */ t.jsxs(T, { htmlFor: c, children: [
+  /* @__PURE__ */ t.jsxs(D, { htmlFor: c, children: [
     o || e.data.name,
     e.data.required && /* @__PURE__ */ t.jsx("span", { className: "text-red-500", children: "*" })
   ] }),
@@ -1301,13 +1315,13 @@ const us = ({ node: e, value: r, setValue: n, error: s, label: o, helperText: i,
   s && /* @__PURE__ */ t.jsx(O, { children: s }),
   a && !s && /* @__PURE__ */ t.jsx(P, { children: a })
 ] }), bs = ({ node: e, value: r, setValue: n, error: s, label: o, helperText: i, id: a, name: l }) => {
-  const c = q(), m = Array.isArray(r) ? r : [], u = m[0] || "", d = m[1] || "", f = (g) => {
-    n([g, d]);
-  }, h = (g) => {
-    n([u, g]);
+  const c = q(), m = Array.isArray(r) ? r : [], u = m[0] || "", d = m[1] || "", f = (h) => {
+    n([h, d]);
+  }, g = (h) => {
+    n([u, h]);
   };
   return /* @__PURE__ */ t.jsxs(E, { className: "mb-4", children: [
-    /* @__PURE__ */ t.jsxs(T, { htmlFor: `${a}-start`, children: [
+    /* @__PURE__ */ t.jsxs(D, { htmlFor: `${a}-start`, children: [
       o || e.data.name,
       e.data.required && /* @__PURE__ */ t.jsx("span", { className: "text-red-500", children: "*" })
     ] }),
@@ -1322,7 +1336,7 @@ const us = ({ node: e, value: r, setValue: n, error: s, label: o, helperText: i,
           "aria-describedby": s ? `${e.id}-error` : void 0,
           type: "time",
           value: u,
-          onChange: (g) => f(g.target.value),
+          onChange: (h) => f(h.target.value),
           placeholder: c("renderer.defaultInputs.startTime"),
           className: "flex-1 bg-background [color-scheme:light] dark:[color-scheme:dark]"
         }
@@ -1337,7 +1351,7 @@ const us = ({ node: e, value: r, setValue: n, error: s, label: o, helperText: i,
           "aria-describedby": s ? `${e.id}-error` : void 0,
           type: "time",
           value: d,
-          onChange: (g) => h(g.target.value),
+          onChange: (h) => g(h.target.value),
           placeholder: c("renderer.defaultInputs.endTime"),
           className: "flex-1 bg-background [color-scheme:light] dark:[color-scheme:dark]"
         }
@@ -1374,11 +1388,11 @@ const us = ({ node: e, value: r, setValue: n, error: s, label: o, helperText: i,
   ] }) : /* @__PURE__ */ t.jsx(je, { className: "my-8" });
 }, Ns = ({ node: e }) => {
   const { edges: r } = he(), n = q(), s = ot(e.id, r);
-  return /* @__PURE__ */ t.jsx("h2", { className: j("mb-5 font-bold text-2xl", !s && "mt-10"), children: n(e.data?.label) });
-}, vs = {
+  return /* @__PURE__ */ t.jsx("h2", { className: y("mb-5 font-bold text-2xl", !s && "mt-10"), children: n(e.data?.label) });
+}, ws = {
   divider: ys,
   title: Ns
-}, ws = async (e) => {
+}, vs = async (e) => {
   try {
     const { url: r, method: n = "GET", headers: s = [], body: o } = e;
     if (!r || r.trim() === "")
@@ -1461,7 +1475,7 @@ const us = ({ node: e, value: r, setValue: n, error: s, label: o, helperText: i,
   const o = e.headers?.map((c) => ({
     key: c.key,
     value: Ce(c.value, r)
-  })), i = e.sendFormData ? JSON.stringify($e(r, n)) : e.body ? Ce(e.body, r, { json: !0 }) : void 0, a = await ws({
+  })), i = e.sendFormData ? JSON.stringify($e(r, n)) : e.body ? Ce(e.body, r, { json: !0 }) : void 0, a = await vs({
     body: i,
     headers: o,
     method: e.method || "POST",
@@ -1499,22 +1513,22 @@ const us = ({ node: e, value: r, setValue: n, error: s, label: o, helperText: i,
         return null;
       l(null), f.showLoading !== !1 && i(!0);
       try {
-        const h = await Cs(f, r, s);
-        if (h.success) {
-          const g = ne(f.successMessage, n);
-          if (g && l({ message: g, type: "success" }), d && d(h.data), h.redirectUrl) {
-            const p = h.redirectUrl;
+        const g = await Cs(f, r, s);
+        if (g.success) {
+          const h = ne(f.successMessage, n);
+          if (h && l({ message: h, type: "success" }), d && d(g.data), g.redirectUrl) {
+            const p = g.redirectUrl;
             setTimeout(() => Is(p), 1e3);
           }
         } else {
-          const g = ne(f.errorMessage, n) || h.error || "An error occurred during submission";
-          l({ message: g, type: "error" });
+          const h = ne(f.errorMessage, n) || g.error || "An error occurred during submission";
+          l({ message: h, type: "error" });
         }
-        return h;
-      } catch (h) {
-        const g = ne(f.errorMessage, n) || (h instanceof Error ? h.message : "An unexpected error occurred");
-        return l({ message: g, type: "error" }), {
-          error: g,
+        return g;
+      } catch (g) {
+        const h = ne(f.errorMessage, n) || (g instanceof Error ? g.message : "An unexpected error occurred");
+        return l({ message: h, type: "error" }), {
+          error: h,
           success: !1
         };
       } finally {
@@ -1533,7 +1547,7 @@ const us = ({ node: e, value: r, setValue: n, error: s, label: o, helperText: i,
     submitButtonNode: c,
     submitMessage: a
   };
-}, Hs = ({
+}, Us = ({
   components: e,
   flows: r,
   googleApiKey: n,
@@ -1560,45 +1574,45 @@ const us = ({ node: e, value: r, setValue: n, error: s, label: o, helperText: i,
     validationMode: m ?? u?.validationMode ?? "onSubmit"
   }, {
     canSubmit: f,
-    mergedFlow: h,
-    formErrors: g,
+    mergedFlow: g,
+    formErrors: h,
     formValues: p,
-    inputNodes: y,
-    missingRequiredFields: R,
+    inputNodes: j,
+    missingRequiredFields: T,
     prevFormValuesRef: _,
-    visibleNodes: k,
-    visibleRootNodes: v,
+    visibleNodes: R,
+    visibleRootNodes: w,
     setFieldValue: x,
     setMultipleFieldValues: b,
-    validateForm: w,
+    validateForm: v,
     t: F
   } = Gt(r, s, d.language), { handleSubmitWithConfig: $, hasSubmitConfig: L, isSubmitting: ee, submitMessage: Y, clearSubmitMessage: ce } = Ts(
-    k,
+    R,
     p,
     d.language,
-    y
-  ), te = d.components.form || Wt, se = d.components.submitButton || ht, oe = d.components.submitButtonWrapper || gt, ie = K(i), H = K(c), C = G(() => $e(p, y), [p, y]), I = Q(
+    j
+  ), te = d.components.form || Wt, se = d.components.submitButton || ht, oe = d.components.submitButtonWrapper || gt, ie = K(i), U = K(c), C = G(() => $e(p, j), [p, j]), I = Q(
     async (N) => {
       N.preventDefault();
-      const { isValid: V, errors: A } = w(H.current);
+      const { isValid: V, errors: k } = v(U.current);
       if (!V) {
-        const D = Object.keys(A)[0];
-        D && document.getElementById(D)?.focus();
+        const A = Object.keys(k)[0];
+        A && document.getElementById(A)?.focus();
         return;
       }
       if (L) {
-        const D = await $((S) => {
+        const A = await $((S) => {
           a && a(C, { httpResponse: S });
         });
-        if (D === null) {
+        if (A === null) {
           a?.(C);
           return;
         }
-        if (!D.success)
+        if (!A.success)
           return;
       } else a && a(C);
     },
-    [w, L, $, a, C]
+    [v, L, $, a, C]
   ), z = Q(
     (N) => {
       const { type: V } = N;
@@ -1606,9 +1620,9 @@ const us = ({ node: e, value: r, setValue: n, error: s, label: o, helperText: i,
         case ue.input: {
           if (!W(N))
             return null;
-          const A = N.data, D = A.type || "text", S = d.components.inputs?.[D], M = js[D], U = S || M, Z = N.id, re = p[Z], ge = g[Z], xe = (yt) => x(Z, yt), de = ne(A.label, d.language), xt = ne(A.placeholder, d.language), bt = ne(A.helperText, d.language), jt = Pe(N);
+          const k = N.data, A = k.type || "text", S = d.components.inputs?.[A], M = js[A], H = S || M, Z = N.id, re = p[Z], ge = h[Z], xe = (yt) => x(Z, yt), de = ne(k.label, d.language), xt = ne(k.placeholder, d.language), bt = ne(k.helperText, d.language), jt = Pe(N);
           return /* @__PURE__ */ t.jsx(
-            U,
+            H,
             {
               id: N.id,
               node: N,
@@ -1619,7 +1633,7 @@ const us = ({ node: e, value: r, setValue: n, error: s, label: o, helperText: i,
               helperText: bt,
               name: jt,
               setValue: xe,
-              missingRequiredFields: R
+              missingRequiredFields: T
             },
             N.id
           );
@@ -1627,14 +1641,14 @@ const us = ({ node: e, value: r, setValue: n, error: s, label: o, helperText: i,
         case ue.group: {
           if (!Ft(N))
             return null;
-          const A = d.components.group || Kt, D = k.filter((S) => S.parentId === N.id);
-          return /* @__PURE__ */ t.jsx(A, { node: N, children: D.map((S) => z(S)) }, N.id);
+          const k = d.components.group || Kt, A = R.filter((S) => S.parentId === N.id);
+          return /* @__PURE__ */ t.jsx(k, { node: N, children: A.map((S) => z(S)) }, N.id);
         }
         case ue.ui: {
           if (!St(N))
             return null;
-          const D = N.data.type || "title", S = d.components.ui?.[D], M = vs[D], U = S || M;
-          return /* @__PURE__ */ t.jsx(U, { node: N }, N.id);
+          const A = N.data.type || "title", S = d.components.ui?.[A], M = ws[A], H = S || M;
+          return /* @__PURE__ */ t.jsx(H, { node: N }, N.id);
         }
         case ue.flow:
           return null;
@@ -1642,35 +1656,35 @@ const us = ({ node: e, value: r, setValue: n, error: s, label: o, helperText: i,
           return console.warn("Unknown node type:", V), null;
       }
     },
-    [d.components, d.language, k, p, g, x, R]
+    [d.components, d.language, R, p, h, x, T]
   );
   return J(() => {
     ie.current = i;
   }, [i]), J(() => {
-    H.current = c;
+    U.current = c;
   }, [c]), J(() => {
     ie.current?.(C);
   }, [C]), J(() => {
-    d.validationMode === "onChange" && w(H.current);
-  }, [d.validationMode, w]), J(() => {
-    const N = _t(y, p, _.current);
+    d.validationMode === "onChange" && v(U.current);
+  }, [d.validationMode, v]), J(() => {
+    const N = _t(j, p, _.current);
     Object.keys(N).length > 0 && b(N), _.current = p;
-  }, [p, y, b, _]), /* @__PURE__ */ t.jsx(Ct, { theme: d.theme, storageKey: "treege-renderer-theme", children: /* @__PURE__ */ t.jsxs(
-    Ht,
+  }, [p, j, b, _]), /* @__PURE__ */ t.jsx(Ct, { theme: d.theme, storageKey: "treege-renderer-theme", children: /* @__PURE__ */ t.jsxs(
+    Ut,
     {
       value: {
-        flows: h,
-        formErrors: g,
+        flows: g,
+        formErrors: h,
         formValues: p,
         googleApiKey: d.googleApiKey,
-        inputNodes: y,
+        inputNodes: j,
         language: d.language,
         setFieldValue: x
       },
       children: [
         /* @__PURE__ */ t.jsxs(te, { onSubmit: I, children: [
-          v.map((N) => z(N)),
-          f && /* @__PURE__ */ t.jsx(oe, { missingFields: R, children: /* @__PURE__ */ t.jsx(se, { label: F("renderer.defaultSubmitButton.submit"), disabled: ee }) })
+          w.map((N) => z(N)),
+          f && /* @__PURE__ */ t.jsx(oe, { missingFields: T, children: /* @__PURE__ */ t.jsx(se, { 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(
@@ -1698,21 +1712,21 @@ const us = ({ node: e, value: r, setValue: n, error: s, label: o, helperText: i,
 };
 export {
   ut as A,
-  Us as B,
+  Hs as B,
   rs as C,
   Kt as D,
   ot as E,
   zt as F,
   qt as G,
   lt as H,
-  ve as I,
+  we as I,
   $t as J,
   $e as K,
   Le as L,
   _t as M,
   Ls as T,
   Gt as a,
-  Hs as b,
+  Us as b,
   Xt as c,
   Yt as d,
   Zt as e,
@@ -1734,7 +1748,7 @@ export {
   at as u,
   ys as v,
   Ns as w,
-  vs as x,
+  ws as x,
   Ne as y,
   Et as z
 };