treege 3.0.0-beta.26 → 3.0.0-beta.28

package/dist/TreegeRenderer-DbE0m_4e.js

@@ -0,0 +1,1047 @@
+import { j as e, T as Ze } from "./ThemeContext-BBEqRK_Q.js";
+import * as Re from "react";
+import { useState as $, useCallback as oe, useEffect as K, useRef as V, useMemo as me, forwardRef as et } from "react";
+import { q as R, r as ve, c as tt, f as at, k as st, p as rt, t as nt, u as lt, i as ot, a as it, v as dt, w as ct } from "./useRenderNode-BACcrUML.js";
+import { MapPin as Ae, ChevronsUpDown as ze, Check as Pe, ChevronLeftIcon as ut, ChevronRightIcon as mt, ChevronDownIcon as ye, Loader2 as he, CircleIcon as ht } from "lucide-react";
+import { F as N, L as v, I as _, C as Ne, a as we, b as Ce, c as Se, d as Ie, e as w, f as C, P as ie, g as de, B as ee, h as ce, i as _e, j as h, k as Te, l as $e, S as Oe, m as qe, n as Be, o as He, p as Ve, q as Le, r as pt, T as xt, s as pe } from "./separator-oCo7kxCK.js";
+import { getDefaultClassNames as Ee, DayPicker as ft } from "react-day-picker";
+import * as Q from "@radix-ui/react-tooltip";
+import * as je from "@radix-ui/react-radio-group";
+import "dompurify";
+import "cmdk";
+import "@radix-ui/react-dialog";
+import "clsx";
+import "tailwind-merge";
+import "@radix-ui/react-label";
+import "@radix-ui/react-popover";
+import "@radix-ui/react-checkbox";
+import "@radix-ui/react-select";
+import "@radix-ui/react-switch";
+import "@radix-ui/react-separator";
+const gt = ({ children: t, onSubmit: s }) => /* @__PURE__ */ e.jsx("form", { onSubmit: s, className: "mx-auto max-w-2xl gap-y-3", children: t }), jt = ({ node: t, children: s }) => {
+  const a = R()(t.data.label);
+  return /* @__PURE__ */ e.jsxs("section", { className: "mb-6 rounded-lg border p-4", children: [
+    a && /* @__PURE__ */ e.jsx("h3", { className: "mb-4 font-semibold text-lg", children: a }),
+    s
+  ] });
+}, bt = async (t, s) => {
+  if (!t || t.trim().length < 3)
+    return [];
+  try {
+    const r = await fetch(
+      `https://nominatim.openstreetmap.org/search?q=${encodeURIComponent(t)}&format=jsonv2&addressdetails=1&limit=5`,
+      {
+        headers: {
+          Accept: "application/json",
+          "User-Agent": "Treege Renderer",
+          ...s && { "Accept-Language": s }
+        }
+      }
+    );
+    return r.ok ? (await r.json()).map((o) => ({
+      label: o.display_name,
+      value: o.display_name
+    })) : [];
+  } catch (r) {
+    return console.error("Nominatim fetch error:", r), [];
+  }
+}, vt = (t) => !t || t.trim().length < 3 ? Promise.resolve([]) : new Promise((s) => {
+  if (!window.google?.maps?.places) {
+    console.warn("Google Places SDK not loaded yet"), s([]);
+    return;
+  }
+  new window.google.maps.places.AutocompleteService().getPlacePredictions({ input: t }, (a, o) => {
+    if (o !== google.maps.places.PlacesServiceStatus.OK || !a) {
+      console.warn("Google Places API status:", o), s([]);
+      return;
+    }
+    s(
+      a.map((i) => ({
+        label: i.description,
+        value: i.description
+      }))
+    );
+  });
+}), yt = ({ node: t, value: s, setValue: r, error: a, label: o, placeholder: i, helperText: l, id: u, name: n }) => {
+  const [d, m] = $(""), [c, p] = $([]), [g, x] = $(!1), { googleApiKey: f, language: I } = ve(), T = R(), M = oe(
+    (b) => {
+      r(b.value), m(b.value), x(!1);
+    },
+    [r]
+  );
+  K(() => {
+    if (!d || d.trim().length < 3) {
+      p([]);
+      return;
+    }
+    const b = setTimeout(async () => {
+      const S = f ? await vt(d) : await bt(d, I);
+      p(S);
+    }, 300);
+    return () => clearTimeout(b);
+  }, [d, f, I]);
+  const A = oe(
+    (b) => {
+      r(b), m(b), b.length >= 3 && x(!0);
+    },
+    [r]
+  );
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    f && /* @__PURE__ */ e.jsx("script", { async: !0, src: `https://maps.googleapis.com/maps/api/js?key=${f}&libraries=places` }),
+    /* @__PURE__ */ e.jsxs(N, { className: "mb-4", children: [
+      /* @__PURE__ */ e.jsxs(v, { htmlFor: u, children: [
+        o || t.data.name,
+        t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ e.jsx(
+          _,
+          {
+            type: "text",
+            id: u,
+            name: n,
+            value: s || "",
+            onChange: (b) => A(b.target.value),
+            onFocus: () => {
+              c.length > 0 && x(!0);
+            },
+            placeholder: i || T("renderer.defaultAddressInput.enterAddress"),
+            className: "pr-10",
+            autoComplete: "off"
+          }
+        ),
+        /* @__PURE__ */ e.jsx(Ae, { className: "-translate-y-1/2 pointer-events-none absolute top-1/2 right-3 h-4 w-4 text-muted-foreground" }),
+        g && /* @__PURE__ */ e.jsx("div", { className: "absolute z-50 mt-1 w-full rounded-md border bg-popover shadow-md", children: /* @__PURE__ */ e.jsx(Ne, { children: /* @__PURE__ */ e.jsxs(we, { children: [
+          /* @__PURE__ */ e.jsx(Ce, { children: T("renderer.defaultAddressInput.noAddressesFound") }),
+          /* @__PURE__ */ e.jsx(Se, { children: c.map((b, S) => /* @__PURE__ */ e.jsxs(
+            Ie,
+            {
+              value: b.value,
+              onSelect: () => M(b),
+              onMouseDown: (y) => y.preventDefault(),
+              children: [
+                /* @__PURE__ */ e.jsx(Ae, { className: "mr-2 h-4 w-4" }),
+                b.label
+              ]
+            },
+            S
+          )) })
+        ] }) }) })
+      ] }),
+      a && /* @__PURE__ */ e.jsx(w, { children: a }),
+      l && !a && /* @__PURE__ */ e.jsx(C, { children: l })
+    ] })
+  ] });
+}, Nt = ({
+  node: t,
+  value: s,
+  setValue: r,
+  error: a,
+  label: o,
+  placeholder: i,
+  helperText: l,
+  id: u
+}) => {
+  const n = R(), [d, m] = $(!1), c = `${u}-trigger`, p = `${u}-error`, g = t.data.options || [], x = g.find((f) => f.value === s);
+  return /* @__PURE__ */ e.jsxs(N, { className: "mb-4", children: [
+    /* @__PURE__ */ e.jsxs(v, { htmlFor: c, children: [
+      o || t.data.name,
+      t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
+    ] }),
+    /* @__PURE__ */ e.jsxs(ie, { open: d, onOpenChange: m, children: [
+      /* @__PURE__ */ e.jsx(de, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+        ee,
+        {
+          id: c,
+          variant: "outline",
+          role: "combobox",
+          "aria-expanded": d,
+          "aria-invalid": !!a || void 0,
+          "aria-describedby": a ? p : void 0,
+          className: "w-full justify-between font-normal",
+          children: [
+            s ? x?.label ? n(x.label) : s : i || n("renderer.defaultAutocompleteInput.selectOption"),
+            /* @__PURE__ */ e.jsx(ze, { className: "ml-2 size-4 shrink-0 opacity-50" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ e.jsx(ce, { className: "w-full p-0", align: "start", children: /* @__PURE__ */ e.jsxs(Ne, { children: [
+        /* @__PURE__ */ e.jsx(_e, { placeholder: i || n("renderer.defaultAutocompleteInput.search") }),
+        /* @__PURE__ */ e.jsxs(we, { children: [
+          /* @__PURE__ */ e.jsx(Ce, { children: n("renderer.defaultAutocompleteInput.noResults") }),
+          /* @__PURE__ */ e.jsx(Se, { children: g.map((f) => /* @__PURE__ */ e.jsxs(
+            Ie,
+            {
+              value: f.value,
+              disabled: f.disabled,
+              onSelect: (I) => {
+                r(I === s ? "" : I), m(!1);
+              },
+              children: [
+                /* @__PURE__ */ e.jsx(Pe, { className: h("mr-2 size-4", s === f.value ? "opacity-100" : "opacity-0") }),
+                n(f.label)
+              ]
+            },
+            f.value
+          )) })
+        ] })
+      ] }) })
+    ] }),
+    a && /* @__PURE__ */ e.jsx(w, { id: p, children: a }),
+    l && !a && /* @__PURE__ */ e.jsx(C, { children: l })
+  ] });
+}, wt = ({ node: t, value: s, setValue: r, error: a, label: o, helperText: i, id: l, name: u }) => {
+  const n = R();
+  if (t.data.options && t.data.options.length > 0) {
+    const d = Array.isArray(s) ? s.map(String) : [], m = (c, p) => {
+      const g = p ? [...d, c] : d.filter((x) => x !== c);
+      r(g);
+    };
+    return /* @__PURE__ */ e.jsxs(N, { className: "mb-4", children: [
+      /* @__PURE__ */ e.jsxs(v, { className: "mb-1", children: [
+        o || t.data.name,
+        t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
+      ] }),
+      /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: t.data.options.map((c, p) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ e.jsx(
+          Te,
+          {
+            id: `${l}-${c.value}`,
+            name: u,
+            checked: d.includes(String(c.value)),
+            onCheckedChange: (g) => m(String(c.value), !!g),
+            disabled: c.disabled
+          }
+        ),
+        /* @__PURE__ */ e.jsx(v, { htmlFor: `${l}-${c.value}`, className: "cursor-pointer font-normal text-sm", children: n(c.label) ? n(c.label) : c.value })
+      ] }, c.value + p)) }),
+      a && /* @__PURE__ */ e.jsx(w, { children: a }),
+      i && !a && /* @__PURE__ */ e.jsx(C, { children: i })
+    ] });
+  }
+  return /* @__PURE__ */ e.jsxs(N, { className: "mb-4", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ e.jsx(
+        Te,
+        {
+          id: l,
+          name: u,
+          checked: typeof s == "boolean" ? s : !1,
+          onCheckedChange: (d) => r(!!d)
+        }
+      ),
+      /* @__PURE__ */ e.jsxs("div", { children: [
+        /* @__PURE__ */ e.jsxs(v, { htmlFor: l, className: "cursor-pointer font-medium text-sm", children: [
+          o || t.data.name,
+          t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
+        ] }),
+        i && !a && /* @__PURE__ */ e.jsx(C, { children: i })
+      ] })
+    ] }),
+    a && /* @__PURE__ */ e.jsx(w, { children: a })
+  ] });
+};
+function Me({
+  className: t,
+  classNames: s,
+  showOutsideDays: r = !0,
+  captionLayout: a = "label",
+  buttonVariant: o = "ghost",
+  formatters: i,
+  components: l,
+  ...u
+}) {
+  const n = Ee();
+  return /* @__PURE__ */ e.jsx(
+    ft,
+    {
+      showOutsideDays: r,
+      className: h(
+        "group/calendar bg-background p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
+        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
+        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
+        t
+      ),
+      captionLayout: a,
+      formatters: {
+        formatMonthDropdown: (d) => d.toLocaleString("default", { month: "short" }),
+        ...i
+      },
+      classNames: {
+        button_next: h(
+          $e({ variant: o }),
+          "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
+          n.button_next
+        ),
+        button_previous: h(
+          $e({ variant: o }),
+          "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
+          n.button_previous
+        ),
+        caption_label: h(
+          "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",
+          n.caption_label
+        ),
+        day: h(
+          "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",
+          n.day
+        ),
+        disabled: h("text-muted-foreground opacity-50", n.disabled),
+        dropdown: h("absolute bg-popover inset-0 opacity-0", n.dropdown),
+        dropdown_root: h(
+          "relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md",
+          n.dropdown_root
+        ),
+        dropdowns: h("w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5", n.dropdowns),
+        hidden: h("invisible", n.hidden),
+        month: h("flex flex-col w-full gap-4", n.month),
+        month_caption: h("flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)", n.month_caption),
+        months: h("flex gap-4 flex-col md:flex-row relative", n.months),
+        nav: h("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between", n.nav),
+        outside: h("text-muted-foreground aria-selected:text-muted-foreground", n.outside),
+        range_end: h("rounded-r-md bg-accent", n.range_end),
+        range_middle: h("rounded-none", n.range_middle),
+        range_start: h("rounded-l-md bg-accent", n.range_start),
+        root: h("w-fit", n.root),
+        table: "w-full border-collapse",
+        today: h("bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none", n.today),
+        week: h("flex w-full mt-2", n.week),
+        week_number: h("text-[0.8rem] select-none text-muted-foreground", n.week_number),
+        week_number_header: h("select-none w-(--cell-size)", n.week_number_header),
+        weekday: h("text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none", n.weekday),
+        weekdays: h("flex", n.weekdays),
+        ...s
+      },
+      components: {
+        Chevron: ({ className: d, orientation: m, ...c }) => m === "left" ? /* @__PURE__ */ e.jsx(ut, { className: h("size-4", d), ...c }) : m === "right" ? /* @__PURE__ */ e.jsx(mt, { className: h("size-4", d), ...c }) : /* @__PURE__ */ e.jsx(ye, { className: h("size-4", d), ...c }),
+        DayButton: Ct,
+        Root: ({ className: d, rootRef: m, ...c }) => /* @__PURE__ */ e.jsx("div", { "data-slot": "calendar", ref: m, className: h(d), ...c }),
+        WeekNumber: ({ children: d, ...m }) => /* @__PURE__ */ e.jsx("td", { ...m, children: /* @__PURE__ */ e.jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: d }) }),
+        ...l
+      },
+      ...u
+    }
+  );
+}
+function Ct({ className: t, day: s, modifiers: r, ...a }) {
+  const o = Ee(), i = Re.useRef(null);
+  return Re.useEffect(() => {
+    r.focused && i.current?.focus();
+  }, [r.focused]), /* @__PURE__ */ e.jsx(
+    ee,
+    {
+      ref: i,
+      variant: "ghost",
+      size: "icon",
+      "data-day": s.date.toLocaleDateString(),
+      "data-selected-single": r.selected && !r.range_start && !r.range_end && !r.range_middle,
+      "data-range-start": r.range_start,
+      "data-range-end": r.range_end,
+      "data-range-middle": r.range_middle,
+      className: h(
+        "flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-start=true]:rounded-l-md data-[range-end=true]:bg-primary data-[range-middle=true]:bg-accent data-[range-start=true]:bg-primary data-[selected-single=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:text-accent-foreground data-[range-start=true]:text-primary-foreground data-[selected-single=true]:text-primary-foreground group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground [&>span]:text-xs [&>span]:opacity-70",
+        o.day,
+        t
+      ),
+      ...a
+    }
+  );
+}
+const St = ({ node: t, value: s, setValue: r, error: a, label: o, placeholder: i, helperText: l, id: u, name: n }) => {
+  const [d, m] = $(!1), c = R(), p = s ? new Date(s) : void 0, g = (x) => {
+    if (t.data.disablePast) {
+      const f = /* @__PURE__ */ new Date();
+      return f.setHours(0, 0, 0, 0), x < f;
+    }
+    return !1;
+  };
+  return /* @__PURE__ */ e.jsxs(N, { className: "mb-4", children: [
+    /* @__PURE__ */ e.jsxs(v, { htmlFor: u, children: [
+      o || t.data.name,
+      t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
+    ] }),
+    /* @__PURE__ */ e.jsxs(ie, { open: d, onOpenChange: m, children: [
+      /* @__PURE__ */ e.jsx(de, { asChild: !0, children: /* @__PURE__ */ e.jsxs(ee, { variant: "outline", id: u, name: n, className: "w-full justify-between font-normal", children: [
+        p ? p.toLocaleDateString() : i || c("renderer.defaultInputs.selectDate"),
+        /* @__PURE__ */ e.jsx(ye, { className: "size-4" })
+      ] }) }),
+      /* @__PURE__ */ e.jsx(ce, { className: "w-auto overflow-hidden p-0", align: "start", children: /* @__PURE__ */ e.jsx(
+        Me,
+        {
+          mode: "single",
+          selected: p,
+          captionLayout: "dropdown",
+          disabled: g,
+          onSelect: (x) => {
+            r(x ? x.toISOString() : ""), m(!1);
+          }
+        }
+      ) })
+    ] }),
+    a && /* @__PURE__ */ e.jsx(w, { children: a }),
+    l && !a && /* @__PURE__ */ e.jsx(C, { children: l })
+  ] });
+}, It = ({ node: t, value: s, setValue: r, error: a, label: o, helperText: i, id: l }) => {
+  const [u, n] = $(!1), d = R(), m = Array.isArray(s) ? s : [], c = m[0] ? new Date(m[0]) : void 0, p = m[1] ? new Date(m[1]) : void 0, g = (I) => {
+    r([I?.from ? I.from.toISOString() : void 0, I?.to ? I.to.toISOString() : void 0]);
+  }, x = () => c && p ? `${c.toLocaleDateString()} - ${p.toLocaleDateString()}` : c ? c.toLocaleDateString() : d("renderer.defaultInputs.selectDateRange"), f = (I) => {
+    if (t.data.disablePast) {
+      const T = /* @__PURE__ */ new Date();
+      return T.setHours(0, 0, 0, 0), I < T;
+    }
+    return !1;
+  };
+  return /* @__PURE__ */ e.jsxs(N, { className: "mb-4", children: [
+    /* @__PURE__ */ e.jsxs(v, { htmlFor: l, children: [
+      o || t.data.name,
+      t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
+    ] }),
+    /* @__PURE__ */ e.jsxs(ie, { open: u, onOpenChange: n, children: [
+      /* @__PURE__ */ e.jsx(de, { asChild: !0, children: /* @__PURE__ */ e.jsxs(ee, { id: l, variant: "outline", className: "w-full justify-between font-normal", children: [
+        x(),
+        /* @__PURE__ */ e.jsx(ye, { className: "size-4" })
+      ] }) }),
+      /* @__PURE__ */ e.jsx(ce, { className: "w-auto overflow-hidden p-0", align: "start", children: /* @__PURE__ */ e.jsx(
+        Me,
+        {
+          mode: "range",
+          selected: { from: c, to: p },
+          captionLayout: "dropdown",
+          disabled: f,
+          onSelect: g,
+          numberOfMonths: 2
+        }
+      ) })
+    ] }),
+    a && /* @__PURE__ */ e.jsx(w, { children: a }),
+    i && !a && /* @__PURE__ */ e.jsx(C, { children: i })
+  ] });
+}, Dt = ({ node: t, setValue: s, error: r, label: a, placeholder: o, helperText: i, name: l, id: u }) => {
+  const n = async (d) => {
+    const { files: m } = d.target;
+    if (!m || m.length === 0) {
+      s(null);
+      return;
+    }
+    if (t.data.multiple) {
+      const p = await tt(Array.from(m));
+      s(p);
+      return;
+    }
+    const c = await at(m[0]);
+    s(c);
+  };
+  return /* @__PURE__ */ e.jsxs(N, { className: "mb-4", children: [
+    /* @__PURE__ */ e.jsxs(v, { htmlFor: u, children: [
+      a || t.data.name,
+      t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
+    ] }),
+    /* @__PURE__ */ e.jsx(_, { type: "file", name: l, id: u, onChange: n, multiple: t.data.multiple, placeholder: o }),
+    r && /* @__PURE__ */ e.jsx(w, { children: r }),
+    i && !r && /* @__PURE__ */ e.jsx(C, { children: i })
+  ] });
+}, Ft = ({ value: t, name: s, id: r }) => /* @__PURE__ */ e.jsx(_, { type: "hidden", id: r, name: s, value: t ?? "" });
+function De({ delayDuration: t = 0, ...s }) {
+  return /* @__PURE__ */ e.jsx(Q.Provider, { "data-slot": "tooltip-provider", delayDuration: t, ...s });
+}
+function Ge({ ...t }) {
+  return /* @__PURE__ */ e.jsx(De, { children: /* @__PURE__ */ e.jsx(Q.Root, { "data-slot": "tooltip", ...t }) });
+}
+function Ue({ ...t }) {
+  return /* @__PURE__ */ e.jsx(Q.Trigger, { "data-slot": "tooltip-trigger", ...t });
+}
+function We({ className: t, sideOffset: s = 0, children: r, ...a }) {
+  return /* @__PURE__ */ e.jsx(Q.Portal, { children: /* @__PURE__ */ e.jsxs(
+    Q.Content,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset: s,
+      className: h(
+        "fade-in-0 zoom-in-95 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) animate-in text-balance rounded-md bg-foreground px-3 py-1.5 text-background text-xs data-[state=closed]:animate-out",
+        t
+      ),
+      ...a,
+      children: [
+        r,
+        /* @__PURE__ */ e.jsx(Q.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" })
+      ]
+    }
+  ) });
+}
+const xe = (t, s) => s ? s.split(".").reduce((a, o) => {
+  if (a == null)
+    return;
+  const i = o.match(/^(\w+)\[(\d+)]$/);
+  if (i) {
+    const [, l, u] = i, n = a[l];
+    return Array.isArray(n) ? n[Number.parseInt(u, 10)] : n;
+  }
+  return a[o];
+}, t) : t, be = (t) => {
+  const s = t.matchAll(/{{([\w-]+)}}/g);
+  return Array.from(s, (r) => r[1]);
+}, fe = (t, s) => be(t).every((a) => {
+  const o = s[a];
+  return o != null && o !== "";
+}), ge = (t, s, r = !1) => t.replace(/{{([\w-]+)}}/g, (a, o) => {
+  const i = s[o], l = i == null ? "" : String(i);
+  return r ? encodeURIComponent(l) : l;
+}), kt = ({ node: t, value: s, setValue: r, error: a, label: o, placeholder: i, helperText: l, id: u, name: n }) => {
+  const [d, m] = $(!1), [c, p] = $(null), [g, x] = $([]), [f, I] = $(""), [T, M] = $(!1), { formValues: A, inputNodes: b } = ve(), S = R(), { httpConfig: y } = t.data, L = V(!1), G = V(""), J = V(y), X = V(A), te = V(b), ae = V(r), se = V(null), z = V(null), U = me(() => y?.url ? be(y.url) : [], [y?.url]), H = U.length > 0, re = me(() => U.map((D) => `${D}:${String(A[D] ?? "")}`).join("|"), [U, A]), ue = me(() => y?.url ? H ? fe(y.url, A) : !0 : !1, [y?.url, H, A]), E = oe(
+    async (D) => {
+      z.current && z.current.abort();
+      const O = new AbortController();
+      z.current = O;
+      const j = J.current, P = X.current, Y = ae.current;
+      if (!j?.url) {
+        p(S("renderer.defaultHttpInput.noUrlConfigured")), z.current = null;
+        return;
+      }
+      if (j.url && !fe(j.url, P)) {
+        z.current = null;
+        return;
+      }
+      m(!0), p(null);
+      try {
+        const k = ge(j.url, P, !0), W = j.searchParam && D ? `${k}${k.includes("?") ? "&" : "?"}${j.searchParam}=${encodeURIComponent(D)}` : k, F = {};
+        j.headers?.forEach((le) => {
+          F[le.key] = ge(le.value, P);
+        });
+        const q = ["POST", "PUT", "PATCH"].includes(j.method || "") ? j.sendAllFormValues ? JSON.stringify(st(P, te.current)) : j.body ? ge(j.body, P) : void 0 : void 0, B = setTimeout(() => O.abort(), 3e4), ne = await fetch(W, {
+          body: q || void 0,
+          headers: {
+            "Content-Type": "application/json",
+            ...F
+          },
+          method: j.method || "GET",
+          signal: O.signal
+        });
+        if (clearTimeout(B), !ne.ok) {
+          p(`HTTP Error ${ne.status}: ${ne.statusText}`), m(!1);
+          return;
+        }
+        const Je = await ne.json(), Fe = rt(Je), Z = j.responsePath ? xe(Fe, j.responsePath) : Fe;
+        if (j.responseMapping && Array.isArray(Z)) {
+          const { valueField: le = "value", labelField: Xe = "label" } = j.responseMapping, Ye = Z.map((ke) => ({
+            label: String(xe(ke, Xe) || ""),
+            value: String(xe(ke, le) || "")
+          }));
+          x(Ye);
+        } else
+          Y(typeof Z == "string" ? Z : JSON.stringify(Z));
+      } catch (k) {
+        if (k instanceof Error && k.name === "AbortError")
+          return;
+        const W = k instanceof Error ? k.message : S("renderer.defaultHttpInput.fetchFailed");
+        p(W), console.error("HTTP Input fetch error:", k);
+      } finally {
+        m(!1), z.current = null;
+      }
+    },
+    [S]
+  );
+  if (K(() => {
+    J.current = y, X.current = A, te.current = b, ae.current = r, se.current = E;
+  }, [y, A, b, r, E]), K(() => () => {
+    z.current && z.current.abort();
+  }, []), K(() => {
+    if (L.current)
+      return;
+    L.current = !0;
+    const D = J.current, O = X.current, j = se.current, P = D?.url && fe(D.url, O);
+    if (D?.fetchOnMount && P && j && (j(), D.url)) {
+      const Y = be(D.url);
+      G.current = Y.map((k) => `${k}:${String(O[k] ?? "")}`).join("|");
+    }
+  }, []), K(() => {
+    if (!L.current || !H || G.current === re || !ue)
+      return;
+    const D = setTimeout(() => {
+      E(), G.current = re;
+    }, 500);
+    return () => clearTimeout(D);
+  }, [re, H, ue, E]), K(() => {
+    if (!(y?.searchParam && f))
+      return;
+    const D = setTimeout(() => {
+      E(f);
+    }, 300);
+    return () => clearTimeout(D);
+  }, [f, y?.searchParam, E]), y?.responseMapping) {
+    const D = Array.isArray(s) ? s[0] : s, O = g.find((F) => F.value === D);
+    if (y.searchParam) {
+      const q = d && y?.showLoading ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ e.jsx(he, { className: "h-4 w-4 animate-spin" }),
+        /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground", children: O?.label || i || S("renderer.defaultHttpInput.search") })
+      ] }) : O?.label || i || S("renderer.defaultHttpInput.search");
+      return /* @__PURE__ */ e.jsxs(N, { className: "mb-4", children: [
+        /* @__PURE__ */ e.jsxs(v, { children: [
+          o || t.data.name,
+          t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
+        ] }),
+        /* @__PURE__ */ e.jsxs(ie, { open: T, onOpenChange: M, children: [
+          /* @__PURE__ */ e.jsx(de, { asChild: !0, children: /* @__PURE__ */ e.jsxs(ee, { variant: "outline", role: "combobox", "aria-expanded": T, className: "w-full justify-between", children: [
+            q,
+            /* @__PURE__ */ e.jsx(ze, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+          ] }) }),
+          /* @__PURE__ */ e.jsx(ce, { className: "w-[300px] p-0", align: "start", children: /* @__PURE__ */ e.jsxs(Ne, { shouldFilter: !1, children: [
+            /* @__PURE__ */ e.jsx(
+              _e,
+              {
+                placeholder: S("renderer.defaultHttpInput.search"),
+                value: f,
+                onValueChange: (B) => {
+                  I(B), p(null);
+                }
+              }
+            ),
+            /* @__PURE__ */ e.jsxs(we, { children: [
+              d && /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-center p-4", children: /* @__PURE__ */ e.jsx(he, { className: "h-4 w-4 animate-spin" }) }),
+              !d && c && /* @__PURE__ */ e.jsxs("div", { className: "p-4 text-destructive text-sm", children: [
+                /* @__PURE__ */ e.jsx("div", { children: c }),
+                /* @__PURE__ */ e.jsx("button", { type: "button", onClick: () => E(f), className: "mt-2 block text-primary hover:underline", children: S("renderer.defaultHttpInput.retry") })
+              ] }),
+              !(d || c) && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                /* @__PURE__ */ e.jsx(Ce, { children: S("renderer.defaultHttpInput.noResults") }),
+                /* @__PURE__ */ e.jsx(Se, { children: g.map((B) => /* @__PURE__ */ e.jsxs(
+                  Ie,
+                  {
+                    value: B.value,
+                    onSelect: () => {
+                      r(B.value), M(!1);
+                    },
+                    children: [
+                      /* @__PURE__ */ e.jsx(Pe, { className: h("mr-2 h-4 w-4", s === B.value ? "opacity-100" : "opacity-0") }),
+                      B.label
+                    ]
+                  },
+                  B.value
+                )) })
+              ] })
+            ] })
+          ] }) })
+        ] }),
+        a && /* @__PURE__ */ e.jsx(w, { children: a }),
+        l && !a && /* @__PURE__ */ e.jsx(C, { children: l })
+      ] });
+    }
+    const j = d && y?.showLoading, P = U.filter((F) => {
+      const q = A[F];
+      return q == null || q === "";
+    }), Y = P.map((F) => nt(F, b) || F), k = g.length === 0 && !j ? c || (P.length > 0 ? `${S("renderer.defaultHttpInput.waitingForRequiredFields")}: ${Y.join(", ")}` : S("renderer.defaultHttpInput.noDataAvailable")) : void 0, W = /* @__PURE__ */ e.jsxs(
+      Oe,
+      {
+        value: Array.isArray(s) ? s[0] ?? "" : s ?? "",
+        onValueChange: (F) => r(F),
+        disabled: j || g.length === 0,
+        name: n,
+        children: [
+          /* @__PURE__ */ e.jsxs(qe, { id: u, name: n, className: "w-full", children: [
+            j && /* @__PURE__ */ e.jsx(he, { className: "mr-2 h-4 w-4 animate-spin" }),
+            /* @__PURE__ */ e.jsx(Be, { placeholder: i || S("renderer.defaultHttpInput.selectOption") })
+          ] }),
+          /* @__PURE__ */ e.jsx(He, { children: /* @__PURE__ */ e.jsx(Ve, { children: g.map((F, q) => /* @__PURE__ */ e.jsx(Le, { value: F.value, children: F.label }, F.value + q)) }) })
+        ]
+      }
+    );
+    return /* @__PURE__ */ e.jsxs(N, { className: "mb-4", children: [
+      /* @__PURE__ */ e.jsxs(v, { htmlFor: u, children: [
+        o || t.data.name,
+        t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
+      ] }),
+      k ? /* @__PURE__ */ e.jsx(De, { children: /* @__PURE__ */ e.jsxs(Ge, { children: [
+        /* @__PURE__ */ e.jsx(Ue, { asChild: !0, children: /* @__PURE__ */ e.jsx("div", { className: "w-full", children: W }) }),
+        /* @__PURE__ */ e.jsx(We, { children: /* @__PURE__ */ e.jsx("p", { children: k }) })
+      ] }) }) : W,
+      a && /* @__PURE__ */ e.jsx(w, { children: a }),
+      l && !a && /* @__PURE__ */ e.jsx(C, { children: l })
+    ] });
+  }
+  return /* @__PURE__ */ e.jsxs(N, { className: "mb-4", children: [
+    /* @__PURE__ */ e.jsxs(v, { htmlFor: u, children: [
+      o || t.data.name,
+      t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
+    ] }),
+    /* @__PURE__ */ e.jsx(_, { type: "text", name: n, id: u, value: typeof s == "string" ? s : JSON.stringify(s), readOnly: !0, disabled: !0 }),
+    a && /* @__PURE__ */ e.jsx(w, { children: a }),
+    l && !a && /* @__PURE__ */ e.jsx(C, { children: l })
+  ] });
+}, Rt = ({ node: t, value: s, setValue: r, error: a, label: o, placeholder: i, helperText: l, name: u, id: n }) => /* @__PURE__ */ e.jsxs(N, { className: "mb-4", children: [
+  /* @__PURE__ */ e.jsxs(v, { htmlFor: n, children: [
+    o || t.data.name,
+    t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
+  ] }),
+  /* @__PURE__ */ e.jsx(
+    _,
+    {
+      id: n,
+      type: "number",
+      name: u,
+      value: s ?? "",
+      onChange: (d) => r(d.target.value === "" ? null : Number(d.target.value)),
+      placeholder: i
+    }
+  ),
+  a && /* @__PURE__ */ e.jsx(w, { children: a }),
+  l && !a && /* @__PURE__ */ e.jsx(C, { children: l })
+] }), At = ({ node: t, value: s, setValue: r, error: a, label: o, placeholder: i, helperText: l, name: u, id: n }) => /* @__PURE__ */ e.jsxs(N, { className: "mb-4", children: [
+  /* @__PURE__ */ e.jsxs(v, { htmlFor: n, children: [
+    o || t.data.name,
+    t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
+  ] }),
+  /* @__PURE__ */ e.jsx(
+    _,
+    {
+      id: n,
+      name: u,
+      type: "password",
+      value: s ?? "",
+      onChange: (d) => r(d.target.value),
+      placeholder: i,
+      autoComplete: "new-password"
+    }
+  ),
+  a && /* @__PURE__ */ e.jsx(w, { children: a }),
+  l && !a && /* @__PURE__ */ e.jsx(C, { children: l })
+] });
+function Tt({ className: t, ...s }) {
+  return /* @__PURE__ */ e.jsx(je.Root, { "data-slot": "radio-group", className: h("grid gap-3", t), ...s });
+}
+function $t({ className: t, ...s }) {
+  return /* @__PURE__ */ e.jsx(
+    je.Item,
+    {
+      "data-slot": "radio-group-item",
+      className: h(
+        "aspect-square size-4 shrink-0 rounded-full border border-input text-primary shadow-xs outline-none transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:bg-input/30 dark:aria-invalid:ring-destructive/40",
+        t
+      ),
+      ...s,
+      children: /* @__PURE__ */ e.jsx(je.Indicator, { "data-slot": "radio-group-indicator", className: "relative flex items-center justify-center", children: /* @__PURE__ */ e.jsx(ht, { className: "-translate-x-1/2 -translate-y-1/2 absolute top-1/2 left-1/2 size-2 fill-primary" }) })
+    }
+  );
+}
+const zt = ({ node: t, value: s, setValue: r, error: a, label: o, helperText: i, id: l, name: u }) => {
+  const n = R(), d = s ? String(s) : "";
+  return /* @__PURE__ */ e.jsxs(N, { className: "mb-4", children: [
+    /* @__PURE__ */ e.jsxs(v, { className: "mb-1", htmlFor: l, children: [
+      o || t.data.name,
+      t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
+    ] }),
+    /* @__PURE__ */ e.jsx(Tt, { value: d, onValueChange: (m) => r(m), id: l, name: u, children: t.data.options?.map((m, c) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
+      /* @__PURE__ */ e.jsx($t, { value: String(m.value), id: `${l}-${m.value}`, disabled: m.disabled }),
+      /* @__PURE__ */ e.jsx(v, { htmlFor: `${l}-${m.value}`, className: "cursor-pointer font-normal text-sm", children: n(m.label) ? n(m.label) : m.value })
+    ] }, m.value + c)) }),
+    a && /* @__PURE__ */ e.jsx(w, { children: a }),
+    i && !a && /* @__PURE__ */ e.jsx(C, { children: i })
+  ] });
+}, Pt = ({ node: t, value: s, setValue: r, error: a, label: o, placeholder: i, helperText: l, name: u, id: n }) => {
+  const d = R(), m = s ? String(s) : "";
+  return /* @__PURE__ */ e.jsxs(N, { className: "mb-4", children: [
+    /* @__PURE__ */ e.jsxs(v, { htmlFor: n, children: [
+      o || t.data.name,
+      t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
+    ] }),
+    /* @__PURE__ */ e.jsxs(Oe, { name: u, value: m, onValueChange: (c) => r(c), children: [
+      /* @__PURE__ */ e.jsx(qe, { id: n, name: u, className: "w-full", children: /* @__PURE__ */ e.jsx(Be, { placeholder: i || d("renderer.defaultSelectInput.selectOption") }) }),
+      /* @__PURE__ */ e.jsx(He, { children: /* @__PURE__ */ e.jsx(Ve, { children: t.data.options?.map((c, p) => /* @__PURE__ */ e.jsx(Le, { value: String(c.value), disabled: c.disabled, children: d(c.label) ? d(c.label) : c.value }, `${c.value}-${p}`)) }) })
+    ] }),
+    a && /* @__PURE__ */ e.jsx(w, { children: a }),
+    l && !a && /* @__PURE__ */ e.jsx(C, { children: l })
+  ] });
+}, Ke = et(
+  ({ label: t, id: s, disabled: r, onBlur: a, onClick: o, onFocus: i, onPointerDown: l, onPointerLeave: u, onPointerMove: n, ...d }, m) => {
+    const c = R();
+    return /* @__PURE__ */ e.jsx(
+      "button",
+      {
+        ref: m,
+        id: s,
+        onBlur: a,
+        onClick: o,
+        onFocus: i,
+        onPointerDown: l,
+        disabled: r,
+        onPointerLeave: u,
+        onPointerMove: n,
+        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",
+        ...d,
+        children: t || c("renderer.defaultSubmitButton.submit")
+      }
+    );
+  }
+), Qe = ({ children: t, missingFields: s = [] }) => {
+  const r = s.length > 0, a = R();
+  return r ? /* @__PURE__ */ e.jsx(De, { children: /* @__PURE__ */ e.jsxs(Ge, { children: [
+    /* @__PURE__ */ e.jsx(Ue, { asChild: !0, children: t }),
+    /* @__PURE__ */ e.jsx(We, { children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ e.jsxs("p", { className: "font-semibold", children: [
+        a("renderer.defaultSubmitButton.requiredFieldsMissing"),
+        ":"
+      ] }),
+      /* @__PURE__ */ e.jsx("ul", { className: "list-inside list-disc", children: s.map((o, i) => /* @__PURE__ */ e.jsx("li", { children: o }, i)) })
+    ] }) })
+  ] }) }) : t;
+}, _t = ({ missingRequiredFields: t, isSubmitting: s, label: r }) => {
+  const a = lt(), o = a?.components?.submitButton, i = a?.components?.submitButtonWrapper, l = o || Ke, u = i || Qe;
+  return /* @__PURE__ */ e.jsx(u, { missingFields: t, children: /* @__PURE__ */ e.jsx(l, { label: r, disabled: s }) });
+}, Ot = ({ node: t, value: s, setValue: r, error: a, label: o, helperText: i, name: l, id: u }) => /* @__PURE__ */ e.jsxs(N, { className: "mb-4", children: [
+  /* @__PURE__ */ e.jsxs(v, { htmlFor: u, children: [
+    o || t.data.name,
+    t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
+  ] }),
+  /* @__PURE__ */ e.jsx(pt, { id: u, name: l, checked: s, onCheckedChange: r }),
+  i && !a && /* @__PURE__ */ e.jsx(C, { children: i }),
+  a && /* @__PURE__ */ e.jsx(w, { children: a })
+] }), qt = ({ node: t, value: s, setValue: r, error: a, label: o, placeholder: i, helperText: l, name: u, id: n }) => /* @__PURE__ */ e.jsxs(N, { className: "mb-4", children: [
+  /* @__PURE__ */ e.jsxs(v, { htmlFor: n, children: [
+    o || t.data.name,
+    t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
+  ] }),
+  /* @__PURE__ */ e.jsx(
+    xt,
+    {
+      id: n,
+      name: u,
+      value: s ?? "",
+      onChange: (d) => r(d.target.value),
+      placeholder: i,
+      className: "w-full rounded-md border px-3 py-2",
+      rows: 4
+    }
+  ),
+  a && /* @__PURE__ */ e.jsx(w, { children: a }),
+  l && !a && /* @__PURE__ */ e.jsx(C, { children: l })
+] }), Bt = ({ node: t, value: s, setValue: r, error: a, label: o, placeholder: i, helperText: l, name: u, id: n }) => /* @__PURE__ */ e.jsxs(N, { className: "mb-4", children: [
+  /* @__PURE__ */ e.jsxs(v, { htmlFor: n, children: [
+    o || t.data.name,
+    t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
+  ] }),
+  /* @__PURE__ */ e.jsx(_, { type: "text", id: n, name: u, value: s ?? "", onChange: (d) => r(d.target.value), placeholder: i }),
+  a && /* @__PURE__ */ e.jsx(w, { children: a }),
+  l && !a && /* @__PURE__ */ e.jsx(C, { children: l })
+] }), Ht = ({ node: t, value: s, setValue: r, error: a, label: o, placeholder: i, helperText: l, name: u, id: n }) => /* @__PURE__ */ e.jsxs(N, { className: "mb-4", children: [
+  /* @__PURE__ */ e.jsxs(v, { htmlFor: n, children: [
+    o || t.data.name,
+    t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
+  ] }),
+  /* @__PURE__ */ e.jsx(
+    _,
+    {
+      type: "time",
+      id: n,
+      name: u,
+      value: s ?? "",
+      onChange: (d) => r(d.target.value),
+      placeholder: i,
+      className: "bg-background [color-scheme:light] dark:[color-scheme:dark]"
+    }
+  ),
+  a && /* @__PURE__ */ e.jsx(w, { children: a }),
+  l && !a && /* @__PURE__ */ e.jsx(C, { children: l })
+] }), Vt = ({ node: t, value: s, setValue: r, error: a, label: o, helperText: i, id: l, name: u }) => {
+  const n = R(), d = Array.isArray(s) ? s : [], m = d[0] || "", c = d[1] || "", p = (x) => {
+    r([x, c]);
+  }, g = (x) => {
+    r([m, x]);
+  };
+  return /* @__PURE__ */ e.jsxs(N, { className: "mb-4", children: [
+    /* @__PURE__ */ e.jsxs(v, { htmlFor: `${l}-start`, children: [
+      o || t.data.name,
+      t.data.required && /* @__PURE__ */ e.jsx("span", { className: "text-red-500", children: "*" })
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ e.jsx(
+        _,
+        {
+          id: `${l}-start`,
+          name: `${u}-start`,
+          "aria-label": `${o || t.data.name} - ${n("renderer.defaultInputs.startTime")}`,
+          "aria-invalid": !!a,
+          "aria-describedby": a ? `${t.id}-error` : void 0,
+          type: "time",
+          value: m,
+          onChange: (x) => p(x.target.value),
+          placeholder: n("renderer.defaultInputs.startTime"),
+          className: "flex-1 bg-background [color-scheme:light] dark:[color-scheme:dark]"
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        _,
+        {
+          id: `${l}-end`,
+          name: `${u}-end`,
+          "aria-label": `${o || t.data.name} - ${n("renderer.defaultInputs.endTime")}`,
+          "aria-invalid": !!a,
+          "aria-describedby": a ? `${t.id}-error` : void 0,
+          type: "time",
+          value: c,
+          onChange: (x) => g(x.target.value),
+          placeholder: n("renderer.defaultInputs.endTime"),
+          className: "flex-1 bg-background [color-scheme:light] dark:[color-scheme:dark]"
+        }
+      )
+    ] }),
+    a && /* @__PURE__ */ e.jsx(w, { children: a }),
+    i && !a && /* @__PURE__ */ e.jsx(C, { children: i })
+  ] });
+}, Lt = {
+  address: yt,
+  autocomplete: Nt,
+  checkbox: wt,
+  date: St,
+  daterange: It,
+  file: Dt,
+  hidden: Ft,
+  http: kt,
+  number: Rt,
+  password: At,
+  radio: zt,
+  select: Pt,
+  submit: _t,
+  switch: Ot,
+  text: Bt,
+  textarea: qt,
+  time: Ht,
+  timerange: Vt
+}, Et = ({ node: t }) => {
+  const r = R()(t.data?.label);
+  return r ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-3", children: [
+    /* @__PURE__ */ e.jsx(pe, { className: "my-8 flex-1" }),
+    /* @__PURE__ */ e.jsx("h4", { className: "font-semibold text-sm", children: r }),
+    /* @__PURE__ */ e.jsx(pe, { className: "my-8 flex-1" })
+  ] }) : /* @__PURE__ */ e.jsx(pe, { className: "my-8" });
+}, Mt = ({ node: t }) => {
+  const { edges: s } = ve(), r = R(), a = ot(t.id, s);
+  return /* @__PURE__ */ e.jsx("h2", { className: h("mb-5 font-bold text-2xl", !a && "mt-10"), children: r(t.data?.label) });
+}, Gt = {
+  divider: Et,
+  title: Mt
+}, da = ({
+  components: t,
+  className: s,
+  flows: r,
+  googleApiKey: a,
+  language: o,
+  onChange: i,
+  onSubmit: l,
+  theme: u,
+  validate: n,
+  validationMode: d,
+  initialValues: m = {}
+}) => {
+  const {
+    canSubmit: c,
+    clearSubmitMessage: p,
+    config: g,
+    firstErrorFieldId: x,
+    formErrors: f,
+    formValues: I,
+    handleSubmit: T,
+    inputNodes: M,
+    isSubmitting: A,
+    mergedFlow: b,
+    missingRequiredFields: S,
+    setFieldValue: y,
+    submitMessage: L,
+    t: G,
+    visibleNodes: J,
+    visibleRootNodes: X
+  } = it({
+    components: t,
+    flows: r,
+    googleApiKey: a,
+    initialValues: m,
+    language: o,
+    onChange: i,
+    onSubmit: l,
+    theme: u,
+    validate: n,
+    validationMode: d
+  }), { FormWrapper: te, SubmitButton: ae, SubmitButtonWrapper: se, renderNode: z } = dt({
+    config: g,
+    DefaultFormWrapper: gt,
+    DefaultGroup: jt,
+    DefaultSubmitButton: Ke,
+    DefaultSubmitButtonWrapper: Qe,
+    defaultInputRenderers: Lt,
+    defaultUI: Gt,
+    formErrors: f,
+    formValues: I,
+    missingRequiredFields: S,
+    setFieldValue: y,
+    visibleNodes: J
+  }), U = oe(
+    async (H) => {
+      H.preventDefault(), !await T() && x && document.getElementById(x)?.focus();
+    },
+    [T, x]
+  );
+  return /* @__PURE__ */ e.jsx("div", { className: h("treege", s), children: /* @__PURE__ */ e.jsx(Ze, { theme: g.theme, storageKey: "treege-renderer-theme", children: /* @__PURE__ */ e.jsxs(
+    ct,
+    {
+      value: {
+        flows: b,
+        formErrors: f,
+        formValues: I,
+        googleApiKey: g.googleApiKey,
+        inputNodes: M,
+        language: g.language,
+        setFieldValue: y
+      },
+      children: [
+        /* @__PURE__ */ e.jsxs(te, { onSubmit: U, children: [
+          X.map((H) => z(H)),
+          c && /* @__PURE__ */ e.jsx(se, { missingFields: S, children: /* @__PURE__ */ e.jsx(ae, { label: G("renderer.defaultSubmitButton.submit"), disabled: A }) }),
+          /* @__PURE__ */ e.jsx("p", { className: "py-2 text-muted-foreground text-xs", children: "Powered by Treege" })
+        ] }),
+        L && /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: `my-4 rounded-md p-4 ${L.type === "success" ? "bg-green-50 text-green-800 dark:bg-green-900/20 dark:text-green-300" : "bg-red-50 text-red-800 dark:bg-red-900/20 dark:text-red-300"}`,
+            role: "alert",
+            children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ e.jsx("p", { className: "font-medium text-sm", children: L.message }),
+              /* @__PURE__ */ e.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: p,
+                  className: "ml-4 font-medium text-sm underline hover:no-underline focus:outline-none",
+                  children: G("common.close")
+                }
+              )
+            ] })
+          }
+        )
+      ]
+    }
+  ) }) });
+};
+export {
+  jt as D,
+  da as T,
+  yt as a,
+  Nt as b,
+  wt as c,
+  St as d,
+  It as e,
+  Dt as f,
+  Ft as g,
+  kt as h,
+  Rt as i,
+  At as j,
+  zt as k,
+  Pt as l,
+  Ot as m,
+  qt as n,
+  Bt as o,
+  Ht as p,
+  Vt as q,
+  Lt as r,
+  Et as s,
+  Mt as t,
+  Gt as u
+};