treege 3.0.0-beta.31 → 3.0.0-beta.33

package/dist/renderer-JJGxelGQ.js

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