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

package/dist/TreegeRenderer-D3EvsEfJ.js

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