treege 3.0.0-beta.8 → 3.0.0-beta.9

package/dist/TreegeRenderer-BVaqgInZ.js

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