treege 3.0.0-beta.62 → 3.0.0-beta.63

package/dist/{DefaultInputs-DamDWb5R.js → DefaultInputs-nX-CVK2i.js}

@@ -1,12 +1,12 @@
-import { A as e, C as t, D as n, E as r, F as i, M as a, O as o, P as s, S as c, T as l, b as u, d, h as f, i as p, k as m, r as h, s as g, t as _, w as v, y } from "./ThemeContext-cGSTk24y.js";
+import { A as e, C as t, D as n, E as r, F as i, I as a, N as o, O as s, T as c, b as l, d as u, g as d, i as f, j as p, k as m, r as h, s as g, t as _, w as v, x as y } from "./ThemeContext-nopV_oRU.js";
 import * as b from "react";
 import { createContext as x, forwardRef as S, useCallback as C, useContext as w, useEffect as T, useMemo as ee, useRef as E, useState as D } from "react";
 import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
-import { Check as te, CheckIcon as ne, ChevronDownIcon as j, ChevronLeftIcon as M, ChevronRightIcon as N, ChevronUpIcon as re, ChevronsUpDown as P, CircleIcon as F, Loader2 as I, MapPin as L, SearchIcon as R, XIcon as ie } from "lucide-react";
+import { Check as te, CheckIcon as j, ChevronDownIcon as M, ChevronLeftIcon as N, ChevronRightIcon as P, ChevronUpIcon as ne, ChevronsUpDown as re, CircleIcon as F, Loader2 as I, MapPin as L, SearchIcon as R, XIcon as ie } from "lucide-react";
 import { Slot as ae } from "@radix-ui/react-slot";
-import { cva as z } from "class-variance-authority";
-import { clsx as B } from "clsx";
-import { extendTailwindMerge as oe } from "tailwind-merge";
+import { cva as oe } from "class-variance-authority";
+import { clsx as z } from "clsx";
+import { extendTailwindMerge as B } from "tailwind-merge";
 import * as se from "@radix-ui/react-checkbox";
 import * as ce from "@radix-ui/react-label";
 import * as V from "@radix-ui/react-popover";
@@ -19,13 +19,13 @@ import { DayPicker as ue, getDefaultClassNames as de } from "react-day-picker";
 import * as K from "@radix-ui/react-radio-group";
 import * as fe from "@radix-ui/react-switch";
 //#region src/shared/lib/utils.ts
-var pe = oe({ prefix: "tg" });
+var pe = B({ prefix: "tg" });
 function q(...e) {
-	return pe(B(e));
+	return pe(z(e));
 }
 //#endregion
 //#region src/shared/components/ui/button.tsx
