treege 3.0.0-beta.3 → 3.0.0-beta.31

package/dist/renderer-CsU2Y0iu.js

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