treege 3.0.0-beta.11 → 3.0.0-beta.13

package/dist/TreegeRenderer-DJaR2FqI.js

@@ -0,0 +1,1441 @@
+import { j as e, i as Q, L as he, b as ze, e as it, F as R, f as I, I as L, C as Se, h as Ce, k as Ie, l as De, m as Re, n as A, o as k, P as ie, p as ce, B as re, q as de, r as Ve, s as b, t as Ee, v as _e, S as Me, w as Be, x as qe, y as Le, z as Ge, A as Ue, D as ct, E as dt, G as pe, N as le, a as ut, c as mt, g as ge, T as ft } from "./ThemeContext-mnnnxuZU.js";
+import * as Pe from "react";
+import { createContext as He, useContext as Ke, useMemo as H, useState as V, useCallback as Y, useEffect as K, useRef as J } from "react";
+import { MapPin as $e, ChevronsUpDown as We, Check as Je, ChevronLeftIcon as ht, ChevronRightIcon as pt, ChevronDownIcon as Ae, Loader2 as xe, CircleIcon as gt } from "lucide-react";
+import { getDefaultClassNames as Qe, DayPicker as xt } from "react-day-picker";
+import * as ae from "@radix-ui/react-tooltip";
+import * as we from "@radix-ui/react-radio-group";
+const Xe = He(void 0), jt = () => Ke(Xe), hs = ({
+  children: t,
+  components: a,
+  googleApiKey: n,
+  language: s,
+  theme: o,
+  validationMode: l
+}) => {
+  const r = {
+    components: a,
+    googleApiKey: n,
+    language: s,
+    theme: o,
+    validationMode: l
+  };
+  return /* @__PURE__ */ e.jsx(Xe.Provider, { value: r, children: t });
+}, Oe = (t) => t == null ? null : typeof t == "boolean" || typeof t == "number" ? t : typeof t == "string" ? t === "" ? null : t : typeof t == "object" ? JSON.stringify(t) : String(t), bt = (t, a, n) => {
+  const s = Oe(t), o = Oe(a);
+  if (s === null || o === null)
+    switch (n) {
+      case "===":
+        return s === o;
+      case "!==":
+        return s !== o;
+      default:
+        return !1;
+    }
+  if ([">", "<", ">=", "<="].includes(n)) {
+    const l = Number(s), r = Number(o);
+    if (!(Number.isNaN(l) || Number.isNaN(r)))
+      switch (n) {
+        case ">":
+          return l > r;
+        case "<":
+          return l < r;
+        case ">=":
+          return l >= r;
+        case "<=":
+          return l <= r;
+        default:
+          return !1;
+      }
+    return !1;
+  }
+  switch (n) {
+    case "===": {
+      const l = Number(s), r = Number(o);
+      return Number.isNaN(l) || Number.isNaN(r) ? String(s) === String(o) : l === r;
+    }
+    case "!==": {
+      const l = Number(s), r = Number(o);
+      return Number.isNaN(l) || Number.isNaN(r) ? String(s) !== String(o) : l !== r;
+    }
+    default:
+      return !1;
+  }
+}, je = (t, a, n) => {
+  const { field: s, operator: o, value: l } = t;
+  if (!(s && o) || l === void 0)
+    return !0;
+  let r = a[s];
+  if (r === void 0 && n) {
+    const d = n.get(s);
+    d && Q(d) && (r = a[d.id]);
+  }
+  return bt(r, l, o);
+}, vt = (t, a, n) => {
+  if (!t || t.length === 0)
+    return !0;
+  if (t.length === 1)
+    return je(t[0], a, n);
+  let s = je(t[0], a, n);
+  for (let o = 1; o < t.length; o += 1) {
+    const l = t[o], r = je(l, a, n), d = t[o - 1].logicalOperator || he.AND;
+    if (d === he.AND) {
+      if (s = s && r, !s)
+        return !1;
+    } else if (d === he.OR && (s = s || r, s))
+      return !0;
+  }
+  return s;
+}, Nt = (t) => t.filter(Q), Ye = (t) => {
+  if (t.data.name)
+    return t.data.name;
+  if (t.data.label) {
+    if (t.data.label.en)
+      return t.data.label.en;
+    const a = Object.values(t.data.label).find(Boolean);
+    if (a)
+      return a;
+  }
+  return t.id;
+}, be = (t) => t == null || typeof t == "string" && t.trim() === "" ? !0 : Array.isArray(t) && t.length === 0, yt = (t, a) => {
+  if (!t)
+    return !1;
+  const n = a[t];
+  return n != null;
+}, wt = (t, a) => {
+  const n = {};
+  return a.forEach((s) => {
+    const o = s.id, l = Ye(s);
+    t[o] !== void 0 && (n[l] = t[o]);
+  }), n;
+}, Ft = (t) => {
+  const a = /* @__PURE__ */ new Map();
+  return t.forEach((n) => {
+    const s = a.get(n.source);
+    s ? s.push(n) : a.set(n.source, [n]);
+  }), a;
+}, St = (t, a, n) => {
+  const s = [], o = [], l = [];
+  t.forEach((u) => {
+    const m = u.data?.isFallback, c = u.data?.conditions?.length;
+    m ? l.push(u) : c ? o.push(u) : s.push(u);
+  });
+  const r = [...s];
+  if (o.length === 0)
+    return l.length > 0 && r.length === 0 && r.push(...l), { edgesToFollow: r, waitingForInput: !1 };
+  if (!o.every((u) => {
+    const m = u.data?.conditions;
+    return m ? m.every((c) => {
+      if (!c.field)
+        return !0;
+      const h = n.get(c.field), p = Q(h) ? h.id : c.field;
+      return yt(p, a);
+    }) : !1;
+  }))
+    return l.length > 0 && r.push(...l), { edgesToFollow: r, waitingForInput: r.length === 0 };
+  const i = o.filter((u) => vt(u.data?.conditions, a, n));
+  return i.length > 0 ? (r.push(...i), { edgesToFollow: r, waitingForInput: !1 }) : (r.push(...l), { edgesToFollow: r, waitingForInput: !1 });
+}, Ze = (t, a) => !a.some((n) => n.target === t), Ct = (t, a) => {
+  const n = t.filter((s) => Ze(s.id, a));
+  return n.find(Q) || n[0];
+}, It = (t, a, n, s) => {
+  t.forEach((o) => {
+    const l = s.get(o);
+    if (!l)
+      return;
+    let { parentId: r } = l;
+    const d = /* @__PURE__ */ new Set();
+    for (; r && !d.has(r); ) {
+      if (d.add(r), a.add(r), !n.has(r)) {
+        const i = n.get(o);
+        i !== void 0 && n.set(r, i);
+      }
+      r = s.get(r)?.parentId;
+    }
+  });
+}, Dt = (t, a, n) => {
+  const s = Ct(t, a);
+  if (!s)
+    return {
+      endOfPathReached: !0,
+      visibleNodeIds: /* @__PURE__ */ new Set(),
+      visibleNodes: [],
+      visibleRootNodes: []
+    };
+  const o = new Map(t.map((f) => [f.id, f])), l = Ft(a), r = [], d = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set();
+  let u = !1;
+  const m = (f) => {
+    if (i.has(f))
+      return;
+    i.add(f);
+    const w = o.get(f);
+    if (!w)
+      return;
+    d.add(f), r.push(w);
+    const T = l.get(f) || [], { edgesToFollow: y, waitingForInput: N } = St(T, n, o);
+    if (N) {
+      u = !0;
+      return;
+    }
+    y.forEach((x) => {
+      m(x.target);
+    });
+  };
+  m(s.id);
+  const c = new Map(r.map((f, w) => [f.id, w])), h = new Set(d);
+  It(d, h, c, o);
+  const p = t.filter((f) => h.has(f.id)).sort((f, w) => (c.get(f.id) ?? Number.MAX_SAFE_INTEGER) - (c.get(w.id) ?? Number.MAX_SAFE_INTEGER)), j = p.filter((f) => !(f.parentId && h.has(f.parentId)));
+  return {
+    endOfPathReached: !u,
+    visibleNodeIds: h,
+    visibleNodes: p,
+    visibleRootNodes: j
+  };
+}, Rt = (t) => {
+  if (t.length === 1)
+    return t[0];
+  const a = new Set(t.map((s) => s.id)), n = /* @__PURE__ */ new Set();
+  return t.forEach((s) => {
+    s.nodes.forEach((o) => {
+      if (ze(o)) {
+        const l = o.data.targetId;
+        l && a.has(l) && n.add(l);
+      }
+    });
+  }), t.find((s) => !n.has(s.id)) || t[0];
+}, et = (t, a, n, s, o = /* @__PURE__ */ new Set()) => {
+  const l = /* @__PURE__ */ new Set();
+  for (const r of t)
+    if (n.has(r)) {
+      const d = s.get(r), i = d ? a.get(d) : void 0;
+      if (i) {
+        if (d && o.has(d))
+          continue;
+        d && o.add(d);
+        const u = new Set(i.nodes.map((c) => c.id)), m = et(u, a, n, s, o);
+        for (const c of m)
+          l.add(c);
+      }
+    } else
+      l.add(r);
+  return l;
+}, At = (t, a) => {
+  const n = /* @__PURE__ */ new Set();
+  return a.forEach((s) => {
+    t.has(s.source) && t.has(s.target) && n.add(s.source);
+  }), Array.from(t).filter((s) => !n.has(s));
+}, tt = (t) => {
+  if (!t)
+    return { edges: [], id: "empty", nodes: [] };
+  const a = Array.isArray(t) ? t : [t];
+  if (a.length === 0)
+    return { edges: [], id: "empty", nodes: [] };
+  const n = Rt(a);
+  if (a.length === 1)
+    return n;
+  const s = new Map(a.map((h) => [h.id, h])), o = [], l = [...n.edges], r = /* @__PURE__ */ new Set([n.id]), d = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map(), m = (h) => {
+    const p = [];
+    return h.forEach((j) => {
+      if (!ze(j)) {
+        p.push(j);
+        return;
+      }
+      const f = j.data.targetId;
+      if (!f)
+        return;
+      const w = s.get(f);
+      if (!w) {
+        console.warn(`Flow with id "${f}" not found`);
+        return;
+      }
+      const T = w.nodes.find((y) => !y.parentId);
+      if (!T) {
+        console.warn(`Flow "${f}" has no root node; preserving FlowNode "${j.id}"`), p.push(j);
+        return;
+      }
+      d.set(j.id, T.id), i.set(j.id, f), r.has(f) || (r.add(f), l.push(...w.edges), p.push(...m(w.nodes)));
+    }), p;
+  };
+  o.push(...m(n.nodes)), l.forEach((h) => {
+    if (d.has(h.source)) {
+      const p = u.get(h.source);
+      p ? p.push(h) : u.set(h.source, [h]);
+    }
+  });
+  const c = l.map((h) => {
+    if (d.has(h.source))
+      return null;
+    const p = d.get(h.target);
+    return p ? { ...h, target: p } : h;
+  }).filter((h) => h !== null);
+  return d.forEach((h, p) => {
+    const j = u.get(p);
+    if (!j?.length)
+      return;
+    const f = i.get(p), w = f ? s.get(f) : void 0;
+    if (!w)
+      return;
+    const T = new Set(w.nodes.map((x) => x.id)), y = et(
+      T,
+      s,
+      d,
+      i,
+      new Set(f ? [f] : [])
+    );
+    At(y, c).forEach((x) => {
+      j.forEach((g) => {
+        const C = d.get(g.target) ?? g.target, _ = g.id ?? `${p}__${g.target}`;
+        c.push({
+          ...g,
+          id: `${x}__${_}`,
+          source: x,
+          target: C
+        });
+      });
+    });
+  }), {
+    edges: c,
+    id: n.id,
+    nodes: o
+  };
+}, st = He(null), kt = ({ children: t, value: a }) => /* @__PURE__ */ e.jsx(st.Provider, { value: a, children: t }), ue = () => {
+  const a = Ke(st) ?? {
+    flows: null,
+    formErrors: {},
+    formValues: {},
+    googleApiKey: void 0,
+    language: "",
+    setFieldValue: () => {
+    }
+  }, n = H(() => a.flows ? tt(a.flows).edges : [], [a.flows]);
+  return {
+    ...a,
+    edges: n
+  };
+}, O = (t) => {
+  const a = ue(), n = t ?? a.language;
+  return it(n);
+}, Tt = (t, a = {}, n = "en") => {
+  const s = H(() => tt(t), [t]), { nodes: o, edges: l } = s, r = H(() => Nt(o), [o]), d = O(n), [i, u] = V({}), [m, c] = V(() => {
+    const y = { ...a };
+    return o.forEach((N) => {
+      if (Q(N)) {
+        const x = N.id;
+        if (y[x] !== void 0)
+          return;
+        const { defaultValue: g } = N.data;
+        if (!g)
+          return;
+        if (g.type === "static" && g.staticValue !== void 0 && (y[x] = g.staticValue), g.type === "reference" && g.referenceField) {
+          const { referenceField: C } = g, _ = y[C];
+          _ !== void 0 && (y[x] = _);
+        }
+      }
+    }), y;
+  }), { endOfPathReached: h, visibleNodes: p, visibleRootNodes: j } = H(
+    () => Dt(o, l, m),
+    [o, l, m]
+  ), f = Y((y, N) => {
+    c((x) => ({
+      ...x,
+      [y]: N
+    })), u((x) => {
+      const g = { ...x };
+      return delete g[y], g;
+    });
+  }, []), w = Y(
+    (y) => {
+      const N = {};
+      p.forEach((C) => {
+        if (Q(C)) {
+          const _ = C.id, G = m[_];
+          if (C.data.required && be(G)) {
+            N[_] = d(C.data.errorMessage) || d("validation.required");
+            return;
+          }
+          if (!be(G) && C.data.pattern)
+            try {
+              new RegExp(C.data.pattern).test(String(G)) || (N[_] = d(C.data.errorMessage) || d("validation.invalidFormat"));
+            } catch (W) {
+              console.error(`Invalid pattern for field ${_}:`, W);
+            }
+        }
+      });
+      const x = y ? y(m, p) : {}, g = {
+        ...N,
+        ...x
+      };
+      return u(g), {
+        errors: g,
+        hasCustomErrors: Object.keys(x).length > 0,
+        isValid: Object.keys(g).length === 0
+      };
+    },
+    [p, m, d]
+  ), T = H(() => {
+    const y = [];
+    return p.forEach((N) => {
+      if (!Q(N))
+        return;
+      const x = N.id, g = m[x];
+      if (N.data.required && be(g)) {
+        const C = d(N.data.label) || x;
+        y.push(C);
+      }
+    }), y;
+  }, [p, m, d]);
+  return {
+    canSubmit: h && o.length > 0,
+    formErrors: i,
+    formValues: m,
+    inputNodes: r,
+    mergedFlow: s,
+    missingRequiredFields: T,
+    setFieldValue: f,
+    setFormErrors: u,
+    t: d,
+    validateForm: w,
+    visibleNodes: p,
+    visibleRootNodes: j
+  };
+}, Et = ({ children: t, onSubmit: a }) => /* @__PURE__ */ e.jsx("form", { onSubmit: a, className: "mx-auto max-w-2xl gap-y-3", children: t }), _t = ({ node: t, children: a }) => {
+  const n = O();
+  return /* @__PURE__ */ e.jsxs("section", { className: "mb-6 rounded-lg border p-4", children: [
+    t.data.label && /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold mb-4", children: n(t.data.label) }),
+    a
+  ] });
+}, Pt = async (t, a) => {
+  if (!t || t.trim().length < 3)
+    return [];
+  try {
+    const n = await fetch(
+      `https://nominatim.openstreetmap.org/search?q=${encodeURIComponent(t)}&format=jsonv2&addressdetails=1&limit=5`,
+      {
+        headers: {
+          Accept: "application/json",
+          "User-Agent": "Treege Renderer",
+          ...a && { "Accept-Language": a }
+        }
+      }
+    );
+    return n.ok ? (await n.json()).map((o) => ({
+      label: o.display_name,
+      value: o.display_name
+    })) : [];
+  } catch (n) {
+    return console.error("Nominatim fetch error:", n), [];
+  }
+}, $t = (t) => !t || t.trim().length < 3 ? Promise.resolve([]) : new Promise((a) => {
+  if (!window.google?.maps?.places) {
+    console.warn("Google Places SDK not loaded yet"), a([]);
+    return;
+  }
+  new window.google.maps.places.AutocompleteService().getPlacePredictions({ input: t }, (s, o) => {
+    if (o !== google.maps.places.PlacesServiceStatus.OK || !s) {
+      console.warn("Google Places API status:", o), a([]);
+      return;
+    }
+    a(
+      s.map((l) => ({
+        label: l.description,
+        value: l.description
+      }))
+    );
+  });
+}), Ot = ({ node: t, value: a, setValue: n, error: s, label: o, placeholder: l, helperText: r, id: d, name: i }) => {
+  const [u, m] = V(""), [c, h] = V([]), [p, j] = V(!1), { googleApiKey: f, language: w } = ue(), T = O(), y = Y(
+    (x) => {
+      n(x.value), m(x.value), j(!1);
+    },
+    [n]
+  );
+  K(() => {
+    if (!u || u.trim().length < 3) {
+      h([]);
+      return;
+    }
+    const x = setTimeout(async () => {
+      const g = f ? await $t(u) : await Pt(u, w);
+      h(g);
+    }, 300);
+    return () => clearTimeout(x);
+  }, [u, f, w]);
+  const N = Y(
+    (x) => {
+      n(x), m(x), x.length >= 3 && j(!0);
+    },
+    [n]
+  );
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    f && /* @__PURE__ */ e.jsx("script", { async: !0, src: `https://maps.googleapis.com/maps/api/js?key=${f}&libraries=places` }),
+    /* @__PURE__ */ e.jsxs(R, { className: "mb-4", children: [
+      /* @__PURE__ */ e.jsxs(I, { htmlFor: d, children: [
+        o || t.data.name,
+        t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ e.jsx(
+          L,
+          {
+            type: "text",
+            id: d,
+            name: i,
+            value: a || "",
+            onChange: (x) => N(x.target.value),
+            onFocus: () => {
+              c.length > 0 && j(!0);
+            },
+            placeholder: l || T("renderer.defaultAddressInput.enterAddress"),
+            className: "pr-10",
+            autoComplete: "off"
+          }
+        ),
+        /* @__PURE__ */ e.jsx($e, { className: "-translate-y-1/2 pointer-events-none absolute top-1/2 right-3 h-4 w-4 text-muted-foreground" }),
+        p && /* @__PURE__ */ e.jsx("div", { className: "absolute z-50 mt-1 w-full rounded-md border bg-popover shadow-md", children: /* @__PURE__ */ e.jsx(Se, { children: /* @__PURE__ */ e.jsxs(Ce, { children: [
+          /* @__PURE__ */ e.jsx(Ie, { children: T("renderer.defaultAddressInput.noAddressesFound") }),
+          /* @__PURE__ */ e.jsx(De, { children: c.map((x, g) => /* @__PURE__ */ e.jsxs(
+            Re,
+            {
+              value: x.value,
+              onSelect: () => y(x),
+              onMouseDown: (C) => C.preventDefault(),
+              children: [
+                /* @__PURE__ */ e.jsx($e, { className: "mr-2 h-4 w-4" }),
+                x.label
+              ]
+            },
+            g
+          )) })
+        ] }) }) })
+      ] }),
+      s && /* @__PURE__ */ e.jsx(A, { children: s }),
+      r && !s && /* @__PURE__ */ e.jsx(k, { children: r })
+    ] })
+  ] });
+}, zt = ({
+  node: t,
+  value: a,
+  setValue: n,
+  error: s,
+  label: o,
+  placeholder: l,
+  helperText: r,
+  id: d
+}) => {
+  const i = O(), [u, m] = V(!1), c = `${d}-trigger`, h = `${d}-error`, p = t.data.options || [], j = p.find((f) => f.value === a);
+  return /* @__PURE__ */ e.jsxs(R, { className: "mb-4", children: [
+    /* @__PURE__ */ e.jsxs(I, { htmlFor: c, children: [
+      o || t.data.name,
+      t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
+    ] }),
+    /* @__PURE__ */ e.jsxs(ie, { open: u, onOpenChange: m, children: [
+      /* @__PURE__ */ e.jsx(ce, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+        re,
+        {
+          id: c,
+          variant: "outline",
+          role: "combobox",
+          "aria-expanded": u,
+          "aria-invalid": !!s || void 0,
+          "aria-describedby": s ? h : void 0,
+          className: "w-full justify-between font-normal",
+          children: [
+            a ? j?.label ? i(j.label) : a : l || i("renderer.defaultAutocompleteInput.selectOption"),
+            /* @__PURE__ */ e.jsx(We, { className: "ml-2 size-4 shrink-0 opacity-50" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ e.jsx(de, { className: "w-full p-0", align: "start", children: /* @__PURE__ */ e.jsxs(Se, { children: [
+        /* @__PURE__ */ e.jsx(Ve, { placeholder: l || i("renderer.defaultAutocompleteInput.search") }),
+        /* @__PURE__ */ e.jsxs(Ce, { children: [
+          /* @__PURE__ */ e.jsx(Ie, { children: i("renderer.defaultAutocompleteInput.noResults") }),
+          /* @__PURE__ */ e.jsx(De, { children: p.map((f) => /* @__PURE__ */ e.jsxs(
+            Re,
+            {
+              value: f.value,
+              disabled: f.disabled,
+              onSelect: (w) => {
+                n(w === a ? "" : w), m(!1);
+              },
+              children: [
+                /* @__PURE__ */ e.jsx(Je, { className: b("mr-2 size-4", a === f.value ? "opacity-100" : "opacity-0") }),
+                i(f.label)
+              ]
+            },
+            f.value
+          )) })
+        ] })
+      ] }) })
+    ] }),
+    s && /* @__PURE__ */ e.jsx(A, { id: h, children: s }),
+    r && !s && /* @__PURE__ */ e.jsx(k, { children: r })
+  ] });
+}, Vt = ({ node: t, value: a, setValue: n, error: s, label: o, helperText: l, id: r, name: d }) => {
+  const i = O();
+  if (t.data.options && t.data.options.length > 0) {
+    const u = Array.isArray(a) ? a.map(String) : [], m = (c, h) => {
+      const p = h ? [...u, c] : u.filter((j) => j !== c);
+      n(p);
+    };
+    return /* @__PURE__ */ e.jsxs(R, { className: "mb-4", children: [
+      /* @__PURE__ */ e.jsxs(I, { className: "mb-1", htmlFor: r, children: [
+        o || t.data.name,
+        t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
+      ] }),
+      /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: t.data.options.map((c, h) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ e.jsx(
+          Ee,
+          {
+            id: `${r}-${c.value}`,
+            name: d,
+            checked: u.includes(String(c.value)),
+            onCheckedChange: (p) => m(String(c.value), !!p),
+            disabled: c.disabled
+          }
+        ),
+        /* @__PURE__ */ e.jsx(I, { htmlFor: `${r}-${c.value}`, className: "cursor-pointer font-normal text-sm", children: i(c.label) ? i(c.label) : c.value })
+      ] }, c.value + h)) }),
+      s && /* @__PURE__ */ e.jsx(A, { children: s }),
+      l && !s && /* @__PURE__ */ e.jsx(k, { children: l })
+    ] });
+  }
+  return /* @__PURE__ */ e.jsxs(R, { className: "mb-4", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ e.jsx(
+        Ee,
+        {
+          id: r,
+          name: d,
+          checked: typeof a == "boolean" ? a : !1,
+          onCheckedChange: (u) => n(!!u)
+        }
+      ),
+      /* @__PURE__ */ e.jsxs("div", { children: [
+        /* @__PURE__ */ e.jsxs(I, { htmlFor: r, className: "cursor-pointer font-medium text-sm", children: [
+          o || t.data.name,
+          t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
+        ] }),
+        l && !s && /* @__PURE__ */ e.jsx(k, { children: l })
+      ] })
+    ] }),
+    s && /* @__PURE__ */ e.jsx(A, { children: s })
+  ] });
+};
+function at({
+  className: t,
+  classNames: a,
+  showOutsideDays: n = !0,
+  captionLayout: s = "label",
+  buttonVariant: o = "ghost",
+  formatters: l,
+  components: r,
+  ...d
+}) {
+  const i = Qe();
+  return /* @__PURE__ */ e.jsx(
+    xt,
+    {
+      showOutsideDays: n,
+      className: b(
+        "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`,
+        t
+      ),
+      captionLayout: s,
+      formatters: {
+        formatMonthDropdown: (u) => u.toLocaleString("default", { month: "short" }),
+        ...l
+      },
+      classNames: {
+        button_next: b(
+          _e({ variant: o }),
+          "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
+          i.button_next
+        ),
+        button_previous: b(
+          _e({ variant: o }),
+          "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
+          i.button_previous
+        ),
+        caption_label: b(
+          "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",
+          i.caption_label
+        ),
+        day: b(
+          "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",
+          i.day
+        ),
+        disabled: b("text-muted-foreground opacity-50", i.disabled),
+        dropdown: b("absolute bg-popover inset-0 opacity-0", i.dropdown),
+        dropdown_root: b(
+          "relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md",
+          i.dropdown_root
+        ),
+        dropdowns: b("w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5", i.dropdowns),
+        hidden: b("invisible", i.hidden),
+        month: b("flex flex-col w-full gap-4", i.month),
+        month_caption: b("flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)", i.month_caption),
+        months: b("flex gap-4 flex-col md:flex-row relative", i.months),
+        nav: b("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between", i.nav),
+        outside: b("text-muted-foreground aria-selected:text-muted-foreground", i.outside),
+        range_end: b("rounded-r-md bg-accent", i.range_end),
+        range_middle: b("rounded-none", i.range_middle),
+        range_start: b("rounded-l-md bg-accent", i.range_start),
+        root: b("w-fit", i.root),
+        table: "w-full border-collapse",
+        today: b("bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none", i.today),
+        week: b("flex w-full mt-2", i.week),
+        week_number: b("text-[0.8rem] select-none text-muted-foreground", i.week_number),
+        week_number_header: b("select-none w-(--cell-size)", i.week_number_header),
+        weekday: b("text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none", i.weekday),
+        weekdays: b("flex", i.weekdays),
+        ...a
+      },
+      components: {
+        Chevron: ({ className: u, orientation: m, ...c }) => m === "left" ? /* @__PURE__ */ e.jsx(ht, { className: b("size-4", u), ...c }) : m === "right" ? /* @__PURE__ */ e.jsx(pt, { className: b("size-4", u), ...c }) : /* @__PURE__ */ e.jsx(Ae, { className: b("size-4", u), ...c }),
+        DayButton: Mt,
+        Root: ({ className: u, rootRef: m, ...c }) => /* @__PURE__ */ e.jsx("div", { "data-slot": "calendar", ref: m, className: b(u), ...c }),
+        WeekNumber: ({ children: u, ...m }) => /* @__PURE__ */ e.jsx("td", { ...m, children: /* @__PURE__ */ e.jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: u }) }),
+        ...r
+      },
+      ...d
+    }
+  );
+}
+function Mt({ className: t, day: a, modifiers: n, ...s }) {
+  const o = Qe(), l = Pe.useRef(null);
+  return Pe.useEffect(() => {
+    n.focused && l.current?.focus();
+  }, [n.focused]), /* @__PURE__ */ e.jsx(
+    re,
+    {
+      ref: l,
+      variant: "ghost",
+      size: "icon",
+      "data-day": a.date.toLocaleDateString(),
+      "data-selected-single": n.selected && !n.range_start && !n.range_end && !n.range_middle,
+      "data-range-start": n.range_start,
+      "data-range-end": n.range_end,
+      "data-range-middle": n.range_middle,
+      className: b(
+        "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,
+        t
+      ),
+      ...s
+    }
+  );
+}
+const Bt = ({ node: t, value: a, setValue: n, error: s, label: o, placeholder: l, helperText: r, id: d, name: i }) => {
+  const [u, m] = V(!1), c = O(), h = a ? new Date(a) : void 0;
+  return /* @__PURE__ */ e.jsxs(R, { className: "mb-4", children: [
+    /* @__PURE__ */ e.jsxs(I, { htmlFor: d, children: [
+      o || t.data.name,
+      t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
+    ] }),
+    /* @__PURE__ */ e.jsxs(ie, { open: u, onOpenChange: m, children: [
+      /* @__PURE__ */ e.jsx(ce, { asChild: !0, children: /* @__PURE__ */ e.jsxs(re, { variant: "outline", id: d, name: i, className: "w-full justify-between font-normal", children: [
+        h ? h.toLocaleDateString() : l || c("renderer.defaultInputs.selectDate"),
+        /* @__PURE__ */ e.jsx(Ae, { className: "size-4" })
+      ] }) }),
+      /* @__PURE__ */ e.jsx(de, { className: "w-auto overflow-hidden p-0", align: "start", children: /* @__PURE__ */ e.jsx(
+        at,
+        {
+          mode: "single",
+          selected: h,
+          captionLayout: "dropdown",
+          onSelect: (p) => {
+            n(p ? p.toISOString() : ""), m(!1);
+          }
+        }
+      ) })
+    ] }),
+    s && /* @__PURE__ */ e.jsx(A, { children: s }),
+    r && !s && /* @__PURE__ */ e.jsx(k, { children: r })
+  ] });
+}, qt = ({ node: t, value: a, setValue: n, error: s, label: o, helperText: l, id: r }) => {
+  const [d, i] = V(!1), u = O(), m = Array.isArray(a) ? a : [], c = m[0] ? new Date(m[0]) : void 0, h = m[1] ? new Date(m[1]) : void 0, p = (f) => {
+    n([f?.from ? f.from.toISOString() : void 0, f?.to ? f.to.toISOString() : void 0]);
+  }, j = () => c && h ? `${c.toLocaleDateString()} - ${h.toLocaleDateString()}` : c ? c.toLocaleDateString() : u("renderer.defaultInputs.selectDateRange");
+  return /* @__PURE__ */ e.jsxs(R, { className: "mb-4", children: [
+    /* @__PURE__ */ e.jsxs(I, { htmlFor: r, children: [
+      o || t.data.name,
+      t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
+    ] }),
+    /* @__PURE__ */ e.jsxs(ie, { open: d, onOpenChange: i, children: [
+      /* @__PURE__ */ e.jsx(ce, { asChild: !0, children: /* @__PURE__ */ e.jsxs(re, { id: r, variant: "outline", className: "w-full justify-between font-normal", children: [
+        j(),
+        /* @__PURE__ */ e.jsx(Ae, { className: "size-4" })
+      ] }) }),
+      /* @__PURE__ */ e.jsx(de, { className: "w-auto overflow-hidden p-0", align: "start", children: /* @__PURE__ */ e.jsx(
+        at,
+        {
+          mode: "range",
+          selected: { from: c, to: h },
+          captionLayout: "dropdown",
+          onSelect: p,
+          numberOfMonths: 2
+        }
+      ) })
+    ] }),
+    s && /* @__PURE__ */ e.jsx(A, { children: s }),
+    l && !s && /* @__PURE__ */ e.jsx(k, { children: l })
+  ] });
+}, nt = (t) => new Promise((a, n) => {
+  const s = new FileReader();
+  s.onload = () => {
+    const o = s.result;
+    a({
+      data: o,
+      lastModified: t.lastModified,
+      name: t.name,
+      size: t.size,
+      type: t.type
+    });
+  }, s.onerror = () => {
+    n(new Error(`Failed to read file: ${t.name}`));
+  }, s.readAsDataURL(t);
+}), ps = (t) => {
+  const a = t.data.split(",")[1], n = atob(a), s = new ArrayBuffer(n.length), o = new Uint8Array(s);
+  for (let r = 0; r < n.length; r++)
+    o[r] = n.charCodeAt(r);
+  const l = new Blob([s], { type: t.type });
+  return new File([l], t.name, {
+    lastModified: t.lastModified,
+    type: t.type
+  });
+}, Lt = (t) => Promise.all(t.map((a) => nt(a))), Gt = ({ node: t, setValue: a, error: n, label: s, placeholder: o, helperText: l, name: r, id: d }) => {
+  const i = async (u) => {
+    const { files: m } = u.target;
+    if (!m || m.length === 0) {
+      a(null);
+      return;
+    }
+    if (t.data.multiple) {
+      const h = await Lt(Array.from(m));
+      a(h);
+      return;
+    }
+    const c = await nt(m[0]);
+    a(c);
+  };
+  return /* @__PURE__ */ e.jsxs(R, { className: "mb-4", children: [
+    /* @__PURE__ */ e.jsxs(I, { htmlFor: d, children: [
+      s || t.data.name,
+      t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
+    ] }),
+    /* @__PURE__ */ e.jsx(L, { type: "file", name: r, id: d, onChange: i, multiple: t.data.multiple, placeholder: o }),
+    n && /* @__PURE__ */ e.jsx(A, { children: n }),
+    l && !n && /* @__PURE__ */ e.jsx(k, { children: l })
+  ] });
+}, Ut = ({ value: t, name: a, id: n }) => /* @__PURE__ */ e.jsx(L, { type: "hidden", id: n, name: a, value: t ?? "" });
+function ke({ delayDuration: t = 0, ...a }) {
+  return /* @__PURE__ */ e.jsx(ae.Provider, { "data-slot": "tooltip-provider", delayDuration: t, ...a });
+}
+function rt({ ...t }) {
+  return /* @__PURE__ */ e.jsx(ke, { children: /* @__PURE__ */ e.jsx(ae.Root, { "data-slot": "tooltip", ...t }) });
+}
+function ot({ ...t }) {
+  return /* @__PURE__ */ e.jsx(ae.Trigger, { "data-slot": "tooltip-trigger", ...t });
+}
+function lt({ className: t, sideOffset: a = 0, children: n, ...s }) {
+  return /* @__PURE__ */ e.jsx(ae.Portal, { children: /* @__PURE__ */ e.jsxs(
+    ae.Content,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset: a,
+      className: b(
+        "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",
+        t
+      ),
+      ...s,
+      children: [
+        n,
+        /* @__PURE__ */ e.jsx(ae.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+      ]
+    }
+  ) });
+}
+const ve = (t, a) => a ? a.split(".").reduce((s, o) => {
+  if (s == null)
+    return;
+  const l = o.match(/^(\w+)\[(\d+)]$/);
+  if (l) {
+    const [, r, d] = l, i = s[r];
+    return Array.isArray(i) ? i[Number.parseInt(d, 10)] : i;
+  }
+  return s[o];
+}, t) : t, Fe = (t) => {
+  const a = t.matchAll(/{{([\w-]+)}}/g);
+  return Array.from(a, (n) => n[1]);
+}, Ne = (t, a) => Fe(t).every((s) => {
+  const o = a[s];
+  return o != null && o !== "";
+}), ye = (t, a, n = !1) => t.replace(/{{([\w-]+)}}/g, (s, o) => {
+  const l = String(a[o] || "");
+  return n ? encodeURIComponent(l) : l;
+}), Ht = ({ node: t, value: a, setValue: n, error: s, label: o, placeholder: l, helperText: r, id: d, name: i }) => {
+  const [u, m] = V(!1), [c, h] = V(null), [p, j] = V([]), [f, w] = V(""), [T, y] = V(!1), { formValues: N } = ue(), x = O(), { httpConfig: g } = t.data, C = J(!1), _ = J(""), G = J(g), W = J(N), ne = J(n), Z = J(null), U = H(() => g?.url ? Fe(g.url) : [], [g?.url]), ee = U.length > 0, te = H(() => U.map((F) => `${F}:${String(N[F] ?? "")}`).join("|"), [U, N]), S = H(() => g?.url ? ee ? Ne(g.url, N) : !0 : !1, [g?.url, ee, N]), M = Y(
+    async (F) => {
+      const v = G.current, D = W.current, q = ne.current;
+      if (!v?.url) {
+        h(x("renderer.defaultHttpInput.noUrlConfigured"));
+        return;
+      }
+      if (!(v.url && !Ne(v.url, D))) {
+        m(!0), h(null);
+        try {
+          const E = ye(v.url, D, !0), z = v.searchParam && F ? `${E}${E.includes("?") ? "&" : "?"}${v.searchParam}=${encodeURIComponent(F)}` : E, P = {};
+          v.headers?.forEach((se) => {
+            P[se.key] = ye(se.value, D);
+          });
+          const B = v.body && ["POST", "PUT", "PATCH"].includes(v.method || "") ? ye(v.body, D) : void 0, $ = await fetch(z, {
+            body: B || void 0,
+            headers: {
+              "Content-Type": "application/json",
+              ...P
+            },
+            method: v.method || "GET"
+          });
+          if (!$.ok) {
+            h(`HTTP ${$.status}: ${$.statusText}`), m(!1);
+            return;
+          }
+          const oe = await $.json(), X = v.responsePath ? ve(oe, v.responsePath) : oe;
+          if (v.responseMapping && Array.isArray(X)) {
+            const { valueField: se = "value", labelField: me = "label" } = v.responseMapping, fe = X.map((Te) => ({
+              label: String(ve(Te, me) || ""),
+              value: String(ve(Te, se) || "")
+            }));
+            j(fe);
+          } else
+            q(typeof X == "string" ? X : JSON.stringify(X));
+        } catch (E) {
+          const z = E instanceof Error ? E.message : x("renderer.defaultHttpInput.fetchFailed");
+          h(z), console.error("HTTP Input fetch error:", E);
+        } finally {
+          m(!1);
+        }
+      }
+    },
+    [x]
+  );
+  if (K(() => {
+    G.current = g, W.current = N, ne.current = n, Z.current = M;
+  }, [g, N, n, M]), K(() => {
+    if (C.current)
+      return;
+    C.current = !0;
+    const F = G.current, v = W.current, D = Z.current, q = F?.url && Ne(F.url, v);
+    if (F?.fetchOnMount && q && D && (D(), F.url)) {
+      const E = Fe(F.url);
+      _.current = E.map((z) => `${z}:${String(v[z] ?? "")}`).join("|");
+    }
+  }, []), K(() => {
+    if (!C.current || !ee || _.current === te || !S)
+      return;
+    const F = setTimeout(() => {
+      M(), _.current = te;
+    }, 500);
+    return () => clearTimeout(F);
+  }, [te, ee, S, M]), K(() => {
+    if (!(g?.searchParam && f))
+      return;
+    const F = setTimeout(() => {
+      M(f);
+    }, 300);
+    return () => clearTimeout(F);
+  }, [f, g?.searchParam, M]), g?.responseMapping) {
+    const F = Array.isArray(a) ? a[0] : a, v = p.find((P) => P.value === F);
+    if (g.searchParam) {
+      const B = u && g?.showLoading ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ e.jsx(xe, { className: "h-4 w-4 animate-spin" }),
+        /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground", children: v?.label || l || "Search..." })
+      ] }) : v?.label || l || "Search...";
+      return /* @__PURE__ */ e.jsxs(R, { className: "mb-4", children: [
+        /* @__PURE__ */ e.jsxs(I, { children: [
+          o || t.data.name,
+          t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
+        ] }),
+        /* @__PURE__ */ e.jsxs(ie, { open: T, onOpenChange: y, children: [
+          /* @__PURE__ */ e.jsx(ce, { asChild: !0, children: /* @__PURE__ */ e.jsxs(re, { variant: "outline", role: "combobox", "aria-expanded": T, className: "w-full justify-between", children: [
+            B,
+            /* @__PURE__ */ e.jsx(We, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+          ] }) }),
+          /* @__PURE__ */ e.jsx(de, { className: "w-[300px] p-0", align: "start", children: /* @__PURE__ */ e.jsxs(Se, { shouldFilter: !1, children: [
+            /* @__PURE__ */ e.jsx(
+              Ve,
+              {
+                placeholder: "Search...",
+                value: f,
+                onValueChange: ($) => {
+                  w($), h(null);
+                }
+              }
+            ),
+            /* @__PURE__ */ e.jsxs(Ce, { children: [
+              u && /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-center p-4", children: /* @__PURE__ */ e.jsx(xe, { className: "h-4 w-4 animate-spin" }) }),
+              !u && c && /* @__PURE__ */ e.jsxs("div", { className: "p-4 text-destructive text-sm", children: [
+                /* @__PURE__ */ e.jsx("div", { children: c }),
+                /* @__PURE__ */ e.jsx("button", { type: "button", onClick: () => M(f), className: "mt-2 block text-primary hover:underline", children: "Retry" })
+              ] }),
+              !(u || c) && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                /* @__PURE__ */ e.jsx(Ie, { children: "No results found." }),
+                /* @__PURE__ */ e.jsx(De, { children: p.map(($) => /* @__PURE__ */ e.jsxs(
+                  Re,
+                  {
+                    value: $.value,
+                    onSelect: () => {
+                      n($.value), y(!1);
+                    },
+                    children: [
+                      /* @__PURE__ */ e.jsx(Je, { className: b("mr-2 h-4 w-4", a === $.value ? "opacity-100" : "opacity-0") }),
+                      $.label
+                    ]
+                  },
+                  $.value
+                )) })
+              ] })
+            ] })
+          ] }) })
+        ] }),
+        s && /* @__PURE__ */ e.jsx(A, { children: s }),
+        r && !s && /* @__PURE__ */ e.jsx(k, { children: r })
+      ] });
+    }
+    const D = u && g?.showLoading, q = U.filter((P) => {
+      const B = N[P];
+      return B == null || B === "";
+    }), E = p.length === 0 && !D ? q.length > 0 ? `Waiting for required fields: ${q.join(", ")}` : 'No data available. Configure "Fetch on mount" or add a search parameter.' : void 0, z = /* @__PURE__ */ e.jsxs(
+      Me,
+      {
+        value: Array.isArray(a) ? a[0] ?? "" : a ?? "",
+        onValueChange: (P) => n(P),
+        disabled: D || p.length === 0,
+        name: i,
+        children: [
+          /* @__PURE__ */ e.jsxs(Be, { id: d, name: i, className: "w-full", children: [
+            D && /* @__PURE__ */ e.jsx(xe, { className: "mr-2 h-4 w-4 animate-spin" }),
+            /* @__PURE__ */ e.jsx(qe, { placeholder: l || x("renderer.defaultHttpInput.selectOption") })
+          ] }),
+          /* @__PURE__ */ e.jsx(Le, { children: /* @__PURE__ */ e.jsx(Ge, { children: p.map((P, B) => /* @__PURE__ */ e.jsx(Ue, { value: P.value, children: P.label }, P.value + B)) }) })
+        ]
+      }
+    );
+    return /* @__PURE__ */ e.jsxs(R, { className: "mb-4", children: [
+      /* @__PURE__ */ e.jsxs(I, { htmlFor: d, children: [
+        o || t.data.name,
+        t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
+      ] }),
+      E ? /* @__PURE__ */ e.jsx(ke, { children: /* @__PURE__ */ e.jsxs(rt, { children: [
+        /* @__PURE__ */ e.jsx(ot, { asChild: !0, children: /* @__PURE__ */ e.jsx("div", { className: "w-full", children: z }) }),
+        /* @__PURE__ */ e.jsx(lt, { children: /* @__PURE__ */ e.jsx("p", { children: E }) })
+      ] }) }) : z,
+      s && /* @__PURE__ */ e.jsx(A, { children: s }),
+      r && !s && /* @__PURE__ */ e.jsx(k, { children: r })
+    ] });
+  }
+  return /* @__PURE__ */ e.jsxs(R, { className: "mb-4", children: [
+    /* @__PURE__ */ e.jsxs(I, { htmlFor: d, children: [
+      o || t.data.name,
+      t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
+    ] }),
+    /* @__PURE__ */ e.jsx(L, { type: "text", name: i, id: d, value: typeof a == "string" ? a : JSON.stringify(a), readOnly: !0, disabled: !0 }),
+    s && /* @__PURE__ */ e.jsx(A, { children: s }),
+    r && !s && /* @__PURE__ */ e.jsx(k, { children: r })
+  ] });
+}, Kt = ({ node: t, value: a, setValue: n, error: s, label: o, placeholder: l, helperText: r, name: d, id: i }) => /* @__PURE__ */ e.jsxs(R, { className: "mb-4", children: [
+  /* @__PURE__ */ e.jsxs(I, { htmlFor: i, children: [
+    o || t.data.name,
+    t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
+  ] }),
+  /* @__PURE__ */ e.jsx(
+    L,
+    {
+      id: i,
+      type: "number",
+      name: d,
+      value: a ?? "",
+      onChange: (u) => n(u.target.value === "" ? null : Number(u.target.value)),
+      placeholder: l
+    }
+  ),
+  s && /* @__PURE__ */ e.jsx(A, { children: s }),
+  r && !s && /* @__PURE__ */ e.jsx(k, { children: r })
+] }), Wt = ({ node: t, value: a, setValue: n, error: s, label: o, placeholder: l, helperText: r, name: d, id: i }) => /* @__PURE__ */ e.jsxs(R, { className: "mb-4", children: [
+  /* @__PURE__ */ e.jsxs(I, { htmlFor: i, children: [
+    o || t.data.name,
+    t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
+  ] }),
+  /* @__PURE__ */ e.jsx(
+    L,
+    {
+      id: i,
+      name: d,
+      type: "password",
+      value: a ?? "",
+      onChange: (u) => n(u.target.value),
+      placeholder: l,
+      autoComplete: "new-password"
+    }
+  ),
+  s && /* @__PURE__ */ e.jsx(A, { children: s }),
+  r && !s && /* @__PURE__ */ e.jsx(k, { children: r })
+] });
+function Jt({ className: t, ...a }) {
+  return /* @__PURE__ */ e.jsx(we.Root, { "data-slot": "radio-group", className: b("grid gap-3", t), ...a });
+}
+function Qt({ className: t, ...a }) {
+  return /* @__PURE__ */ e.jsx(
+    we.Item,
+    {
+      "data-slot": "radio-group-item",
+      className: b(
+        "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",
+        t
+      ),
+      ...a,
+      children: /* @__PURE__ */ e.jsx(we.Indicator, { "data-slot": "radio-group-indicator", className: "relative flex items-center justify-center", children: /* @__PURE__ */ e.jsx(gt, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" }) })
+    }
+  );
+}
+const Xt = ({ node: t, value: a, setValue: n, error: s, label: o, helperText: l, id: r, name: d }) => {
+  const i = O(), u = a ? String(a) : "";
+  return /* @__PURE__ */ e.jsxs(R, { className: "mb-4", children: [
+    /* @__PURE__ */ e.jsxs(I, { className: "mb-1", htmlFor: r, children: [
+      o || t.data.name,
+      t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
+    ] }),
+    /* @__PURE__ */ e.jsx(Jt, { value: u, onValueChange: (m) => n(m), id: r, name: d, children: t.data.options?.map((m, c) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
+      /* @__PURE__ */ e.jsx(Qt, { value: String(m.value), id: `${r}-${m.value}`, disabled: m.disabled }),
+      /* @__PURE__ */ e.jsx(I, { htmlFor: `${r}-${m.value}`, className: "cursor-pointer font-normal text-sm", children: i(m.label) ? i(m.label) : m.value })
+    ] }, m.value + c)) }),
+    s && /* @__PURE__ */ e.jsx(A, { children: s }),
+    l && !s && /* @__PURE__ */ e.jsx(k, { children: l })
+  ] });
+}, Yt = ({ node: t, value: a, setValue: n, error: s, label: o, placeholder: l, helperText: r, name: d, id: i }) => {
+  const u = O(), m = a ? String(a) : "";
+  return /* @__PURE__ */ e.jsxs(R, { className: "mb-4", children: [
+    /* @__PURE__ */ e.jsxs(I, { htmlFor: i, children: [
+      o || t.data.name,
+      t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
+    ] }),
+    /* @__PURE__ */ e.jsxs(Me, { name: d, value: m, onValueChange: (c) => n(c), children: [
+      /* @__PURE__ */ e.jsx(Be, { id: i, name: d, className: "w-full", children: /* @__PURE__ */ e.jsx(qe, { placeholder: l || u("renderer.defaultSelectInput.selectOption") }) }),
+      /* @__PURE__ */ e.jsx(Le, { children: /* @__PURE__ */ e.jsx(Ge, { children: t.data.options?.map((c, h) => /* @__PURE__ */ e.jsx(Ue, { value: String(c.value), disabled: c.disabled, children: u(c.label) ? u(c.label) : c.value }, `${c.value}-${h}`)) }) })
+    ] }),
+    s && /* @__PURE__ */ e.jsx(A, { children: s }),
+    r && !s && /* @__PURE__ */ e.jsx(k, { children: r })
+  ] });
+}, Zt = ({ node: t, value: a, setValue: n, error: s, label: o, helperText: l, name: r, id: d }) => /* @__PURE__ */ e.jsxs(R, { className: "mb-4", children: [
+  /* @__PURE__ */ e.jsxs(I, { htmlFor: d, children: [
+    o || t.data.name,
+    t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
+  ] }),
+  /* @__PURE__ */ e.jsx(ct, { id: d, name: r, checked: a, onCheckedChange: n }),
+  l && !s && /* @__PURE__ */ e.jsx(k, { children: l }),
+  s && /* @__PURE__ */ e.jsx(A, { children: s })
+] }), es = ({ node: t, value: a, setValue: n, error: s, label: o, placeholder: l, helperText: r, name: d, id: i }) => /* @__PURE__ */ e.jsxs(R, { className: "mb-4", children: [
+  /* @__PURE__ */ e.jsxs(I, { htmlFor: i, children: [
+    o || t.data.name,
+    t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
+  ] }),
+  /* @__PURE__ */ e.jsx(
+    dt,
+    {
+      id: i,
+      name: d,
+      value: a ?? "",
+      onChange: (u) => n(u.target.value),
+      placeholder: l,
+      className: "w-full rounded-md border px-3 py-2",
+      rows: 4
+    }
+  ),
+  s && /* @__PURE__ */ e.jsx(A, { children: s }),
+  r && !s && /* @__PURE__ */ e.jsx(k, { children: r })
+] }), ts = ({ node: t, value: a, setValue: n, error: s, label: o, placeholder: l, helperText: r, name: d, id: i }) => /* @__PURE__ */ e.jsxs(R, { className: "mb-4", children: [
+  /* @__PURE__ */ e.jsxs(I, { htmlFor: i, children: [
+    o || t.data.name,
+    t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
+  ] }),
+  /* @__PURE__ */ e.jsx(L, { type: "text", id: i, name: d, value: a ?? "", onChange: (u) => n(u.target.value), placeholder: l }),
+  s && /* @__PURE__ */ e.jsx(A, { children: s }),
+  r && !s && /* @__PURE__ */ e.jsx(k, { children: r })
+] }), ss = ({ node: t, value: a, setValue: n, error: s, label: o, placeholder: l, helperText: r, name: d, id: i }) => /* @__PURE__ */ e.jsxs(R, { className: "mb-4", children: [
+  /* @__PURE__ */ e.jsxs(I, { htmlFor: i, children: [
+    o || t.data.name,
+    t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
+  ] }),
+  /* @__PURE__ */ e.jsx(
+    L,
+    {
+      type: "time",
+      id: i,
+      name: d,
+      value: a ?? "",
+      onChange: (u) => n(u.target.value),
+      placeholder: l,
+      className: "bg-background [color-scheme:light] dark:[color-scheme:dark]"
+    }
+  ),
+  s && /* @__PURE__ */ e.jsx(A, { children: s }),
+  r && !s && /* @__PURE__ */ e.jsx(k, { children: r })
+] }), as = ({ node: t, value: a, setValue: n, error: s, label: o, helperText: l, id: r, name: d }) => {
+  const i = O(), u = Array.isArray(a) ? a : [], m = u[0] || "", c = u[1] || "", h = (j) => {
+    n([j, c]);
+  }, p = (j) => {
+    n([m, j]);
+  };
+  return /* @__PURE__ */ e.jsxs(R, { className: "mb-4", children: [
+    /* @__PURE__ */ e.jsxs(I, { htmlFor: `${r}-start`, children: [
+      o || t.data.name,
+      t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ e.jsx(
+        L,
+        {
+          id: `${r}-start`,
+          name: `${d}-start`,
+          "aria-label": `${o || t.data.name} - ${i("renderer.defaultInputs.startTime")}`,
+          "aria-invalid": !!s,
+          "aria-describedby": s ? `${t.id}-error` : void 0,
+          type: "time",
+          value: m,
+          onChange: (j) => h(j.target.value),
+          placeholder: i("renderer.defaultInputs.startTime"),
+          className: "flex-1 bg-background [color-scheme:light] dark:[color-scheme:dark]"
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        L,
+        {
+          id: `${r}-end`,
+          name: `${d}-end`,
+          "aria-label": `${o || t.data.name} - ${i("renderer.defaultInputs.endTime")}`,
+          "aria-invalid": !!s,
+          "aria-describedby": s ? `${t.id}-error` : void 0,
+          type: "time",
+          value: c,
+          onChange: (j) => p(j.target.value),
+          placeholder: i("renderer.defaultInputs.endTime"),
+          className: "flex-1 bg-background [color-scheme:light] dark:[color-scheme:dark]"
+        }
+      )
+    ] }),
+    s && /* @__PURE__ */ e.jsx(A, { children: s }),
+    l && !s && /* @__PURE__ */ e.jsx(k, { children: l })
+  ] });
+}, ns = {
+  address: Ot,
+  autocomplete: zt,
+  checkbox: Vt,
+  date: Bt,
+  daterange: qt,
+  file: Gt,
+  hidden: Ut,
+  http: Ht,
+  number: Kt,
+  password: Wt,
+  radio: Xt,
+  select: Yt,
+  switch: Zt,
+  text: ts,
+  textarea: es,
+  time: ss,
+  timerange: as
+}, rs = ({ label: t = "Submit", ...a }) => /* @__PURE__ */ e.jsx(
+  "button",
+  {
+    type: "submit",
+    className: "mt-4 rounded-md bg-blue-500 px-4 py-2 font-medium text-white transition-colors hover:bg-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+    ...a,
+    children: t
+  }
+), os = ({ node: t }) => {
+  const n = O()(t.data?.label);
+  return n ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-3", children: [
+    /* @__PURE__ */ e.jsx(pe, { className: "my-8 flex-1" }),
+    /* @__PURE__ */ e.jsx("h4", { className: "font-semibold text-sm", children: n }),
+    /* @__PURE__ */ e.jsx(pe, { className: "my-8 flex-1" })
+  ] }) : /* @__PURE__ */ e.jsx(pe, { className: "my-8" });
+}, ls = ({ node: t }) => {
+  const { edges: a } = ue(), n = O(), s = Ze(t.id, a);
+  return /* @__PURE__ */ e.jsx("h2", { className: b("mb-5 font-bold text-2xl", !s && "mt-10"), children: n(t.data?.label) });
+}, is = {
+  divider: os,
+  title: ls
+}, cs = ({ children: t, missingFields: a = [] }) => {
+  const n = a.length > 0, s = O();
+  return n ? /* @__PURE__ */ e.jsx(ke, { children: /* @__PURE__ */ e.jsxs(rt, { children: [
+    /* @__PURE__ */ e.jsx(ot, { asChild: !0, children: t }),
+    /* @__PURE__ */ e.jsx(lt, { children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ e.jsxs("p", { className: "font-semibold", children: [
+        s("renderer.defaultSubmitButton.requiredFieldsMissing"),
+        ":"
+      ] }),
+      /* @__PURE__ */ e.jsx("ul", { className: "list-inside list-disc", children: a.map((o, l) => /* @__PURE__ */ e.jsx("li", { children: o }, l)) })
+    ] }) })
+  ] }) }) : t;
+}, gs = ({
+  components: t,
+  flows: a,
+  googleApiKey: n,
+  initialValues: s = {},
+  language: o,
+  onChange: l,
+  onSubmit: r,
+  theme: d,
+  validate: i,
+  validationMode: u
+}) => {
+  const m = jt(), c = {
+    components: {
+      form: t?.form ?? m?.components?.form,
+      group: t?.group ?? m?.components?.group,
+      inputs: { ...m?.components?.inputs, ...t?.inputs },
+      submitButton: t?.submitButton ?? m?.components?.submitButton,
+      submitButtonWrapper: t?.submitButtonWrapper ?? m?.components?.submitButtonWrapper,
+      ui: { ...m?.components?.ui, ...t?.ui }
+    },
+    googleApiKey: n ?? m?.googleApiKey,
+    language: o ?? m?.language ?? "en",
+    theme: d ?? m?.theme ?? "dark",
+    validationMode: u ?? m?.validationMode ?? "onSubmit"
+  }, {
+    canSubmit: h,
+    mergedFlow: p,
+    formErrors: j,
+    formValues: f,
+    inputNodes: w,
+    missingRequiredFields: T,
+    visibleNodes: y,
+    visibleRootNodes: N,
+    setFieldValue: x,
+    validateForm: g,
+    t: C
+  } = Tt(a, s, c.language), _ = c.components.form || Et, G = c.components.submitButton || rs, W = c.components.submitButtonWrapper || cs, ne = J(l), Z = J(i), U = H(() => wt(f, w), [f, w]), ee = Y(
+    (S) => {
+      S.preventDefault();
+      const { isValid: M, errors: F } = g(Z.current);
+      if (M && r) {
+        r(U);
+        return;
+      }
+      const v = Object.keys(F)[0];
+      console.log(v), v && document.getElementById(v)?.focus();
+    },
+    [g, r, U]
+  ), te = Y(
+    (S) => {
+      const { type: M } = S;
+      switch (M) {
+        case le.input: {
+          if (!Q(S))
+            return null;
+          const F = S.data, v = F.type || "text", D = c.components.inputs?.[v], q = ns[v], E = D || q, z = S.id, P = f[z], B = j[z], $ = (fe) => x(z, fe), oe = ge(F.label, c.language), X = ge(F.placeholder, c.language), se = ge(F.helperText, c.language), me = Ye(S);
+          return /* @__PURE__ */ e.jsx(
+            E,
+            {
+              id: S.id,
+              node: S,
+              value: P,
+              error: B,
+              label: oe,
+              placeholder: X,
+              helperText: se,
+              name: me,
+              setValue: $
+            },
+            S.id
+          );
+        }
+        case le.group: {
+          if (!mt(S))
+            return null;
+          const F = c.components.group || _t, v = y.filter((D) => D.parentId === S.id);
+          return /* @__PURE__ */ e.jsx(F, { node: S, children: v.map((D) => te(D)) }, S.id);
+        }
+        case le.ui: {
+          if (!ut(S))
+            return null;
+          const v = S.data.type || "title", D = c.components.ui?.[v], q = is[v], E = D || q;
+          return /* @__PURE__ */ e.jsx(E, { node: S }, S.id);
+        }
+        case le.flow:
+          return null;
+        default:
+          return console.warn("Unknown node type:", M), null;
+      }
+    },
+    [c.components, c.language, y, f, j, x]
+  );
+  return K(() => {
+    ne.current = l;
+  }, [l]), K(() => {
+    Z.current = i;
+  }, [i]), K(() => {
+    ne.current?.(U);
+  }, [U]), K(() => {
+    c.validationMode === "onChange" && g(Z.current);
+  }, [c.validationMode, g]), /* @__PURE__ */ e.jsx(ft, { theme: c.theme, storageKey: "treege-renderer-theme", children: /* @__PURE__ */ e.jsx(
+    kt,
+    {
+      value: {
+        flows: p,
+        formErrors: j,
+        formValues: f,
+        googleApiKey: c.googleApiKey,
+        language: c.language,
+        setFieldValue: x
+      },
+      children: /* @__PURE__ */ e.jsxs(_, { onSubmit: ee, children: [
+        N.map((S) => te(S)),
+        h && /* @__PURE__ */ e.jsx(W, { missingFields: T, children: /* @__PURE__ */ e.jsx(G, { label: C("renderer.defaultSubmitButton.submit") }) })
+      ] })
+    }
+  ) });
+};
+export {
+  nt as A,
+  ps as B,
+  Lt as C,
+  _t as D,
+  Ze as E,
+  Ct as F,
+  Dt as G,
+  tt as H,
+  be as I,
+  yt as J,
+  wt as K,
+  hs as T,
+  Tt as a,
+  gs as b,
+  Ot as c,
+  zt as d,
+  Vt as e,
+  Bt as f,
+  qt as g,
+  Gt as h,
+  Ut as i,
+  Ht as j,
+  Kt as k,
+  Wt as l,
+  Xt as m,
+  Yt as n,
+  Zt as o,
+  es as p,
+  ts as q,
+  ss as r,
+  as as s,
+  ns as t,
+  jt as u,
+  os as v,
+  ls as w,
+  is as x,
+  je as y,
+  vt as z
+};