treege 2.1.0 → 3.0.0-beta.2

package/dist/TreegeRenderer-D3EvsEfJ.js

@@ -0,0 +1,1413 @@
+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
+};