-var me = z("tg:inline-flex tg:items-center tg:justify-center tg:gap-2 tg:whitespace-nowrap tg:rounded-md tg:text-sm tg:font-medium tg:transition-all tg:disabled:pointer-events-none tg:disabled:opacity-50 tg:[&_svg]:pointer-events-none tg:[&_svg:not([class*='size-'])]:size-4 tg:shrink-0 tg:[&_svg]:shrink-0 tg:outline-none tg:focus-visible:border-ring tg:focus-visible:ring-ring/50 tg:focus-visible:ring-[3px] tg:aria-invalid:ring-destructive/20 tg:dark:aria-invalid:ring-destructive/40 tg:aria-invalid:border-destructive", {
+var me = oe("tg:inline-flex tg:items-center tg:justify-center tg:gap-2 tg:whitespace-nowrap tg:rounded-md tg:text-sm tg:font-medium tg:transition-all tg:disabled:pointer-events-none tg:disabled:opacity-50 tg:[&_svg]:pointer-events-none tg:[&_svg:not([class*='size-'])]:size-4 tg:shrink-0 tg:[&_svg]:shrink-0 tg:outline-none tg:focus-visible:border-ring tg:focus-visible:ring-ring/50 tg:focus-visible:ring-[3px] tg:aria-invalid:ring-destructive/20 tg:dark:aria-invalid:ring-destructive/40 tg:aria-invalid:border-destructive", {
 	defaultVariants: {
 		size: "default",
 		variant: "default"
@@ -72,7 +72,7 @@ function ge({ className: e, ...t }) {
 		children: /* @__PURE__ */ k(se.Indicator, {
 			"data-slot": "checkbox-indicator",
 			className: "tg:grid tg:place-content-center tg:text-current tg:transition-none",
-			children: /* @__PURE__ */ k(ne, { className: "tg:size-3.5" })
+			children: /* @__PURE__ */ k(j, { className: "tg:size-3.5" })
 		})
 	});
 }
@@ -164,7 +164,7 @@ var Se = ({ ...e }) => /* @__PURE__ */ k(H.Root, {
 	...r,
 	children: [n, /* @__PURE__ */ k(H.Icon, {
 		asChild: !0,
-		children: /* @__PURE__ */ k(j, { className: "tg:size-4 tg:opacity-50" })
+		children: /* @__PURE__ */ k(M, { className: "tg:size-4 tg:opacity-50" })
 	})]
 }), Ee = ({ className: e, children: t, position: n = "popper", ...r }) => /* @__PURE__ */ k(H.Portal, {
 	container: _e() ?? void 0,
@@ -196,7 +196,7 @@ var Se = ({ ...e }) => /* @__PURE__ */ k(H.Root, {
 	...n,
 	children: [/* @__PURE__ */ k("span", {
 		className: "tg:absolute tg:right-2 tg:flex tg:size-3.5 tg:items-center tg:justify-center",
-		children: /* @__PURE__ */ k(H.ItemIndicator, { children: /* @__PURE__ */ k(ne, { className: "tg:size-4" }) })
+		children: /* @__PURE__ */ k(H.ItemIndicator, { children: /* @__PURE__ */ k(j, { className: "tg:size-4" }) })
 	}), /* @__PURE__ */ k(H.ItemText, { children: t })]
 }), ke = ({ className: e, ...t }) => /* @__PURE__ */ k(H.Separator, {
 	"data-slot": "select-separator",
@@ -206,12 +206,12 @@ var Se = ({ ...e }) => /* @__PURE__ */ k(H.Root, {
 	"data-slot": "select-scroll-up-button",
 	className: q("tg:flex tg:cursor-default tg:items-center tg:justify-center tg:py-1", e),
 	...t,
-	children: /* @__PURE__ */ k(re, { className: "tg:size-4" })
+	children: /* @__PURE__ */ k(ne, { className: "tg:size-4" })
 }), je = ({ className: e, ...t }) => /* @__PURE__ */ k(H.ScrollDownButton, {
 	"data-slot": "select-scroll-down-button",
 	className: q("tg:flex tg:cursor-default tg:items-center tg:justify-center tg:py-1", e),
 	...t,
-	children: /* @__PURE__ */ k(j, { className: "tg:size-4" })
+	children: /* @__PURE__ */ k(M, { className: "tg:size-4" })
 });
 //#endregion
 //#region src/shared/components/ui/tooltip.tsx
@@ -415,23 +415,23 @@ var Qe = async (e, t) => {
 			value: e.description
 		})));
 	});
-}), et = (t, n) => {
-	let [r, a] = D(""), [o, s] = D([]), [c, l] = D(!1), { id: u, name: d, value: f, placeholder: p } = t, { node: m, setValue: h, error: g, label: _, helperText: v } = n, { googleApiKey: y, language: b } = i(), x = e(), S = C((e) => {
-		h(e.value), a(e.value), l(!1);
+}), et = (e, t) => {
+	let [n, r] = D(""), [i, o] = D([]), [s, c] = D(!1), { id: l, name: u, value: d, placeholder: f } = e, { node: m, setValue: h, error: g, label: _, helperText: v } = t, { googleApiKey: y, language: b } = a(), x = p(), S = C((e) => {
+		h(e.value), r(e.value), c(!1);
 	}, [h]), w = C((e) => {
-		h(e), a(e), e.length >= 3 && l(!0);
+		h(e), r(e), e.length >= 3 && c(!0);
 	}, [h]);
 	return T(() => {
-		if (!r || r.trim().length < 3) {
-			s([]);
+		if (!n || n.trim().length < 3) {
+			o([]);
 			return;
 		}
 		let e = setTimeout(async () => {
-			s(y ? await $e(r) : await Qe(r, b));
+			o(y ? await $e(n) : await Qe(n, b));
 		}, 300);
 		return () => clearTimeout(e);
 	}, [
-		r,
+		n,
 		y,
 		b
 	]), /* @__PURE__ */ A(O, { children: [y && /* @__PURE__ */ k("script", {
@@ -441,7 +441,7 @@ var Qe = async (e, t) => {
 		className: "tg:mb-4",
 		children: [
 			/* @__PURE__ */ A(Q, {
-				htmlFor: u,
+				htmlFor: l,
 				children: [_ || m.data.name, m.data.required && /* @__PURE__ */ k("span", {
 					className: "tg:text-red-500",
 					children: "*"
@@ -452,21 +452,21 @@ var Qe = async (e, t) => {
 				children: [
 					/* @__PURE__ */ k(Z, {
 						type: "text",
-						id: u,
-						name: d,
-						value: f || "",
+						id: l,
+						name: u,
+						value: d || "",
 						onChange: (e) => w(e.target.value),
 						onFocus: () => {
-							o.length > 0 && l(!0);
+							i.length > 0 && c(!0);
 						},
-						placeholder: p || x("renderer.defaultAddressInput.enterAddress"),
+						placeholder: f || x("renderer.defaultAddressInput.enterAddress"),
 						className: "tg:pr-10",
 						autoComplete: "off"
 					}),
 					/* @__PURE__ */ k(L, { className: "tg:-translate-y-1/2 tg:pointer-events-none tg:absolute tg:top-1/2 tg:right-3 tg:h-4 tg:w-4 tg:text-muted-foreground" }),
-					c && /* @__PURE__ */ k("div", {
+					s && /* @__PURE__ */ k("div", {
 						className: "tg:absolute tg:z-50 tg:mt-1 tg:w-full tg:rounded-md tg:border tg:bg-popover tg:shadow-md",
-						children: /* @__PURE__ */ k(Ke, { children: /* @__PURE__ */ A(Je, { children: [/* @__PURE__ */ k(Ye, { children: x("renderer.defaultAddressInput.noAddressesFound") }), /* @__PURE__ */ k(Xe, { children: o.map((e, t) => /* @__PURE__ */ A(Ze, {
+						children: /* @__PURE__ */ k(Ke, { children: /* @__PURE__ */ A(Je, { children: [/* @__PURE__ */ k(Ye, { children: x("renderer.defaultAddressInput.noAddressesFound") }), /* @__PURE__ */ k(Xe, { children: i.map((e, t) => /* @__PURE__ */ A(Ze, {
 							value: e.value,
 							onSelect: () => S(e),
 							onMouseDown: (e) => e.preventDefault(),
@@ -479,12 +479,12 @@ var Qe = async (e, t) => {
 			v && !g && /* @__PURE__ */ k(Y, { children: v })
 		]
 	})] });
-}, tt = ({ missing: t }) => /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k("p", {
+}, tt = ({ missing: e }) => /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k("p", {
 	className: "tg:font-medium",
-	children: e()("renderer.dependencyHint.title")
+	children: p()("renderer.dependencyHint.title")
 }), /* @__PURE__ */ k("ul", {
 	className: "tg:mt-1 tg:list-disc tg:pl-4",
-	children: t.map((e) => /* @__PURE__ */ k("li", { children: e.label }, e.id))
+	children: e.map((e) => /* @__PURE__ */ k("li", { children: e.label }, e.id))
 })] }), nt = ({ missing: e, children: t }) => e.length === 0 ? /* @__PURE__ */ k(O, { children: t }) : /* @__PURE__ */ k(Me, { children: /* @__PURE__ */ A(Ne, { children: [/* @__PURE__ */ k(Pe, {
 	asChild: !0,
 	children: /* @__PURE__ */ k("div", {
@@ -495,7 +495,7 @@ var Qe = async (e, t) => {
 	className: "tg:text-muted-foreground tg:text-sm",
 	children: /* @__PURE__ */ k(tt, { missing: e })
 });
-z("tg:group/item tg:flex tg:flex-wrap tg:items-center tg:rounded-md tg:border tg:border-transparent tg:text-sm tg:outline-none tg:transition-colors tg:duration-100 tg:focus-visible:border-ring tg:focus-visible:ring-[3px] tg:focus-visible:ring-ring/50 tg:[a]:transition-colors tg:[a]:hover:bg-accent/50", {
+oe("tg:group/item tg:flex tg:flex-wrap tg:items-center tg:rounded-md tg:border tg:border-transparent tg:text-sm tg:outline-none tg:transition-colors tg:duration-100 tg:focus-visible:border-ring tg:focus-visible:ring-[3px] tg:focus-visible:ring-ring/50 tg:[a]:transition-colors tg:[a]:hover:bg-accent/50", {
 	defaultVariants: {
 		size: "default",
 		variant: "default"
@@ -512,7 +512,7 @@ z("tg:group/item tg:flex tg:flex-wrap tg:items-center tg:rounded-md tg:border tg
 		}
 	}
 });
-var it = z("tg:flex tg:shrink-0 tg:items-center tg:justify-center tg:gap-2 tg:group-has-[[data-slot=item-description]]/item:translate-y-0.5 tg:group-has-[[data-slot=item-description]]/item:self-start tg:[&_svg]:pointer-events-none", {
+var it = oe("tg:flex tg:shrink-0 tg:items-center tg:justify-center tg:gap-2 tg:group-has-[[data-slot=item-description]]/item:translate-y-0.5 tg:group-has-[[data-slot=item-description]]/item:self-start tg:[&_svg]:pointer-events-none", {
 	defaultVariants: { variant: "default" },
 	variants: { variant: {
 		default: "tg:bg-transparent",
@@ -569,125 +569,125 @@ var lt = ({ label: e, description: t, image: n }) => /* @__PURE__ */ A(O, { chil
 		className: "tg:line-clamp-1",
 		children: t
 	})]
-})] }), ut = /\{\{([\w-]+)}}/g, dt = (e) => {
-	let [a, s] = D({
+})] }), ut = /\{\{([\w-]+)}}/g, dt = (t) => {
+	let [i, o] = D({
 		error: null,
 		fetched: null,
 		isLoading: !1
-	}), { baseUrl: c, formValues: u, headers: d } = i(), f = e.data.optionsSource, p = e.data.options, h = ee(() => {
-		if (!(f?.url && f.mapping?.valueField && f.mapping?.labelField) || !Array.from(f.url.matchAll(ut), (e) => e[1]).every((e) => {
-			let t = u[e];
+	}), { baseUrl: c, formValues: l, headers: u } = a(), d = t.data.optionsSource, f = t.data.options, p = ee(() => {
+		if (!(d?.url && d.mapping?.valueField && d.mapping?.labelField) || !Array.from(d.url.matchAll(ut), (e) => e[1]).every((e) => {
+			let t = l[e];
 			return t != null && t !== "";
 		})) return null;
-		let e = f.method ?? "GET", t = {
-			body: f.body && [
+		let t = d.method ?? "GET", r = {
+			body: d.body && [
 				"POST",
 				"PUT",
 				"PATCH"
-			].includes(e) ? n(f.body, u, { json: !0 }) : void 0,
-			headers: r(o(d, u), o(f.headers, u)),
-			mapping: f.mapping,
-			method: e,
-			queryParams: o(f.queryParams, u) ?? {},
-			responsePath: f.responsePath,
-			url: m(n(f.url, u, { encode: !0 }), c)
+			].includes(t) ? s(d.body, l, { json: !0 }) : void 0,
+			headers: n(m(u, l), m(d.headers, l)),
+			mapping: d.mapping,
+			method: t,
+			queryParams: m(d.queryParams, l) ?? {},
+			responsePath: d.responsePath,
+			url: e(s(d.url, l, { encode: !0 }), c)
 		};
-		return JSON.stringify(t);
+		return JSON.stringify(r);
 	}, [
 		c,
-		f,
-		u,
-		d
+		d,
+		l,
+		u
 	]);
 	T(() => {
-		if (!h) {
-			s({
+		if (!p) {
+			o({
 				error: null,
 				fetched: null,
 				isLoading: !1
 			});
 			return;
 		}
-		let e = JSON.parse(h), n = new AbortController();
-		return s((e) => ({
+		let e = JSON.parse(p), t = new AbortController();
+		return o((e) => ({
 			...e,
 			error: null,
 			isLoading: !0
 		})), (async () => {
-			let r = await l({
+			let n = await r({
 				body: e.body,
 				headers: e.headers,
 				method: e.method,
 				queryParams: e.queryParams,
-				signal: n.signal,
+				signal: t.signal,
 				url: e.url
 			});
-			if (!n.signal.aborted) {
-				if (!r.success) {
-					s({
-						error: r.error ?? "Fetch failed",
+			if (!t.signal.aborted) {
+				if (!n.success) {
+					o({
+						error: n.error ?? "Fetch failed",
 						fetched: null,
 						isLoading: !1
 					});
 					return;
 				}
-				s({
+				o({
 					error: null,
-					fetched: t(r.data, e.responsePath, e.mapping),
+					fetched: v(n.data, e.responsePath, e.mapping),
 					isLoading: !1
 				});
 			}
-		})(), () => n.abort();
-	}, [h]);
-	let g = a.fetched ?? p ?? [];
+		})(), () => t.abort();
+	}, [p]);
+	let h = i.fetched ?? f ?? [];
 	return {
-		error: a.error,
-		isLoading: a.isLoading,
-		options: g
+		error: i.error,
+		isLoading: i.isLoading,
+		options: h
 	};
-}, ft = (t, n) => {
-	let [r, i] = D(!1), { id: a, value: o, placeholder: s } = t, { node: c, setValue: l, error: u, label: d, helperText: f, missingDependencies: p } = n, { options: m, isLoading: h, error: g } = dt(c), _ = e(), v = `${a}-trigger`, y = `${a}-error`, b = m.find((e) => e.value === o);
+}, ft = (e, t) => {
+	let [n, r] = D(!1), { id: i, value: a, placeholder: o } = e, { node: s, setValue: c, error: l, label: u, helperText: d, missingDependencies: f } = t, { options: m, isLoading: h, error: g } = dt(s), _ = p(), v = `${i}-trigger`, y = `${i}-error`, b = m.find((e) => e.value === a);
 	return /* @__PURE__ */ A(J, {
 		className: "tg:mb-4",
 		children: [
 			/* @__PURE__ */ A(Q, {
 				htmlFor: v,
-				children: [d || c.data.name, c.data.required && /* @__PURE__ */ k("span", {
+				children: [u || s.data.name, s.data.required && /* @__PURE__ */ k("span", {
 					className: "tg:text-red-500",
 					children: "*"
 				})]
 			}),
 			/* @__PURE__ */ k(nt, {
-				missing: p,
+				missing: f,
 				children: /* @__PURE__ */ A(ye, {
-					open: r,
-					onOpenChange: i,
+					open: n,
+					onOpenChange: r,
 					children: [/* @__PURE__ */ k(be, {
 						asChild: !0,
 						children: /* @__PURE__ */ A(he, {
 							id: v,
 							variant: "outline",
 							role: "combobox",
-							"aria-expanded": r,
-							"aria-invalid": !!u || void 0,
-							"aria-describedby": u ? y : void 0,
-							disabled: h || p.length > 0,
+							"aria-expanded": n,
+							"aria-invalid": !!l || void 0,
+							"aria-describedby": l ? y : void 0,
+							disabled: h || f.length > 0,
 							className: "tg:w-full tg:justify-between tg:font-normal",
 							children: [/* @__PURE__ */ A("span", {
 								className: "tg:flex tg:items-center tg:gap-2 tg:truncate",
-								children: [h && /* @__PURE__ */ k(I, { className: "tg:h-4 tg:w-4 tg:shrink-0 tg:animate-spin" }), o ? b?.label ? _(b.label) : o : s || _("renderer.defaultAutocompleteInput.selectOption")]
-							}), /* @__PURE__ */ k(P, { className: "tg:ml-2 tg:size-4 tg:shrink-0 tg:opacity-50" })]
+								children: [h && /* @__PURE__ */ k(I, { className: "tg:h-4 tg:w-4 tg:shrink-0 tg:animate-spin" }), a ? b?.label ? _(b.label) : a : o || _("renderer.defaultAutocompleteInput.selectOption")]
+							}), /* @__PURE__ */ k(re, { className: "tg:ml-2 tg:size-4 tg:shrink-0 tg:opacity-50" })]
 						})
 					}), /* @__PURE__ */ k(xe, {
 						className: "tg:w-(--radix-popover-trigger-width) tg:p-0",
 						align: "start",
-						children: /* @__PURE__ */ A(Ke, { children: [/* @__PURE__ */ k(qe, { placeholder: s || _("renderer.defaultAutocompleteInput.search") }), /* @__PURE__ */ A(Je, { children: [/* @__PURE__ */ k(Ye, { children: _("renderer.defaultAutocompleteInput.noResults") }), /* @__PURE__ */ k(Xe, { children: m.map((e) => /* @__PURE__ */ A(Ze, {
+						children: /* @__PURE__ */ A(Ke, { children: [/* @__PURE__ */ k(qe, { placeholder: o || _("renderer.defaultAutocompleteInput.search") }), /* @__PURE__ */ A(Je, { children: [/* @__PURE__ */ k(Ye, { children: _("renderer.defaultAutocompleteInput.noResults") }), /* @__PURE__ */ k(Xe, { children: m.map((e) => /* @__PURE__ */ A(Ze, {
 							value: e.value,
 							disabled: e.disabled,
 							onSelect: (e) => {
-								l(e === o ? "" : e), i(!1);
+								c(e === a ? "" : e), r(!1);
 							},
-							children: [/* @__PURE__ */ k(te, { className: q("tg:mr-2 tg:size-4", o === e.value ? "tg:opacity-100" : "tg:opacity-0") }), /* @__PURE__ */ k(lt, {
+							children: [/* @__PURE__ */ k(te, { className: q("tg:mr-2 tg:size-4", a === e.value ? "tg:opacity-100" : "tg:opacity-0") }), /* @__PURE__ */ k(lt, {
 								label: _(e.label) || e.value,
 								description: _(e.description),
 								image: e.image
@@ -696,26 +696,26 @@ var lt = ({ label: e, description: t, image: n }) => /* @__PURE__ */ A(O, { chil
 					})]
 				})
 			}),
-			u && /* @__PURE__ */ k(X, {
+			l && /* @__PURE__ */ k(X, {
 				id: y,
-				children: u
+				children: l
 			}),
-			g && !u && /* @__PURE__ */ k(X, { children: g }),
-			f && !u && !g && /* @__PURE__ */ k(Y, { children: f })
+			g && !l && /* @__PURE__ */ k(X, { children: g }),
+			d && !l && !g && /* @__PURE__ */ k(Y, { children: d })
 		]
 	});
-}, pt = (t, n) => {
-	let { id: r, name: a, value: o } = t, { node: s, setValue: c, error: l, label: u, helperText: d, renderOptionExtras: f, compactOptions: p, missingDependencies: m } = n, { options: h, isLoading: g, error: _ } = dt(s), { optionsDisplayLimit: v } = i(), y = e();
-	if (h.length > 0 || s.data.optionsSource) {
-		let e = Array.isArray(o) ? o.map(String) : [], t = v ? h.slice(0, v) : h, n = h.length - t.length, i = (t, n) => {
-			c(n ? [...e, t] : e.filter((e) => e !== t));
+}, pt = (e, t) => {
+	let { id: n, name: r, value: i } = e, { node: o, setValue: s, error: c, label: l, helperText: u, renderOptionExtras: d, compactOptions: f, missingDependencies: m } = t, { options: h, isLoading: g, error: _ } = dt(o), { optionsDisplayLimit: v } = a(), y = p();
+	if (h.length > 0 || o.data.optionsSource) {
+		let e = Array.isArray(i) ? i.map(String) : [], t = v ? h.slice(0, v) : h, a = h.length - t.length, p = (t, n) => {
+			s(n ? [...e, t] : e.filter((e) => e !== t));
 		};
 		return /* @__PURE__ */ A(J, {
 			className: "tg:mb-4",
 			children: [
 				/* @__PURE__ */ A(Q, {
 					className: "tg:mb-1",
-					children: [u || s.data.name, s.data.required && /* @__PURE__ */ k("span", {
+					children: [l || o.data.name, o.data.required && /* @__PURE__ */ k("span", {
 						className: "tg:text-red-500",
 						children: "*"
 					})]
@@ -727,16 +727,16 @@ var lt = ({ label: e, description: t, image: n }) => /* @__PURE__ */ A(O, { chil
 				}),
 				/* @__PURE__ */ A("div", {
 					className: "tg:min-w-0 tg:space-y-2",
-					children: [t.map((t, n) => {
-						let o = y(t.description);
+					children: [t.map((t, i) => {
+						let a = y(t.description);
 						return /* @__PURE__ */ A("div", {
-							className: q("tg:group/option tg:pointer-events-auto tg:relative tg:flex tg:items-start tg:gap-3", p && "tg:pr-22"),
+							className: q("tg:group/option tg:pointer-events-auto tg:relative tg:flex tg:items-start tg:gap-3", f && "tg:pr-22"),
 							children: [
 								/* @__PURE__ */ k(ge, {
-									id: `${r}-${t.value}`,
-									name: a,
+									id: `${n}-${t.value}`,
+									name: r,
 									checked: e.includes(String(t.value)),
-									onCheckedChange: (e) => i(String(t.value), !!e),
+									onCheckedChange: (e) => p(String(t.value), !!e),
 									disabled: t.disabled,
 									className: "tg:mt-0.5"
 								}),
@@ -746,30 +746,30 @@ var lt = ({ label: e, description: t, image: n }) => /* @__PURE__ */ A(O, { chil
 									className: "tg:h-8 tg:w-8 tg:shrink-0 tg:rounded tg:object-cover"
 								}),
 								/* @__PURE__ */ A("div", {
-									className: q("tg:flex tg:flex-col", p && "tg:min-w-0 tg:flex-1 tg:overflow-hidden"),
+									className: q("tg:flex tg:flex-col", f && "tg:min-w-0 tg:flex-1 tg:overflow-hidden"),
 									children: [/* @__PURE__ */ k(Q, {
-										htmlFor: `${r}-${t.value}`,
-										className: q("tg:cursor-pointer tg:font-normal tg:text-sm", p && "tg:block tg:max-w-full tg:truncate"),
+										htmlFor: `${n}-${t.value}`,
+										className: q("tg:cursor-pointer tg:font-normal tg:text-sm", f && "tg:block tg:max-w-full tg:truncate"),
 										children: y(t.label) ? y(t.label) : t.value
-									}), o && /* @__PURE__ */ k("span", {
-										className: q("tg:text-muted-foreground tg:text-xs", p && "tg:block tg:max-w-full tg:truncate"),
-										children: o
+									}), a && /* @__PURE__ */ k("span", {
+										className: q("tg:text-muted-foreground tg:text-xs", f && "tg:block tg:max-w-full tg:truncate"),
+										children: a
 									})]
 								}),
-								f?.({
-									index: n,
+								d?.({
+									index: i,
 									option: t
 								})
 							]
-						}, t.value + n);
-					}), n > 0 && /* @__PURE__ */ k("div", {
+						}, t.value + i);
+					}), a > 0 && /* @__PURE__ */ k("div", {
 						className: "tg:px-2 tg:text-muted-foreground tg:text-xs",
 						children: "…"
 					})]
 				}),
-				l && /* @__PURE__ */ k(X, { children: l }),
-				_ && !l && /* @__PURE__ */ k(X, { children: _ }),
-				d && !l && !_ && /* @__PURE__ */ k(Y, { children: d })
+				c && /* @__PURE__ */ k(X, { children: c }),
+				_ && !c && /* @__PURE__ */ k(X, { children: _ }),
+				u && !c && !_ && /* @__PURE__ */ k(Y, { children: u })
 			]
 		});
 	}
@@ -778,19 +778,19 @@ var lt = ({ label: e, description: t, image: n }) => /* @__PURE__ */ A(O, { chil
 		children: [/* @__PURE__ */ A("div", {
 			className: "tg:flex tg:items-center tg:gap-3",
 			children: [/* @__PURE__ */ k(ge, {
-				id: r,
-				name: a,
-				checked: typeof o == "boolean" ? o : !1,
-				onCheckedChange: (e) => c(!!e)
+				id: n,
+				name: r,
+				checked: typeof i == "boolean" ? i : !1,
+				onCheckedChange: (e) => s(!!e)
 			}), /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ A(Q, {
-				htmlFor: r,
+				htmlFor: n,
 				className: "tg:cursor-pointer tg:font-medium tg:text-sm",
-				children: [u || s.data.name, s.data.required && /* @__PURE__ */ k("span", {
+				children: [l || o.data.name, o.data.required && /* @__PURE__ */ k("span", {
 					className: "tg:text-red-500",
 					children: "*"
 				})]
-			}), d && !l && /* @__PURE__ */ k(Y, { children: d })] })]
-		}), l && /* @__PURE__ */ k(X, { children: l })]
+			}), u && !c && /* @__PURE__ */ k(Y, { children: u })] })]
+		}), c && /* @__PURE__ */ k(X, { children: c })]
 	});
 };
 //#endregion
@@ -834,7 +834,7 @@ function mt({ className: e, classNames: t, showOutsideDays: n = !0, captionLayou
 			...t
 		},
 		components: {
-			Chevron: ({ className: e, orientation: t, ...n }) => k(t === "left" ? M : t === "right" ? N : j, {
+			Chevron: ({ className: e, orientation: t, ...n }) => k(t === "left" ? N : t === "right" ? P : M, {
 				className: q("tg:size-4", e),
 				...n
 			}),
@@ -876,29 +876,29 @@ function ht({ className: e, day: t, modifiers: n, ...r }) {
 }
 //#endregion
 //#region src/renderer/features/TreegeRenderer/web/components/inputs/DefaultDateInput.tsx
-var gt = (t, n) => {
-	let [r, i] = D(!1), { id: a, name: o, value: s, placeholder: c } = t, { node: l, setValue: u, error: d, label: f, helperText: p } = n, m = e(), h = s ? new Date(s) : void 0;
+var gt = (e, t) => {
+	let [n, r] = D(!1), { id: i, name: a, value: o, placeholder: s } = e, { node: c, setValue: l, error: u, label: d, helperText: f } = t, m = p(), h = o ? new Date(o) : void 0;
 	return /* @__PURE__ */ A(J, {
 		className: "tg:mb-4",
 		children: [
 			/* @__PURE__ */ A(Q, {
-				htmlFor: a,
-				children: [f || l.data.name, l.data.required && /* @__PURE__ */ k("span", {
+				htmlFor: i,
+				children: [d || c.data.name, c.data.required && /* @__PURE__ */ k("span", {
 					className: "tg:text-red-500",
 					children: "*"
 				})]
 			}),
 			/* @__PURE__ */ A(ye, {
-				open: r,
-				onOpenChange: i,
+				open: n,
+				onOpenChange: r,
 				children: [/* @__PURE__ */ k(be, {
 					asChild: !0,
 					children: /* @__PURE__ */ A(he, {
 						variant: "outline",
-						id: a,
-						name: o,
+						id: i,
+						name: a,
 						className: "tg:w-full tg:justify-between tg:font-normal",
-						children: [h ? h.toLocaleDateString() : c || m("renderer.defaultInputs.selectDate"), /* @__PURE__ */ k(j, { className: "tg:size-4" })]
+						children: [h ? h.toLocaleDateString() : s || m("renderer.defaultInputs.selectDate"), /* @__PURE__ */ k(M, { className: "tg:size-4" })]
 					})
 				}), /* @__PURE__ */ k(xe, {
 					className: "tg:w-auto tg:overflow-hidden tg:p-0",
@@ -908,44 +908,44 @@ var gt = (t, n) => {
 						selected: h,
 						captionLayout: "dropdown",
 						disabled: (e) => {
-							if (l.data.disablePast) {
+							if (c.data.disablePast) {
 								let t = /* @__PURE__ */ new Date();
 								return t.setHours(0, 0, 0, 0), e < t;
 							}
 							return !1;
 						},
 						onSelect: (e) => {
-							u(e ? e.toISOString() : ""), i(!1);
+							l(e ? e.toISOString() : ""), r(!1);
 						}
 					})
 				})]
 			}),
-			d && /* @__PURE__ */ k(X, { children: d }),
-			p && !d && /* @__PURE__ */ k(Y, { children: p })
+			u && /* @__PURE__ */ k(X, { children: u }),
+			f && !u && /* @__PURE__ */ k(Y, { children: f })
 		]
 	});
-}, _t = (t, n) => {
-	let [r, i] = D(!1), { id: a, value: o } = t, { node: s, setValue: c, error: l, label: u, helperText: d } = n, f = e(), p = Array.isArray(o) ? o : [], m = p[0] ? new Date(p[0]) : void 0, h = p[1] ? new Date(p[1]) : void 0;
+}, _t = (e, t) => {
+	let [n, r] = D(!1), { id: i, value: a } = e, { node: o, setValue: s, error: c, label: l, helperText: u } = t, d = p(), f = Array.isArray(a) ? a : [], m = f[0] ? new Date(f[0]) : void 0, h = f[1] ? new Date(f[1]) : void 0;
 	return /* @__PURE__ */ A(J, {
 		className: "tg:mb-4",
 		children: [
 			/* @__PURE__ */ A(Q, {
-				htmlFor: a,
-				children: [u || s.data.name, s.data.required && /* @__PURE__ */ k("span", {
+				htmlFor: i,
+				children: [l || o.data.name, o.data.required && /* @__PURE__ */ k("span", {
 					className: "tg:text-red-500",
 					children: "*"
 				})]
 			}),
 			/* @__PURE__ */ A(ye, {
-				open: r,
-				onOpenChange: i,
+				open: n,
+				onOpenChange: r,
 				children: [/* @__PURE__ */ k(be, {
 					asChild: !0,
 					children: /* @__PURE__ */ A(he, {
-						id: a,
+						id: i,
 						variant: "outline",
 						className: "tg:w-full tg:justify-between tg:font-normal",
-						children: [m && h ? `${m.toLocaleDateString()} - ${h.toLocaleDateString()}` : m ? m.toLocaleDateString() : f("renderer.defaultInputs.selectDateRange"), /* @__PURE__ */ k(j, { className: "tg:size-4" })]
+						children: [m && h ? `${m.toLocaleDateString()} - ${h.toLocaleDateString()}` : m ? m.toLocaleDateString() : d("renderer.defaultInputs.selectDateRange"), /* @__PURE__ */ k(M, { className: "tg:size-4" })]
 					})
 				}), /* @__PURE__ */ k(xe, {
 					className: "tg:w-auto tg:overflow-hidden tg:p-0",
@@ -958,25 +958,25 @@ var gt = (t, n) => {
 						},
 						captionLayout: "dropdown",
 						disabled: (e) => {
-							if (s.data.disablePast) {
+							if (o.data.disablePast) {
 								let t = /* @__PURE__ */ new Date();
 								return t.setHours(0, 0, 0, 0), e < t;
 							}
 							return !1;
 						},
 						onSelect: (e) => {
-							c([e?.from ? e.from.toISOString() : void 0, e?.to ? e.to.toISOString() : void 0]);
+							s([e?.from ? e.from.toISOString() : void 0, e?.to ? e.to.toISOString() : void 0]);
 						},
 						numberOfMonths: 2
 					})
 				})]
 			}),
-			l && /* @__PURE__ */ k(X, { children: l }),
-			d && !l && /* @__PURE__ */ k(Y, { children: d })
+			c && /* @__PURE__ */ k(X, { children: c }),
+			u && !c && /* @__PURE__ */ k(Y, { children: u })
 		]
 	});
 }, vt = (e, t) => {
-	let { id: n, name: r, placeholder: i } = e, { node: a, setValue: o, error: s, label: c, helperText: l } = t;
+	let { id: n, name: r, placeholder: i } = e, { node: a, setValue: o, error: s, label: c, helperText: u } = t;
 	return /* @__PURE__ */ A(J, {
 		className: "tg:mb-4",
 		children: [
@@ -998,16 +998,16 @@ var gt = (t, n) => {
 						return;
 					}
 					if (a.data.multiple) {
-						o(await u(Array.from(t)));
+						o(await y(Array.from(t)));
 						return;
 					}
-					o(await y(t[0]));
+					o(await l(t[0]));
 				},
 				multiple: a.data.multiple,
 				placeholder: i
 			}),
 			s && /* @__PURE__ */ k(X, { children: s }),
-			l && !s && /* @__PURE__ */ k(Y, { children: l })
+			u && !s && /* @__PURE__ */ k(Y, { children: u })
 		]
 	});
 }, yt = (e, t) => {
@@ -1027,79 +1027,79 @@ var gt = (t, n) => {
 }), St = (e, t, n = !1) => e.replace(/{{([\w-]+)}}/g, (e, r) => {
 	let i = t[r], a = i == null ? "" : String(i);
 	return n ? encodeURIComponent(a) : a;
-}), Ct = (t, n) => {
-	let [s, l] = D(!1), [u, d] = D(null), [p, h] = D([]), [g, _] = D(""), [y, b] = D(!1), { id: x, name: S, value: w, placeholder: ne } = t, { node: j, setValue: M, error: N, label: re, helperText: F, missingDependencies: L } = n, { formValues: R, inputNodes: ie, headers: ae, baseUrl: z } = i(), { httpConfig: B } = j.data, oe = E(!1), se = E(!1), ce = E(""), V = e(), H = E(B), U = E(R), le = E(ie), W = E(ae), G = E(z), ue = E(M), de = E(null), K = E(null), fe = ee(() => B?.url ? bt(B.url) : [], [B?.url]), pe = fe.length > 0, me = ee(() => fe.map((e) => `${e}:${String(R[e] ?? "")}`).join("|"), [fe, R]), ge = ee(() => B?.url ? pe ? xt(B.url, R) : !0 : !1, [
-		B?.url,
+}), Ct = (r, i) => {
+	let [s, l] = D(!1), [u, f] = D(null), [h, g] = D([]), [_, v] = D(""), [y, b] = D(!1), { id: x, name: S, value: w, placeholder: j } = r, { node: M, setValue: N, error: P, label: ne, helperText: F, missingDependencies: L } = i, { formValues: R, inputNodes: ie, headers: ae, baseUrl: oe } = a(), { httpConfig: z } = M.data, B = E(!1), se = E(!1), ce = E(""), V = p(), H = E(z), U = E(R), le = E(ie), W = E(ae), G = E(oe), ue = E(N), de = E(null), K = E(null), fe = ee(() => z?.url ? bt(z.url) : [], [z?.url]), pe = fe.length > 0, me = ee(() => fe.map((e) => `${e}:${String(R[e] ?? "")}`).join("|"), [fe, R]), ge = ee(() => z?.url ? pe ? xt(z.url, R) : !0 : !1, [
+		z?.url,
 		pe,
 		R
-	]), $ = C(async (e) => {
+	]), $ = C(async (r) => {
 		K.current && K.current.abort();
-		let t = new AbortController();
-		K.current = t;
-		let n = H.current, i = U.current, s = ue.current;
-		if (!n?.url) {
-			d(V("renderer.defaultHttpInput.noUrlConfigured")), K.current = null;
+		let i = new AbortController();
+		K.current = i;
+		let a = H.current, s = U.current, u = ue.current;
+		if (!a?.url) {
+			f(V("renderer.defaultHttpInput.noUrlConfigured")), K.current = null;
 			return;
 		}
-		if (n.url && !xt(n.url, i)) {
+		if (a.url && !xt(a.url, s)) {
 			K.current = null;
 			return;
 		}
-		l(!0), d(null);
+		l(!0), f(null);
 		try {
-			let u = m(St(n.url, i, !0), G.current), p = c(n.searchParam && e ? `${u}${u.includes("?") ? "&" : "?"}${n.searchParam}=${encodeURIComponent(e)}` : u, o(n.queryParams, i)), g = r({ "Content-Type": "application/json" }, o(W.current, i), o(n.headers, i)), _ = [
+			let p = e(St(a.url, s, !0), G.current), h = t(a.searchParam && r ? `${p}${p.includes("?") ? "&" : "?"}${a.searchParam}=${encodeURIComponent(r)}` : p, m(a.queryParams, s)), _ = n({ "Content-Type": "application/json" }, m(W.current, s), m(a.headers, s)), v = [
 				"POST",
 				"PUT",
 				"PATCH"
-			].includes(n.method || "") ? n.sendAllFormValues ? JSON.stringify(f(i, le.current)) : n.body ? St(n.body, i) : void 0 : void 0, y = setTimeout(() => t.abort(), 3e4), b = await fetch(p, {
-				body: _ || void 0,
-				headers: Object.fromEntries(Object.entries(g).filter(([, e]) => e)),
-				method: n.method || "GET",
-				signal: t.signal
+			].includes(a.method || "") ? a.sendAllFormValues ? JSON.stringify(d(s, le.current)) : a.body ? St(a.body, s) : void 0 : void 0, y = setTimeout(() => i.abort(), 3e4), b = await fetch(h, {
+				body: v || void 0,
+				headers: Object.fromEntries(Object.entries(_).filter(([, e]) => e)),
+				method: a.method || "GET",
+				signal: i.signal
 			});
 			if (clearTimeout(y), !b.ok) {
-				d(`HTTP Error ${b.status}: ${b.statusText}`), l(!1);
+				f(`HTTP Error ${b.status}: ${b.statusText}`), l(!1);
 				return;
 			}
-			let x = a(await b.json()), S = n.responsePath ? v(x, n.responsePath) : x;
-			if (n.responseMapping && Array.isArray(S)) {
-				let { valueField: e = "value", labelField: t = "label", descriptionField: r, imageField: i } = n.responseMapping;
-				h(S.map((n) => {
-					let a = r ? v(n, r) : void 0, o = i ? v(n, i) : void 0;
+			let x = o(await b.json()), S = a.responsePath ? c(x, a.responsePath) : x;
+			if (a.responseMapping && Array.isArray(S)) {
+				let { valueField: e = "value", labelField: t = "label", descriptionField: n, imageField: r } = a.responseMapping;
+				g(S.map((i) => {
+					let a = n ? c(i, n) : void 0, o = r ? c(i, r) : void 0;
 					return {
 						description: a != null && a !== "" ? String(a) : void 0,
 						image: typeof o == "string" && o !== "" ? o : void 0,
-						label: String(v(n, t) || ""),
-						value: String(v(n, e) || "")
+						label: String(c(i, t) || ""),
+						value: String(c(i, e) || "")
 					};
 				}));
-			} else s(typeof S == "string" ? S : JSON.stringify(S));
+			} else u(typeof S == "string" ? S : JSON.stringify(S));
 		} catch (e) {
 			if (e instanceof Error && e.name === "AbortError") return;
-			d(e instanceof Error ? e.message : V("renderer.defaultHttpInput.fetchFailed")), console.error("HTTP Input fetch error:", e);
+			f(e instanceof Error ? e.message : V("renderer.defaultHttpInput.fetchFailed")), console.error("HTTP Input fetch error:", e);
 		} finally {
 			l(!1), K.current = null;
 		}
 	}, [V]);
 	if (T(() => {
-		H.current = B, U.current = R, le.current = ie, W.current = ae, G.current = z, ue.current = M, de.current = $;
+		H.current = z, U.current = R, le.current = ie, W.current = ae, G.current = oe, ue.current = N, de.current = $;
 	}, [
-		B,
+		z,
 		R,
 		ie,
 		ae,
-		z,
-		M,
+		oe,
+		N,
 		$
 	]), T(() => () => {
-		K.current && K.current.abort(), oe.current = !1, se.current = !1;
+		K.current && K.current.abort(), B.current = !1, se.current = !1;
 	}, []), T(() => {
-		if (oe.current) return;
-		oe.current = !0;
+		if (B.current) return;
+		B.current = !0;
 		let e = H.current, t = U.current, n = de.current, r = e?.url && xt(e.url, t);
 		e?.fetchOnMount && r && n && (n(), e.url && (ce.current = bt(e.url).map((e) => `${e}:${String(t[e] ?? "")}`).join("|")));
 	}, []), T(() => {
-		if (!oe.current || !pe || ce.current === me || !ge) return;
+		if (!B.current || !pe || ce.current === me || !ge) return;
 		let e = setTimeout(() => {
 			$(), ce.current = me;
 		}, 500);
@@ -1117,40 +1117,40 @@ var gt = (t, n) => {
 		let e = H.current, t = U.current, n = de.current, r = e?.url && xt(e.url, t);
 		e?.fetchOnMount && r && n && (n(), e.url && (ce.current = bt(e.url).map((e) => `${e}:${String(t[e] ?? "")}`).join("|")));
 	}, [ee(() => JSON.stringify({
-		body: B?.body,
-		fetchOnMount: B?.fetchOnMount,
-		headers: B?.headers,
-		method: B?.method,
-		queryParams: B?.queryParams,
-		responseMapping: B?.responseMapping,
-		responsePath: B?.responsePath,
-		searchParam: B?.searchParam,
-		sendAllFormValues: B?.sendAllFormValues,
-		url: B?.url
-	}), [B])]), T(() => {
-		if (!(B?.searchParam && g)) return;
+		body: z?.body,
+		fetchOnMount: z?.fetchOnMount,
+		headers: z?.headers,
+		method: z?.method,
+		queryParams: z?.queryParams,
+		responseMapping: z?.responseMapping,
+		responsePath: z?.responsePath,
+		searchParam: z?.searchParam,
+		sendAllFormValues: z?.sendAllFormValues,
+		url: z?.url
+	}), [z])]), T(() => {
+		if (!(z?.searchParam && _)) return;
 		let e = setTimeout(() => {
-			$(g);
+			$(_);
 		}, 300);
 		return () => clearTimeout(e);
 	}, [
-		g,
-		B?.searchParam,
+		_,
+		z?.searchParam,
 		$
-	]), B?.responseMapping) {
-		let e = Array.isArray(w) ? w[0] : w, t = p.find((t) => t.value === e);
-		if (B.searchParam) {
-			let e = s && B?.showLoading ? /* @__PURE__ */ A("div", {
+	]), z?.responseMapping) {
+		let e = Array.isArray(w) ? w[0] : w, t = h.find((t) => t.value === e);
+		if (z.searchParam) {
+			let e = s && z?.showLoading ? /* @__PURE__ */ A("div", {
 				className: "tg:flex tg:items-center tg:gap-2",
 				children: [/* @__PURE__ */ k(I, { className: "tg:h-4 tg:w-4 tg:animate-spin" }), /* @__PURE__ */ k("span", {
 					className: "tg:text-muted-foreground",
-					children: t?.label || ne || V("renderer.defaultHttpInput.search")
+					children: t?.label || j || V("renderer.defaultHttpInput.search")
 				})]
-			}) : t?.label || ne || V("renderer.defaultHttpInput.search");
+			}) : t?.label || j || V("renderer.defaultHttpInput.search");
 			return /* @__PURE__ */ A(J, {
 				className: "tg:mb-4",
 				children: [
-					/* @__PURE__ */ A(Q, { children: [re || j.data.name, j.data.required && /* @__PURE__ */ k("span", {
+					/* @__PURE__ */ A(Q, { children: [ne || M.data.name, M.data.required && /* @__PURE__ */ k("span", {
 						className: "tg:text-red-500",
 						children: "*"
 					})] }),
@@ -1167,7 +1167,7 @@ var gt = (t, n) => {
 									"aria-expanded": y,
 									disabled: L.length > 0,
 									className: "tg:w-full tg:justify-between",
-									children: [e, /* @__PURE__ */ k(P, { className: "tg:ml-2 tg:h-4 tg:w-4 tg:shrink-0 tg:opacity-50" })]
+									children: [e, /* @__PURE__ */ k(re, { className: "tg:ml-2 tg:h-4 tg:w-4 tg:shrink-0 tg:opacity-50" })]
 								})
 							}), /* @__PURE__ */ k(xe, {
 								className: "tg:w-[var(--radix-popover-trigger-width)] tg:p-0",
@@ -1176,9 +1176,9 @@ var gt = (t, n) => {
 									shouldFilter: !1,
 									children: [/* @__PURE__ */ k(qe, {
 										placeholder: V("renderer.defaultHttpInput.search"),
-										value: g,
+										value: _,
 										onValueChange: (e) => {
-											_(e), d(null);
+											v(e), f(null);
 										}
 									}), /* @__PURE__ */ A(Je, { children: [
 										s && /* @__PURE__ */ k("div", {
@@ -1189,15 +1189,15 @@ var gt = (t, n) => {
 											className: "tg:p-4 tg:text-destructive tg:text-sm",
 											children: [/* @__PURE__ */ k("div", { children: u }), /* @__PURE__ */ k("button", {
 												type: "button",
-												onClick: () => $(g),
+												onClick: () => $(_),
 												className: "tg:mt-2 tg:block tg:text-primary tg:hover:underline",
 												children: V("renderer.defaultHttpInput.retry")
 											})]
 										}),
-										!(s || u) && /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k(Ye, { children: V("renderer.defaultHttpInput.noResults") }), /* @__PURE__ */ k(Xe, { children: p.map((e) => /* @__PURE__ */ A(Ze, {
+										!(s || u) && /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k(Ye, { children: V("renderer.defaultHttpInput.noResults") }), /* @__PURE__ */ k(Xe, { children: h.map((e) => /* @__PURE__ */ A(Ze, {
 											value: e.value,
 											onSelect: () => {
-												M(e.value), b(!1);
+												N(e.value), b(!1);
 											},
 											children: [/* @__PURE__ */ k(te, { className: q("tg:mr-2 tg:h-4 tg:w-4", w === e.value ? "tg:opacity-100" : "tg:opacity-0") }), /* @__PURE__ */ k(lt, {
 												label: e.label,
@@ -1210,22 +1210,22 @@ var gt = (t, n) => {
 							})]
 						})
 					}),
-					N && /* @__PURE__ */ k(X, { children: N }),
-					F && !N && /* @__PURE__ */ k(Y, { children: F })
+					P && /* @__PURE__ */ k(X, { children: P }),
+					F && !P && /* @__PURE__ */ k(Y, { children: F })
 				]
 			});
 		}
-		let n = s && B?.showLoading, r = L.length === 0 && p.length === 0 && !n ? u ?? V("renderer.defaultHttpInput.noDataAvailable") : void 0, i = /* @__PURE__ */ A(Se, {
+		let n = s && z?.showLoading, r = L.length === 0 && h.length === 0 && !n ? u ?? V("renderer.defaultHttpInput.noDataAvailable") : void 0, i = /* @__PURE__ */ A(Se, {
 			value: Array.isArray(w) ? w[0] ?? "" : w ?? "",
-			onValueChange: (e) => M(e),
-			disabled: n || p.length === 0,
+			onValueChange: (e) => N(e),
+			disabled: n || h.length === 0,
 			name: S,
 			children: [/* @__PURE__ */ A(Te, {
 				id: x,
 				name: S,
 				className: "tg:w-full",
-				children: [n && /* @__PURE__ */ k(I, { className: "tg:mr-2 tg:h-4 tg:w-4 tg:animate-spin" }), /* @__PURE__ */ k(we, { placeholder: ne || V("renderer.defaultHttpInput.selectOption") })]
-			}), /* @__PURE__ */ k(Ee, { children: /* @__PURE__ */ k(Ce, { children: p.map((e, t) => /* @__PURE__ */ k(Oe, {
+				children: [n && /* @__PURE__ */ k(I, { className: "tg:mr-2 tg:h-4 tg:w-4 tg:animate-spin" }), /* @__PURE__ */ k(we, { placeholder: j || V("renderer.defaultHttpInput.selectOption") })]
+			}), /* @__PURE__ */ k(Ee, { children: /* @__PURE__ */ k(Ce, { children: h.map((e, t) => /* @__PURE__ */ k(Oe, {
 				value: e.value,
 				children: /* @__PURE__ */ k(lt, {
 					label: e.label,
@@ -1239,7 +1239,7 @@ var gt = (t, n) => {
 			children: [
 				/* @__PURE__ */ A(Q, {
 					htmlFor: x,
-					children: [re || j.data.name, j.data.required && /* @__PURE__ */ k("span", {
+					children: [ne || M.data.name, M.data.required && /* @__PURE__ */ k("span", {
 						className: "tg:text-red-500",
 						children: "*"
 					})]
@@ -1254,8 +1254,8 @@ var gt = (t, n) => {
 						})
 					}), /* @__PURE__ */ k(Fe, { children: /* @__PURE__ */ k("p", { children: r }) })] }) }) : i
 				}),
-				N && /* @__PURE__ */ k(X, { children: N }),
-				F && !N && /* @__PURE__ */ k(Y, { children: F })
+				P && /* @__PURE__ */ k(X, { children: P }),
+				F && !P && /* @__PURE__ */ k(Y, { children: F })
 			]
 		});
 	}
@@ -1264,7 +1264,7 @@ var gt = (t, n) => {
 		children: [
 			/* @__PURE__ */ A(Q, {
 				htmlFor: x,
-				children: [re || j.data.name, j.data.required && /* @__PURE__ */ k("span", {
+				children: [ne || M.data.name, M.data.required && /* @__PURE__ */ k("span", {
 					className: "tg:text-red-500",
 					children: "*"
 				})]
@@ -1277,8 +1277,8 @@ var gt = (t, n) => {
 				readOnly: !0,
 				disabled: !0
 			}),
-			N && /* @__PURE__ */ k(X, { children: N }),
-			F && !N && /* @__PURE__ */ k(Y, { children: F })
+			P && /* @__PURE__ */ k(X, { children: P }),
+			F && !P && /* @__PURE__ */ k(Y, { children: F })
 		]
 	});
 }, wt = (e, t) => {
@@ -1330,7 +1330,7 @@ var gt = (t, n) => {
 			u && !c && /* @__PURE__ */ k(Y, { children: u })
 		]
 	});
-}, Et = z("tg:group/field tg:flex tg:w-full tg:gap-3 tg:data-[invalid=true]:text-destructive", {
+}, Et = oe("tg:group/field tg:flex tg:w-full tg:gap-3 tg:data-[invalid=true]:text-destructive", {
 	defaultVariants: { orientation: "vertical" },
 	variants: { orientation: {
 		horizontal: [
@@ -1406,15 +1406,15 @@ function Nt({ className: e, ...t }) {
 }
 //#endregion
 //#region src/renderer/features/TreegeRenderer/web/components/inputs/DefaultRadioInput.tsx
-var Pt = (t, n) => {
-	let { id: r, name: a, value: o } = t, { node: s, setValue: c, error: l, label: u, helperText: d, renderOptionExtras: f, compactOptions: p, missingDependencies: m } = n, { options: h, isLoading: g, error: _ } = dt(s), { optionsDisplayLimit: v } = i(), y = e(), b = o ? String(o) : "", x = s.data.variant !== "default", S = `${r}-label`, C = v ? h.slice(0, v) : h, w = h.length - C.length;
+var Pt = (e, t) => {
+	let { id: n, name: r, value: i } = e, { node: o, setValue: s, error: c, label: l, helperText: u, renderOptionExtras: d, compactOptions: f, missingDependencies: m } = t, { options: h, isLoading: g, error: _ } = dt(o), { optionsDisplayLimit: v } = a(), y = p(), b = i ? String(i) : "", x = o.data.variant !== "default", S = `${n}-label`, C = v ? h.slice(0, v) : h, w = h.length - C.length;
 	return /* @__PURE__ */ A(J, {
 		className: "tg:mb-4",
 		children: [
 			/* @__PURE__ */ A(Q, {
 				className: "tg:mb-1",
 				id: S,
-				children: [u || s.data.name, s.data.required && /* @__PURE__ */ k("span", {
+				children: [l || o.data.name, o.data.required && /* @__PURE__ */ k("span", {
 					className: "tg:text-red-500",
 					children: "*"
 				})]
@@ -1426,15 +1426,15 @@ var Pt = (t, n) => {
 			}),
 			/* @__PURE__ */ A(Mt, {
 				value: b,
-				onValueChange: (e) => c(e),
+				onValueChange: (e) => s(e),
 				"aria-labelledby": S,
-				name: a,
+				name: r,
 				className: q("tg:min-w-0", x && "tg:flex tg:flex-col tg:gap-2"),
 				children: [C.map((e, t) => {
-					let n = `${r}-${e.value}`, i = y(e.label) || e.value, a = y(e.description), o = String(e.value);
+					let r = `${n}-${e.value}`, i = y(e.label) || e.value, a = y(e.description), o = String(e.value);
 					return x ? /* @__PURE__ */ A(kt, {
-						htmlFor: n,
-						className: q("tg:group/option tg:pointer-events-auto tg:relative", p && "tg:group-hover/option:pr-16"),
+						htmlFor: r,
+						className: q("tg:group/option tg:pointer-events-auto tg:relative", f && "tg:group-hover/option:pr-16"),
 						children: [/* @__PURE__ */ A(Dt, {
 							orientation: "horizontal",
 							"data-disabled": e.disabled || void 0,
@@ -1445,33 +1445,33 @@ var Pt = (t, n) => {
 									className: "tg:h-10 tg:w-10 tg:shrink-0 tg:self-center tg:rounded tg:object-cover"
 								}),
 								/* @__PURE__ */ A(Ot, {
-									className: q(p && "tg:min-w-0 tg:flex-1 tg:overflow-hidden"),
+									className: q(f && "tg:min-w-0 tg:flex-1 tg:overflow-hidden"),
 									children: [/* @__PURE__ */ k(At, {
-										className: q(p && "tg:block tg:max-w-full tg:truncate"),
+										className: q(f && "tg:block tg:max-w-full tg:truncate"),
 										children: i
 									}), a && /* @__PURE__ */ k(jt, {
-										className: q(p && "tg:block tg:max-w-full tg:truncate"),
+										className: q(f && "tg:block tg:max-w-full tg:truncate"),
 										children: a
 									})]
 								}),
 								/* @__PURE__ */ k(Nt, {
 									value: o,
-									id: n,
+									id: r,
 									disabled: e.disabled,
-									className: q(p && "tg:ml-auto tg:shrink-0 tg:group-hover/option:invisible")
+									className: q(f && "tg:ml-auto tg:shrink-0 tg:group-hover/option:invisible")
 								})
 							]
-						}), f?.({
+						}), d?.({
 							index: t,
 							option: e,
 							variant: "card"
 						})]
 					}, e.value + t) : /* @__PURE__ */ A("div", {
-						className: q("tg:group/option tg:pointer-events-auto tg:relative tg:flex tg:items-start tg:space-x-2", p && "tg:min-w-0 tg:pr-22"),
+						className: q("tg:group/option tg:pointer-events-auto tg:relative tg:flex tg:items-start tg:space-x-2", f && "tg:min-w-0 tg:pr-22"),
 						children: [
 							/* @__PURE__ */ k(Nt, {
 								value: o,
-								id: n,
+								id: r,
 								disabled: e.disabled,
 								className: "tg:mt-0.5"
 							}),
@@ -1481,17 +1481,17 @@ var Pt = (t, n) => {
 								className: "tg:h-8 tg:w-8 tg:rounded tg:object-cover"
 							}),
 							/* @__PURE__ */ A("div", {
-								className: q("tg:flex tg:flex-col", p && "tg:min-w-0 tg:flex-1 tg:overflow-hidden"),
+								className: q("tg:flex tg:flex-col", f && "tg:min-w-0 tg:flex-1 tg:overflow-hidden"),
 								children: [/* @__PURE__ */ k(Q, {
-									htmlFor: n,
-									className: q("tg:cursor-pointer tg:font-normal tg:text-sm", p && "tg:block tg:max-w-full tg:truncate"),
+									htmlFor: r,
+									className: q("tg:cursor-pointer tg:font-normal tg:text-sm", f && "tg:block tg:max-w-full tg:truncate"),
 									children: i
 								}), a && /* @__PURE__ */ k("span", {
-									className: q("tg:text-muted-foreground tg:text-xs", p && "tg:block tg:max-w-full tg:truncate"),
+									className: q("tg:text-muted-foreground tg:text-xs", f && "tg:block tg:max-w-full tg:truncate"),
 									children: a
 								})]
 							}),
-							f?.({
+							d?.({
 								index: t,
 								option: e,
 								variant: "default"
@@ -1503,36 +1503,36 @@ var Pt = (t, n) => {
 					children: "…"
 				})]
 			}),
-			l && /* @__PURE__ */ k(X, { children: l }),
-			_ && !l && /* @__PURE__ */ k(X, { children: _ }),
-			d && !l && !_ && /* @__PURE__ */ k(Y, { children: d })
+			c && /* @__PURE__ */ k(X, { children: c }),
+			_ && !c && /* @__PURE__ */ k(X, { children: _ }),
+			u && !c && !_ && /* @__PURE__ */ k(Y, { children: u })
 		]
 	});
-}, Ft = (t, n) => {
-	let { id: r, name: i, value: a, placeholder: o } = t, { node: s, setValue: c, error: l, label: u, helperText: d, missingDependencies: f } = n, { options: p, isLoading: m, error: h } = dt(s), g = e(), _ = a ? String(a) : "";
+}, Ft = (e, t) => {
+	let { id: n, name: r, value: i, placeholder: a } = e, { node: o, setValue: s, error: c, label: l, helperText: u, missingDependencies: d } = t, { options: f, isLoading: m, error: h } = dt(o), g = p(), _ = i ? String(i) : "";
 	return /* @__PURE__ */ A(J, {
 		className: "tg:mb-4",
 		children: [
 			/* @__PURE__ */ A(Q, {
-				htmlFor: r,
-				children: [u || s.data.name, s.data.required && /* @__PURE__ */ k("span", {
+				htmlFor: n,
+				children: [l || o.data.name, o.data.required && /* @__PURE__ */ k("span", {
 					className: "tg:text-red-500",
 					children: "*"
 				})]
 			}),
 			/* @__PURE__ */ k(nt, {
-				missing: f,
+				missing: d,
 				children: /* @__PURE__ */ A(Se, {
-					name: i,
+					name: r,
 					value: _,
-					onValueChange: (e) => c(e),
-					disabled: m || f.length > 0,
+					onValueChange: (e) => s(e),
+					disabled: m || d.length > 0,
 					children: [/* @__PURE__ */ A(Te, {
-						id: r,
-						name: i,
+						id: n,
+						name: r,
 						className: "tg:w-full",
-						children: [m && /* @__PURE__ */ k(I, { className: "tg:mr-2 tg:h-4 tg:w-4 tg:animate-spin" }), /* @__PURE__ */ k(we, { placeholder: o || g("renderer.defaultSelectInput.selectOption") })]
-					}), /* @__PURE__ */ k(Ee, { children: /* @__PURE__ */ k(Ce, { children: p.map((e, t) => /* @__PURE__ */ k(Oe, {
+						children: [m && /* @__PURE__ */ k(I, { className: "tg:mr-2 tg:h-4 tg:w-4 tg:animate-spin" }), /* @__PURE__ */ k(we, { placeholder: a || g("renderer.defaultSelectInput.selectOption") })]
+					}), /* @__PURE__ */ k(Ee, { children: /* @__PURE__ */ k(Ce, { children: f.map((e, t) => /* @__PURE__ */ k(Oe, {
 						value: String(e.value),
 						disabled: e.disabled,
 						children: /* @__PURE__ */ k(lt, {
@@ -1543,99 +1543,100 @@ var Pt = (t, n) => {
 					}, `${e.value}-${t}`)) }) })]
 				})
 			}),
-			l && /* @__PURE__ */ k(X, { children: l }),
-			h && !l && /* @__PURE__ */ k(X, { children: h }),
-			d && !l && !h && /* @__PURE__ */ k(Y, { children: d })
+			c && /* @__PURE__ */ k(X, { children: c }),
+			h && !c && /* @__PURE__ */ k(X, { children: h }),
+			u && !c && !h && /* @__PURE__ */ k(Y, { children: u })
 		]
 	});
-}, It = ({ children: e, onSubmit: t }) => /* @__PURE__ */ k("form", {
-	onSubmit: t,
+}, It = ({ children: e, id: t, onSubmit: n }) => /* @__PURE__ */ k("form", {
+	id: t,
+	onSubmit: n,
 	className: "tg:mx-auto tg:max-w-2xl tg:gap-y-3",
 	children: e
-}), Lt = ({ children: t, missingFields: n = [] }) => {
-	let r = n.length > 0, i = e();
-	return r ? /* @__PURE__ */ k(Me, { children: /* @__PURE__ */ A(Ne, { children: [/* @__PURE__ */ k(Pe, {
+}), Lt = ({ children: e, missingFields: t = [] }) => {
+	let n = t.length > 0, r = p();
+	return n ? /* @__PURE__ */ k(Me, { children: /* @__PURE__ */ A(Ne, { children: [/* @__PURE__ */ k(Pe, {
 		asChild: !0,
 		children: /* @__PURE__ */ k("span", {
 			className: "tg:inline-flex",
-			children: t
+			children: e
 		})
 	}), /* @__PURE__ */ k(Fe, { children: /* @__PURE__ */ A("div", {
 		className: "tg:space-y-1",
 		children: [/* @__PURE__ */ A("p", {
 			className: "tg:font-semibold",
-			children: [i("renderer.defaultSubmitButton.requiredFieldsMissing"), ":"]
+			children: [r("renderer.defaultSubmitButton.requiredFieldsMissing"), ":"]
 		}), /* @__PURE__ */ k("ul", {
 			className: "tg:list-inside tg:list-disc",
-			children: n.map((e, t) => /* @__PURE__ */ k("li", { children: e }, t))
+			children: t.map((e, t) => /* @__PURE__ */ k("li", { children: e }, t))
 		})]
-	}) })] }) }) : t;
-}, Rt = ({ label: t, children: n, isFirstStep: r, isLastStep: i, canContinue: a, isSubmitting: o, onBack: s, onContinue: c, missingFields: l }) => {
-	let u = e(), d = /* @__PURE__ */ k("button", {
+	}) })] }) }) : e;
+}, Rt = ({ label: e, children: t, canGoBack: n, isLastStep: r, canContinue: i, isSubmitting: a, onBack: o, onContinue: s, missingFields: c }) => {
+	let l = p(), u = /* @__PURE__ */ A("button", {
 		type: "button",
-		onClick: c,
-		disabled: !a || o,
-		className: "tg:rounded-md tg:bg-blue-500 tg:px-4 tg:py-2 tg:font-medium tg:text-sm tg:text-white tg:transition-colors tg:hover:bg-blue-600 tg:focus:outline-none tg:focus:ring-2 tg:focus:ring-blue-500 tg:focus:ring-offset-2 tg:disabled:cursor-not-allowed tg:disabled:opacity-50",
-		children: u(i ? "renderer.defaultSubmitButton.submit" : "renderer.step.continue")
+		onClick: s,
+		disabled: !i || a,
+		className: "tg:inline-flex tg:items-center tg:justify-center tg:gap-2 tg:rounded-md tg:bg-blue-500 tg:px-4 tg:py-2 tg:font-medium tg:text-sm tg:text-white tg:transition-colors tg:hover:bg-blue-600 tg:focus:outline-none tg:focus:ring-2 tg:focus:ring-blue-500 tg:focus:ring-offset-2 tg:disabled:cursor-not-allowed tg:disabled:opacity-50",
+		children: [a && /* @__PURE__ */ k(I, { className: "tg:h-4 tg:w-4 tg:animate-spin" }), l(r ? "renderer.defaultSubmitButton.submit" : "renderer.step.continue")]
 	});
 	return /* @__PURE__ */ A("section", {
 		className: "tg:rounded-lg tg:border tg:p-4",
 		children: [
-			t && /* @__PURE__ */ k("h3", {
+			e && /* @__PURE__ */ k("h3", {
 				className: "tg:mb-4 tg:font-semibold tg:text-lg",
-				children: t
+				children: e
 			}),
-			n,
+			t,
 			/* @__PURE__ */ A("div", {
 				className: "tg:mt-6 tg:flex tg:items-center tg:justify-between tg:gap-2",
-				children: [r ? /* @__PURE__ */ k("span", {}) : /* @__PURE__ */ k("button", {
+				children: [n ? /* @__PURE__ */ k("button", {
 					type: "button",
-					onClick: s,
-					disabled: o,
+					onClick: o,
+					disabled: a,
 					className: "tg:rounded-md tg:border tg:border-input tg:bg-background tg:px-4 tg:py-2 tg:font-medium tg:text-sm tg:transition-colors tg:hover:bg-accent tg:disabled:cursor-not-allowed tg:disabled:opacity-50",
-					children: u("renderer.step.back")
-				}), /* @__PURE__ */ k(Lt, {
-					missingFields: l,
-					children: d
+					children: l("renderer.step.back")
+				}) : /* @__PURE__ */ k("span", {}), /* @__PURE__ */ k(Lt, {
+					missingFields: c,
+					children: u
 				})]
 			})
 		]
 	});
-}, zt = S(({ label: t, id: n, disabled: r, onBlur: i, onClick: a, onFocus: o, onPointerDown: s, onPointerLeave: c, onPointerMove: l, ...u }, d) => {
-	let f = e();
-	return /* @__PURE__ */ k("button", {
+}, zt = S(({ label: e, id: t, disabled: n, isSubmitting: r, onBlur: i, onClick: a, onFocus: o, onPointerDown: s, onPointerLeave: c, onPointerMove: l, ...u }, d) => {
+	let f = p();
+	return /* @__PURE__ */ A("button", {
 		ref: d,
-		id: n,
+		id: t,
 		onBlur: i,
 		onClick: a,
 		onFocus: o,
 		onPointerDown: s,
-		disabled: r,
+		disabled: n || r,
 		onPointerLeave: c,
 		onPointerMove: l,
 		type: "submit",
-		className: "tg:mt-4 tg:rounded-md tg:bg-blue-500 tg:px-4 tg:py-2 tg:font-medium tg:text-white tg:transition-colors tg:hover:bg-blue-600 tg:focus:outline-none tg:focus:ring-2 tg:focus:ring-blue-500 tg:focus:ring-offset-2 tg:disabled:cursor-not-allowed tg:disabled:opacity-50",
+		className: "tg:mt-4 tg:inline-flex tg:items-center tg:justify-center tg:gap-2 tg:rounded-md tg:bg-blue-500 tg:px-4 tg:py-2 tg:font-medium tg:text-white tg:transition-colors tg:hover:bg-blue-600 tg:focus:outline-none tg:focus:ring-2 tg:focus:ring-blue-500 tg:focus:ring-offset-2 tg:disabled:cursor-not-allowed tg:disabled:opacity-50",
 		...u,
-		children: t || f("renderer.defaultSubmitButton.submit")
+		children: [r && /* @__PURE__ */ k(I, { className: "tg:h-4 tg:w-4 tg:animate-spin" }), e || f("renderer.defaultSubmitButton.submit")]
 	});
-}), Bt = ({ node: t }) => {
-	let n = e()(t.data?.label);
-	return n ? /* @__PURE__ */ A("div", {
+}), Bt = ({ node: e }) => {
+	let t = p()(e.data?.label);
+	return t ? /* @__PURE__ */ A("div", {
 		className: "tg:flex tg:items-center tg:gap-x-3",
 		children: [
 			/* @__PURE__ */ k(Ie, { className: "tg:my-8 tg:flex-1" }),
 			/* @__PURE__ */ k("h4", {
 				className: "tg:font-semibold tg:text-sm",
-				children: n
+				children: t
 			}),
 			/* @__PURE__ */ k(Ie, { className: "tg:my-8 tg:flex-1" })
 		]
 	}) : /* @__PURE__ */ k(Ie, { className: "tg:my-8" });
-}, Vt = ({ node: t }) => {
-	let { edges: n } = i(), r = e();
+}, Vt = ({ node: e }) => {
+	let { edges: t } = a(), n = p();
 	return /* @__PURE__ */ k("h2", {
-		className: q("tg:mb-5 tg:font-bold tg:text-2xl", !g(t.id, n) && "tg:mt-10"),
-		children: r(t.data?.label)
+		className: q("tg:mb-5 tg:font-bold tg:text-2xl", !g(e.id, t) && "tg:mt-10"),
+		children: n(e.data?.label)
 	});
 }, Ht = {
 	divider: Bt,
@@ -1685,99 +1686,122 @@ var Gt = () => /* @__PURE__ */ A("section", {
 	href: "treege-renderer",
 	precedence: "default",
 	children: Kt
-}), Jt = ({ baseUrl: e, components: t, className: n, flow: r, googleApiKey: i, headers: a, language: o, onChange: c, onSubmit: l, theme: u, validate: d, validationMode: f, initialValues: m = {}, isLoading: g = !1 }) => {
-	let { canContinueStep: v, canSubmit: y, clearSubmitMessage: b, config: x, currentStep: S, currentStepGroupNode: w, currentStepIndex: T, firstErrorFieldId: E, formErrors: O, formValues: te, goToNextStep: ne, goToPreviousStep: j, handleSubmit: M, inputNodes: N, isFirstStep: re, isLastStep: P, isSubmitting: F, missingRequiredFields: I, setFieldValue: L, steps: R, submitMessage: ie, t: ae } = p({
+}), Jt = ({ baseUrl: e, components: t, className: n, flow: r, formId: a, googleApiKey: o, headers: s, language: c, onBack: l, onChange: u, onSubmit: d, theme: p, validate: m, validationMode: g, initialValues: v = {}, isLoading: y = !1, isSubmitting: b = !1 }) => {
+	let { canContinueStep: x, canSubmit: S, clearSubmitMessage: w, config: T, currentStep: E, currentStepGroupNode: O, currentStepIndex: te, firstErrorFieldId: j, formErrors: M, formValues: N, goToNextStep: P, goToPreviousStep: ne, handleSubmit: re, inputNodes: F, isFirstStep: I, isLastStep: L, isSubmitting: R, missingRequiredFields: ie, setFieldValue: ae, steps: oe, submitMessage: z, t: B } = f({
 		baseUrl: e,
 		components: t,
 		flow: r,
-		googleApiKey: i,
-		headers: a,
-		initialValues: m,
-		language: o,
-		onChange: c,
-		onSubmit: l,
-		theme: u,
-		validate: d,
-		validationMode: f
-	}), [z, B] = D(null), { FormWrapper: oe, renderNode: se } = h({
-		config: x,
+		googleApiKey: o,
+		headers: s,
+		initialValues: v,
+		language: c,
+		onChange: u,
+		onSubmit: d,
+		theme: p,
+		validate: m,
+		validationMode: g
+	}), [se, ce] = D(null), V = b || R, { FormWrapper: H, renderNode: U } = h({
+		config: T,
 		DefaultFormWrapper: It,
 		DefaultInputWrapper: Ut,
 		DefaultSubmitButton: zt,
 		DefaultSubmitButtonWrapper: Lt,
 		defaultInputRenderers: rn,
 		defaultUI: Ht,
-		formErrors: O,
-		formValues: te,
-		inputNodes: N,
-		missingRequiredFields: I,
-		setFieldValue: L
-	}), ce = x.components.step ?? Rt, V = x.components.loadingSkeleton ?? Gt, H = ee(() => ae(w?.data?.label), [ae, w]), U = C(async (e) => {
-		e.preventDefault(), !await M() && E && document.getElementById(E)?.focus();
-	}, [M, E]), le = C(() => {
-		if (P) {
-			M();
+		formErrors: M,
+		formValues: N,
+		inputNodes: F,
+		isSubmitting: V,
+		missingRequiredFields: ie,
+		setFieldValue: ae
+	}), le = T.components.step ?? Rt, W = T.components.loadingSkeleton ?? Gt, G = ee(() => B(O?.data?.label), [B, O]), ue = C(async (e) => {
+		if (e.preventDefault(), !L) {
+			x && P();
 			return;
 		}
-		ne();
+		!await re() && j && document.getElementById(j)?.focus();
 	}, [
+		L,
+		x,
 		P,
-		M,
+		re,
+		j
+	]), de = C(() => {
+		if (L) {
+			re();
+			return;
+		}
+		P();
+	}, [
+		L,
+		re,
+		P
+	]), K = C(() => {
+		if (I) {
+			l?.();
+			return;
+		}
+		ne();
+	}, [
+		I,
+		l,
 		ne
-	]);
+	]), fe = !I || !!l;
 	return /* @__PURE__ */ k("div", {
-		ref: B,
+		ref: ce,
 		className: q("treege treege-renderer", n),
 		children: /* @__PURE__ */ A(ve, {
-			container: z,
+			container: se,
 			children: [/* @__PURE__ */ k(qt, {}), /* @__PURE__ */ k(_, {
-				theme: x.theme,
+				theme: T.theme,
 				storageKey: "treege-renderer-theme",
-				children: g ? /* @__PURE__ */ k(V, {}) : /* @__PURE__ */ A(s, {
+				children: y ? /* @__PURE__ */ k(W, {}) : /* @__PURE__ */ A(i, {
 					value: {
-						baseUrl: x.baseUrl,
+						baseUrl: T.baseUrl,
 						flow: r,
-						formErrors: O,
-						formValues: te,
-						googleApiKey: x.googleApiKey,
-						headers: x.headers,
-						inputNodes: N,
-						language: x.language,
-						setFieldValue: L
+						formErrors: M,
+						formValues: N,
+						googleApiKey: T.googleApiKey,
+						headers: T.headers,
+						inputNodes: F,
+						language: T.language,
+						setFieldValue: ae
 					},
-					children: [/* @__PURE__ */ A(oe, {
-						onSubmit: U,
-						children: [S && /* @__PURE__ */ k(ce, {
-							step: S,
-							groupNode: w,
-							stepIndex: T,
-							totalSteps: R.length,
-							isFirstStep: re,
-							isLastStep: P,
-							canContinue: v && (!P || y),
-							isSubmitting: F,
-							onBack: j,
-							onContinue: le,
-							label: H,
-							missingFields: P ? I : void 0,
-							children: S.nodes.map((e) => se(e))
+					children: [/* @__PURE__ */ A(H, {
+						id: a,
+						onSubmit: ue,
+						children: [E && /* @__PURE__ */ k(le, {
+							step: E,
+							groupNode: O,
+							stepIndex: te,
+							totalSteps: oe.length,
+							isFirstStep: I,
+							isLastStep: L,
+							canContinue: x && (!L || S),
+							canGoBack: fe,
+							isSubmitting: V,
+							onBack: K,
+							onContinue: de,
+							label: G,
+							missingFields: L ? ie : void 0,
+							children: E.nodes.map((e) => U(e))
 						}), /* @__PURE__ */ k("p", {
 							className: "tg:py-2 tg:text-right tg:text-muted-foreground tg:text-xs",
 							children: "Powered by Treege"
 						})]
-					}), ie && /* @__PURE__ */ k("div", {
-						className: `tg:my-4 tg:rounded-md tg:p-4 ${ie.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"}`,
+					}), z && /* @__PURE__ */ k("div", {
+						className: `tg:my-4 tg:rounded-md tg:p-4 ${z.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__ */ A("div", {
 							className: "tg:flex tg:items-center tg:justify-between",
 							children: [/* @__PURE__ */ k("p", {
 								className: "tg:font-medium tg:text-sm",
-								children: ie.message
+								children: z.message
 							}), /* @__PURE__ */ k("button", {
 								type: "button",
-								onClick: b,
+								onClick: w,
 								className: "tg:ml-4 tg:font-medium tg:text-sm tg:underline tg:hover:no-underline tg:focus:outline-none",
-								children: ae("common.close")
+								children: B("common.close")
 							})]
 						})
 					})]
@@ -1786,12 +1810,13 @@ var Gt = () => /* @__PURE__ */ A("section", {
 		})
 	});
 }, Yt = (e, t) => {
-	let { missingRequiredFields: n, isSubmitting: r, label: i } = t, a = d(), o = a?.components?.submitButton, s = a?.components?.submitButtonWrapper;
+	let { missingRequiredFields: n, isSubmitting: r, label: i } = t, a = u(), o = a?.components?.submitButton, s = a?.components?.submitButtonWrapper;
 	return /* @__PURE__ */ k(s || Lt, {
 		missingFields: n,
 		children: /* @__PURE__ */ k(o || zt, {
 			label: i,
-			disabled: r
+			disabled: r,
+			isSubmitting: r
 		})
 	});
 };
@@ -1918,18 +1943,18 @@ var $t = (e, t) => {
 			u && !c && /* @__PURE__ */ k(Y, { children: u })
 		]
 	});
-}, nn = (t, n) => {
-	let { id: r, name: i, value: a } = t, { node: o, setValue: s, error: c, label: l, helperText: u } = n, d = e(), f = Array.isArray(a) ? a : [], p = f[0] || "", m = f[1] || "", h = (e) => {
-		s([e, m]);
+}, nn = (e, t) => {
+	let { id: n, name: r, value: i } = e, { node: a, setValue: o, error: s, label: c, helperText: l } = t, u = p(), d = Array.isArray(i) ? i : [], f = d[0] || "", m = d[1] || "", h = (e) => {
+		o([e, m]);
 	}, g = (e) => {
-		s([p, e]);
+		o([f, e]);
 	};
 	return /* @__PURE__ */ A(J, {
 		className: "tg:mb-4",
 		children: [
 			/* @__PURE__ */ A(Q, {
-				htmlFor: `${r}-start`,
-				children: [l || o.data.name, o.data.required && /* @__PURE__ */ k("span", {
+				htmlFor: `${n}-start`,
+				children: [c || a.data.name, a.data.required && /* @__PURE__ */ k("span", {
 					className: "tg:text-red-500",
 					children: "*"
 				})]
@@ -1937,31 +1962,31 @@ var $t = (e, t) => {
 			/* @__PURE__ */ A("div", {
 				className: "tg:flex tg:gap-2",
 				children: [/* @__PURE__ */ k(Z, {
-					id: `${r}-start`,
-					name: `${i}-start`,
-					"aria-label": `${l || o.data.name} - ${d("renderer.defaultInputs.startTime")}`,
-					"aria-invalid": !!c,
-					"aria-describedby": c ? `${o.id}-error` : void 0,
+					id: `${n}-start`,
+					name: `${r}-start`,
+					"aria-label": `${c || a.data.name} - ${u("renderer.defaultInputs.startTime")}`,
+					"aria-invalid": !!s,
+					"aria-describedby": s ? `${a.id}-error` : void 0,
 					type: "time",
-					value: p,
+					value: f,
 					onChange: (e) => h(e.target.value),
-					placeholder: d("renderer.defaultInputs.startTime"),
+					placeholder: u("renderer.defaultInputs.startTime"),
 					className: "tg:flex-1 tg:bg-background tg:[color-scheme:light] tg:dark:[color-scheme:dark]"
 				}), /* @__PURE__ */ k(Z, {
-					id: `${r}-end`,
-					name: `${i}-end`,
-					"aria-label": `${l || o.data.name} - ${d("renderer.defaultInputs.endTime")}`,
-					"aria-invalid": !!c,
-					"aria-describedby": c ? `${o.id}-error` : void 0,
+					id: `${n}-end`,
+					name: `${r}-end`,
+					"aria-label": `${c || a.data.name} - ${u("renderer.defaultInputs.endTime")}`,
+					"aria-invalid": !!s,
+					"aria-describedby": s ? `${a.id}-error` : void 0,
 					type: "time",
 					value: m,
 					onChange: (e) => g(e.target.value),
-					placeholder: d("renderer.defaultInputs.endTime"),
+					placeholder: u("renderer.defaultInputs.endTime"),
 					className: "tg:flex-1 tg:bg-background tg:[color-scheme:light] tg:dark:[color-scheme:dark]"
 				})]
 			}),
-			c && /* @__PURE__ */ k(X, { children: c }),
-			u && !c && /* @__PURE__ */ k(Y, { children: u })
+			s && /* @__PURE__ */ k(X, { children: s }),
+			l && !s && /* @__PURE__ */ k(Y, { children: l })
 		]
 	});
 }, rn = {