treege 3.0.0-beta.64 → 3.0.0-beta.66

package/dist/{DefaultInputs-2wzCRMKH.js → DefaultInputs-1F6m9Sc1.js}

@@ -2,8 +2,8 @@ import { C as e, D as t, S as n, T as r, _ as i, b as a, g as o, k as s, m as c,
 import * as m from "react";
 import { createContext as h, useCallback as g, useContext as _, useEffect as v, useMemo as y, useRef as b, useState as x } from "react";
 import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
-import { Check as T, CheckIcon as E, ChevronDownIcon as D, ChevronLeftIcon as ee, ChevronRightIcon as te, ChevronUpIcon as ne, ChevronsUpDown as re, CircleIcon as ie, Loader2 as O, MapPin as k, SearchIcon as ae, XIcon as A } from "lucide-react";
-import { Slot as j } from "@radix-ui/react-slot";
+import { Check as T, CheckIcon as E, ChevronDownIcon as D, ChevronLeftIcon as ee, ChevronRightIcon as te, ChevronUpIcon as O, ChevronsUpDown as ne, CircleIcon as re, Loader2 as k, MapPin as A, SearchIcon as ie, XIcon as j } from "lucide-react";
+import { Slot as ae } from "@radix-ui/react-slot";
 import { cva as M } from "class-variance-authority";
 import { clsx as oe } from "clsx";
 import { extendTailwindMerge as N } from "tailwind-merge";
@@ -52,7 +52,7 @@ var ue = M("tg:inline-flex tg:items-center tg:justify-center tg:gap-2 tg:whitesp
 	}
 });
 function G({ className: e, variant: t, size: n, asChild: r = !1, ...i }) {
-	return /* @__PURE__ */ C(r ? j : "button", {
+	return /* @__PURE__ */ C(r ? ae : "button", {
 		"data-slot": "button",
 		className: W(ue({
 			className: e,
@@ -206,7 +206,7 @@ var ge = ({ ...e }) => /* @__PURE__ */ C(I.Root, {
 	"data-slot": "select-scroll-up-button",
 	className: W("tg:flex tg:cursor-default tg:items-center tg:justify-center tg:py-1", e),
 	...t,
-	children: /* @__PURE__ */ C(ne, { className: "tg:size-4" })
+	children: /* @__PURE__ */ C(O, { className: "tg:size-4" })
 }), Te = ({ className: e, ...t }) => /* @__PURE__ */ C(I.ScrollDownButton, {
 	"data-slot": "select-scroll-down-button",
 	className: W("tg:flex tg:cursor-default tg:items-center tg:justify-center tg:py-1", e),
@@ -298,7 +298,7 @@ function Pe({ className: e, children: t, showCloseButton: n = !0, ...r }) {
 				children: [t, n && /* @__PURE__ */ w(B.Close, {
 					"data-slot": "dialog-close",
 					className: "tg:absolute tg:top-4 tg:right-4 tg:rounded-xs tg:opacity-70 tg:ring-offset-background tg:transition-opacity tg:hover:opacity-100 tg:focus:outline-hidden tg:focus:ring-2 tg:focus:ring-ring tg:focus:ring-offset-2 tg:disabled:pointer-events-none tg:data-[state=open]:bg-accent tg:data-[state=open]:text-muted-foreground tg:[&_svg:not([class*='size-'])]:size-4 tg:[&_svg]:pointer-events-none tg:[&_svg]:shrink-0",
-					children: [/* @__PURE__ */ C(A, {}), /* @__PURE__ */ C("span", {
+					children: [/* @__PURE__ */ C(j, {}), /* @__PURE__ */ C("span", {
 						className: "tg:sr-only",
 						children: "Close"
 					})]
@@ -348,7 +348,7 @@ function Be({ className: e, ...t }) {
 	return /* @__PURE__ */ w("div", {
 		"data-slot": "command-input-wrapper",
 		className: "tg:flex tg:h-9 tg:items-center tg:gap-2 tg:border-b tg:px-3",
-		children: [/* @__PURE__ */ C(ae, { className: "tg:size-4 tg:shrink-0 tg:opacity-50" }), /* @__PURE__ */ C(z.Input, {
+		children: [/* @__PURE__ */ C(ie, { className: "tg:size-4 tg:shrink-0 tg:opacity-50" }), /* @__PURE__ */ C(z.Input, {
 			"data-slot": "command-input",
 			className: W("tg:flex tg:h-10 tg:w-full tg:rounded-md tg:bg-transparent tg:py-3 tg:text-sm tg:outline-hidden tg:placeholder:text-muted-foreground tg:disabled:cursor-not-allowed tg:disabled:opacity-50", e),
 			...t
@@ -463,14 +463,14 @@ var Ge = async (e, t) => {
 						className: "tg:pr-10",
 						autoComplete: "off"
 					}),
-					/* @__PURE__ */ C(k, { 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" }),
+					/* @__PURE__ */ C(A, { className: "tg:pointer-events-none tg:absolute tg:top-1/2 tg:right-3 tg:h-4 tg:w-4 tg:-translate-y-1/2 tg:text-muted-foreground" }),
 					c && /* @__PURE__ */ C("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__ */ C(ze, { children: /* @__PURE__ */ w(Ve, { children: [/* @__PURE__ */ C(He, { children: D("renderer.defaultAddressInput.noAddressesFound") }), /* @__PURE__ */ C(Ue, { children: a.map((e, t) => /* @__PURE__ */ w(We, {
 							value: e.value,
 							onSelect: () => ee(e),
 							onMouseDown: (e) => e.preventDefault(),
-							children: [/* @__PURE__ */ C(k, { className: "tg:mr-2 tg:h-4 tg:w-4" }), e.label]
+							children: [/* @__PURE__ */ C(A, { className: "tg:mr-2 tg:h-4 tg:w-4" }), e.label]
 						}, t)) })] }) })
 					})
 				]
@@ -675,8 +675,8 @@ var nt = ({ label: e, description: t, image: n }) => /* @__PURE__ */ w(S, { chil
 							className: "tg:w-full tg:justify-between tg:font-normal",
 							children: [/* @__PURE__ */ w("span", {
 								className: "tg:flex tg:items-center tg:gap-2 tg:truncate",
-								children: [h && /* @__PURE__ */ C(O, { className: "tg:h-4 tg:w-4 tg:shrink-0 tg:animate-spin" }), o ? b?.label ? _(b.label) : o : s || _("renderer.defaultAutocompleteInput.selectOption")]
-							}), /* @__PURE__ */ C(re, { className: "tg:ml-2 tg:size-4 tg:shrink-0 tg:opacity-50" })]
+								children: [h && /* @__PURE__ */ C(k, { className: "tg:h-4 tg:w-4 tg:shrink-0 tg:animate-spin" }), o ? b?.label ? _(b.label) : o : s || _("renderer.defaultAutocompleteInput.selectOption")]
+							}), /* @__PURE__ */ C(ne, { className: "tg:ml-2 tg:size-4 tg:shrink-0 tg:opacity-50" })]
 						})
 					}), /* @__PURE__ */ C(he, {
 						className: "tg:w-(--radix-popover-trigger-width) tg:p-0",
@@ -707,14 +707,15 @@ var nt = ({ label: e, description: t, image: n }) => /* @__PURE__ */ w(S, { chil
 }, ot = ({ field: e, extra: t }) => {
 	let { id: n, name: i, value: a } = e, { node: o, setValue: c, error: l, label: u, helperText: d, renderOptionExtras: f, compactOptions: p, missingDependencies: m } = t, { options: h, isLoading: g, error: _ } = it(o), { optionsDisplayLimit: v } = s(), y = r();
 	if (h.length > 0 || o.data.optionsSource) {
-		let e = Array.isArray(a) ? a.map(String) : [], t = v ? h.slice(0, v) : h, r = h.length - t.length, s = (t, n) => {
-			c(n ? [...e, t] : e.filter((e) => e !== t));
+		let e = `${n}-label`, t = Array.isArray(a) ? a.map(String) : [], r = v ? h.slice(0, v) : h, s = h.length - r.length, b = (e, n) => {
+			c(n ? [...t, e] : t.filter((t) => t !== e));
 		};
 		return /* @__PURE__ */ w(K, {
 			className: "tg:mb-4",
 			children: [
 				/* @__PURE__ */ w(X, {
 					className: "tg:mb-1",
+					id: e,
 					children: [u || o.data.name, o.data.required && /* @__PURE__ */ C("span", {
 						className: "tg:text-red-500",
 						children: "*"
@@ -723,34 +724,36 @@ var nt = ({ label: e, description: t, image: n }) => /* @__PURE__ */ w(S, { chil
 				/* @__PURE__ */ C(Xe, { missing: m }),
 				g && /* @__PURE__ */ w("div", {
 					className: "tg:flex tg:items-center tg:gap-2 tg:py-2 tg:text-muted-foreground tg:text-sm",
-					children: [/* @__PURE__ */ C(O, { className: "tg:h-4 tg:w-4 tg:animate-spin" }), /* @__PURE__ */ C("span", { children: y("renderer.defaultCheckboxInput.loadingOptions") })]
+					children: [/* @__PURE__ */ C(k, { className: "tg:h-4 tg:w-4 tg:animate-spin" }), /* @__PURE__ */ C("span", { children: y("renderer.defaultCheckboxInput.loadingOptions") })]
 				}),
 				/* @__PURE__ */ w("div", {
+					role: "group",
+					"aria-labelledby": e,
 					className: "tg:min-w-0 tg:space-y-2",
-					children: [t.map((t, r) => {
-						let a = y(t.description);
+					children: [r.map((e, r) => {
+						let a = y(e.description);
 						return /* @__PURE__ */ w("div", {
 							className: W("tg:group/option tg:pointer-events-auto tg:relative tg:flex tg:items-start tg:gap-3", p && "tg:pr-22"),
 							children: [
 								/* @__PURE__ */ C(de, {
-									id: `${n}-${t.value}`,
+									id: `${n}-${e.value}`,
 									name: i,
-									checked: e.includes(String(t.value)),
-									onCheckedChange: (e) => s(String(t.value), !!e),
-									disabled: t.disabled,
+									checked: t.includes(String(e.value)),
+									onCheckedChange: (t) => b(String(e.value), !!t),
+									disabled: e.disabled,
 									className: "tg:mt-0.5"
 								}),
-								t.image && /* @__PURE__ */ C("img", {
-									src: t.image,
+								e.image && /* @__PURE__ */ C("img", {
+									src: e.image,
 									alt: "",
 									className: "tg:h-8 tg:w-8 tg:shrink-0 tg:rounded tg:object-cover"
 								}),
 								/* @__PURE__ */ w("div", {
 									className: W("tg:flex tg:flex-col", p && "tg:min-w-0 tg:flex-1 tg:overflow-hidden"),
 									children: [/* @__PURE__ */ C(X, {
-										htmlFor: `${n}-${t.value}`,
+										htmlFor: `${n}-${e.value}`,
 										className: W("tg:cursor-pointer tg:font-normal tg:text-sm", p && "tg:block tg:max-w-full tg:truncate"),
-										children: y(t.label) ? y(t.label) : t.value
+										children: y(e.label) ? y(e.label) : e.value
 									}), a && /* @__PURE__ */ C("span", {
 										className: W("tg:text-muted-foreground tg:text-xs", p && "tg:block tg:max-w-full tg:truncate"),
 										children: a
@@ -758,11 +761,11 @@ var nt = ({ label: e, description: t, image: n }) => /* @__PURE__ */ w(S, { chil
 								}),
 								f?.({
 									index: r,
-									option: t
+									option: e
 								})
 							]
-						}, t.value + r);
-					}), r > 0 && /* @__PURE__ */ C("div", {
+						}, e.value + r);
+					}), s > 0 && /* @__PURE__ */ C("div", {
 						className: "tg:px-2 tg:text-muted-foreground tg:text-xs",
 						children: "…"
 					})]
@@ -1028,7 +1031,7 @@ var lt = ({ field: e, extra: t }) => {
 	let i = t[r], a = i == null ? "" : String(i);
 	return n ? encodeURIComponent(a) : a;
 }), gt = ({ field: n, extra: i }) => {
-	let [c, l] = x(!1), [p, m] = x(null), [h, _] = x([]), [E, D] = x(""), [ee, te] = x(!1), { id: ne, name: ie, value: k, placeholder: ae } = n, { node: A, setValue: j, error: M, label: oe, helperText: N, missingDependencies: se } = i, { formValues: P, inputNodes: F, headers: I, baseUrl: L } = s(), { httpConfig: R } = A.data, z = b(!1), B = b(!1), ce = b(""), V = r(), H = b(R), U = b(P), le = b(F), ue = b(I), de = b(L), fe = b(j), Z = b(null), Q = b(null), xe = y(() => R?.url ? pt(R.url) : [], [R?.url]), Ce = xe.length > 0, we = y(() => xe.map((e) => `${e}:${String(P[e] ?? "")}`).join("|"), [xe, P]), Te = y(() => R?.url ? Ce ? mt(R.url, P) : !0 : !1, [
+	let [c, l] = x(!1), [p, m] = x(null), [h, _] = x([]), [E, D] = x(""), [ee, te] = x(!1), { id: O, name: re, value: A, placeholder: ie } = n, { node: j, setValue: ae, error: M, label: oe, helperText: N, missingDependencies: se } = i, { formValues: P, inputNodes: F, headers: I, baseUrl: L } = s(), { httpConfig: R } = j.data, z = b(!1), B = b(!1), ce = b(""), V = r(), H = b(R), U = b(P), le = b(F), ue = b(I), de = b(L), fe = b(ae), Z = b(null), Q = b(null), xe = y(() => R?.url ? pt(R.url) : [], [R?.url]), Ce = xe.length > 0, we = y(() => xe.map((e) => `${e}:${String(P[e] ?? "")}`).join("|"), [xe, P]), Te = y(() => R?.url ? Ce ? mt(R.url, P) : !0 : !1, [
 		R?.url,
 		Ce,
 		P
@@ -1082,14 +1085,14 @@ var lt = ({ field: e, extra: t }) => {
 		}
 	}, [V]);
 	if (v(() => {
-		H.current = R, U.current = P, le.current = F, ue.current = I, de.current = L, fe.current = j, Z.current = $;
+		H.current = R, U.current = P, le.current = F, ue.current = I, de.current = L, fe.current = ae, Z.current = $;
 	}, [
 		R,
 		P,
 		F,
 		I,
 		L,
-		j,
+		ae,
 		$
 	]), v(() => () => {
 		Q.current && Q.current.abort(), z.current = !1, B.current = !1;
@@ -1138,22 +1141,25 @@ var lt = ({ field: e, extra: t }) => {
 		R?.searchParam,
 		$
 	]), R?.responseMapping) {
-		let e = Array.isArray(k) ? k[0] : k, t = h.find((t) => t.value === e);
+		let e = Array.isArray(A) ? A[0] : A, t = h.find((t) => t.value === e);
 		if (R.searchParam) {
 			let e = c && R?.showLoading ? /* @__PURE__ */ w("div", {
 				className: "tg:flex tg:items-center tg:gap-2",
-				children: [/* @__PURE__ */ C(O, { className: "tg:h-4 tg:w-4 tg:animate-spin" }), /* @__PURE__ */ C("span", {
+				children: [/* @__PURE__ */ C(k, { className: "tg:h-4 tg:w-4 tg:animate-spin" }), /* @__PURE__ */ C("span", {
 					className: "tg:text-muted-foreground",
-					children: t?.label || ae || V("renderer.defaultHttpInput.search")
+					children: t?.label || ie || V("renderer.defaultHttpInput.search")
 				})]
-			}) : t?.label || ae || V("renderer.defaultHttpInput.search");
+			}) : t?.label || ie || V("renderer.defaultHttpInput.search");
 			return /* @__PURE__ */ w(K, {
 				className: "tg:mb-4",
 				children: [
-					/* @__PURE__ */ w(X, { children: [oe || A.data.name, A.data.required && /* @__PURE__ */ C("span", {
-						className: "tg:text-red-500",
-						children: "*"
-					})] }),
+					/* @__PURE__ */ w(X, {
+						htmlFor: O,
+						children: [oe || j.data.name, j.data.required && /* @__PURE__ */ C("span", {
+							className: "tg:text-red-500",
+							children: "*"
+						})]
+					}),
 					/* @__PURE__ */ C(Ye, {
 						missing: se,
 						children: /* @__PURE__ */ w(pe, {
@@ -1162,12 +1168,13 @@ var lt = ({ field: e, extra: t }) => {
 							children: [/* @__PURE__ */ C(me, {
 								asChild: !0,
 								children: /* @__PURE__ */ w(G, {
+									id: O,
 									variant: "outline",
 									role: "combobox",
 									"aria-expanded": ee,
 									disabled: se.length > 0,
 									className: "tg:w-full tg:justify-between",
-									children: [e, /* @__PURE__ */ C(re, { className: "tg:ml-2 tg:h-4 tg:w-4 tg:shrink-0 tg:opacity-50" })]
+									children: [e, /* @__PURE__ */ C(ne, { className: "tg:ml-2 tg:h-4 tg:w-4 tg:shrink-0 tg:opacity-50" })]
 								})
 							}), /* @__PURE__ */ C(he, {
 								className: "tg:w-[var(--radix-popover-trigger-width)] tg:p-0",
@@ -1183,7 +1190,7 @@ var lt = ({ field: e, extra: t }) => {
 									}), /* @__PURE__ */ w(Ve, { children: [
 										c && /* @__PURE__ */ C("div", {
 											className: "tg:flex tg:items-center tg:justify-center tg:p-4",
-											children: /* @__PURE__ */ C(O, { className: "tg:h-4 tg:w-4 tg:animate-spin" })
+											children: /* @__PURE__ */ C(k, { className: "tg:h-4 tg:w-4 tg:animate-spin" })
 										}),
 										!c && p && /* @__PURE__ */ w("div", {
 											className: "tg:p-4 tg:text-destructive tg:text-sm",
@@ -1197,9 +1204,9 @@ var lt = ({ field: e, extra: t }) => {
 										!(c || p) && /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(He, { children: V("renderer.defaultHttpInput.noResults") }), /* @__PURE__ */ C(Ue, { children: h.map((e) => /* @__PURE__ */ w(We, {
 											value: e.value,
 											onSelect: () => {
-												j(e.value), te(!1);
+												ae(e.value), te(!1);
 											},
-											children: [/* @__PURE__ */ C(T, { className: W("tg:mr-2 tg:h-4 tg:w-4", k === e.value ? "tg:opacity-100" : "tg:opacity-0") }), /* @__PURE__ */ C(nt, {
+											children: [/* @__PURE__ */ C(T, { className: W("tg:mr-2 tg:h-4 tg:w-4", A === e.value ? "tg:opacity-100" : "tg:opacity-0") }), /* @__PURE__ */ C(nt, {
 												label: e.label,
 												description: e.description,
 												image: e.image
@@ -1216,15 +1223,15 @@ var lt = ({ field: e, extra: t }) => {
 			});
 		}
 		let n = c && R?.showLoading, r = se.length === 0 && h.length === 0 && !n ? p ?? V("renderer.defaultHttpInput.noDataAvailable") : void 0, i = /* @__PURE__ */ w(ge, {
-			value: Array.isArray(k) ? k[0] ?? "" : k ?? "",
-			onValueChange: (e) => j(e),
+			value: Array.isArray(A) ? A[0] ?? "" : A ?? "",
+			onValueChange: (e) => ae(e),
 			disabled: n || h.length === 0,
-			name: ie,
+			name: re,
 			children: [/* @__PURE__ */ w(ye, {
-				id: ne,
-				name: ie,
+				id: O,
+				name: re,
 				className: "tg:w-full",
-				children: [n && /* @__PURE__ */ C(O, { className: "tg:mr-2 tg:h-4 tg:w-4 tg:animate-spin" }), /* @__PURE__ */ C(ve, { placeholder: ae || V("renderer.defaultHttpInput.selectOption") })]
+				children: [n && /* @__PURE__ */ C(k, { className: "tg:mr-2 tg:h-4 tg:w-4 tg:animate-spin" }), /* @__PURE__ */ C(ve, { placeholder: ie || V("renderer.defaultHttpInput.selectOption") })]
 			}), /* @__PURE__ */ C(be, { children: /* @__PURE__ */ C(_e, { children: h.map((e, t) => /* @__PURE__ */ C(Se, {
 				value: e.value,
 				children: /* @__PURE__ */ C(nt, {
@@ -1238,8 +1245,8 @@ var lt = ({ field: e, extra: t }) => {
 			className: "tg:mb-4",
 			children: [
 				/* @__PURE__ */ w(X, {
-					htmlFor: ne,
-					children: [oe || A.data.name, A.data.required && /* @__PURE__ */ C("span", {
+					htmlFor: O,
+					children: [oe || j.data.name, j.data.required && /* @__PURE__ */ C("span", {
 						className: "tg:text-red-500",
 						children: "*"
 					})]
@@ -1263,17 +1270,17 @@ var lt = ({ field: e, extra: t }) => {
 		className: "tg:mb-4",
 		children: [
 			/* @__PURE__ */ w(X, {
-				htmlFor: ne,
-				children: [oe || A.data.name, A.data.required && /* @__PURE__ */ C("span", {
+				htmlFor: O,
+				children: [oe || j.data.name, j.data.required && /* @__PURE__ */ C("span", {
 					className: "tg:text-red-500",
 					children: "*"
 				})]
 			}),
 			/* @__PURE__ */ C(Y, {
 				type: "text",
-				name: ie,
-				id: ne,
-				value: typeof k == "string" ? k : JSON.stringify(k),
+				name: re,
+				id: O,
+				value: typeof A == "string" ? A : JSON.stringify(A),
 				readOnly: !0,
 				disabled: !0
 			}),
@@ -1400,7 +1407,7 @@ function Et({ className: e, ...t }) {
 		children: /* @__PURE__ */ C(H.Indicator, {
 			"data-slot": "radio-group-indicator",
 			className: "tg:relative tg:flex tg:items-center tg:justify-center",
-			children: /* @__PURE__ */ C(ie, { className: "tg:-translate-x-1/2 tg:-translate-y-1/2 tg:absolute tg:top-1/2 tg:left-1/2 tg:size-2 tg:fill-primary" })
+			children: /* @__PURE__ */ C(re, { className: "tg:-translate-x-1/2 tg:-translate-y-1/2 tg:absolute tg:top-1/2 tg:left-1/2 tg:size-2 tg:fill-primary" })
 		})
 	});
 }
@@ -1422,7 +1429,7 @@ var Dt = ({ field: e, extra: t }) => {
 			/* @__PURE__ */ C(Xe, { missing: m }),
 			g && /* @__PURE__ */ w("div", {
 				className: "tg:flex tg:items-center tg:gap-2 tg:py-2 tg:text-muted-foreground tg:text-sm",
-				children: [/* @__PURE__ */ C(O, { className: "tg:h-4 tg:w-4 tg:animate-spin" }), /* @__PURE__ */ C("span", { children: y("renderer.defaultRadioInput.loadingOptions") })]
+				children: [/* @__PURE__ */ C(k, { className: "tg:h-4 tg:w-4 tg:animate-spin" }), /* @__PURE__ */ C("span", { children: y("renderer.defaultRadioInput.loadingOptions") })]
 			}),
 			/* @__PURE__ */ w(Tt, {
 				value: b,
@@ -1531,7 +1538,7 @@ var Dt = ({ field: e, extra: t }) => {
 						id: n,
 						name: i,
 						className: "tg:w-full",
-						children: [m && /* @__PURE__ */ C(O, { className: "tg:mr-2 tg:h-4 tg:w-4 tg:animate-spin" }), /* @__PURE__ */ C(ve, { placeholder: o || g("renderer.defaultSelectInput.selectOption") })]
+						children: [m && /* @__PURE__ */ C(k, { className: "tg:mr-2 tg:h-4 tg:w-4 tg:animate-spin" }), /* @__PURE__ */ C(ve, { placeholder: o || g("renderer.defaultSelectInput.selectOption") })]
 					}), /* @__PURE__ */ C(be, { children: /* @__PURE__ */ C(_e, { children: p.map((e, t) => /* @__PURE__ */ C(Se, {
 						value: String(e.value),
 						disabled: e.disabled,

package/dist/{editor-DPECN9XS.js → editor-CHqeuh7l.js}

@@ -1,5 +1,5 @@
 import { A as e, F as t, I as n, L as r, M as i, O as a, P as o, _ as s, b as c, d as l, j as u, t as d, u as f, v as p, w as m, y as h } from "./ThemeContext-7cghqUb0.js";
-import { $ as g, A as _, B as v, C as y, D as ee, E as te, F as b, G as x, H as S, I as C, J as w, K as T, L as E, M as D, N as O, O as ne, P as re, Q as k, R as ie, T as ae, U as oe, V as A, W as j, X as se, Y as ce, Z as le, at as M, c as N, d as ue, et as P, f as de, it as fe, j as pe, k as me, nt as F, o as he, ot as I, q as L, rt as R, t as ge, tt as z, w as _e, z as ve } from "./DefaultInputs-2wzCRMKH.js";
+import { $ as g, A as _, B as v, C as y, D as ee, E as te, F as b, G as x, H as S, I as C, J as w, K as T, L as E, M as D, N as O, O as ne, P as re, Q as k, R as ie, T as ae, U as oe, V as A, W as j, X as se, Y as ce, Z as le, at as M, c as N, d as ue, et as P, f as de, it as fe, j as pe, k as me, nt as F, o as he, ot as I, q as L, rt as R, t as ge, tt as z, w as _e, z as ve } from "./DefaultInputs-1F6m9Sc1.js";
 import { Background as ye, BackgroundVariant as be, BaseEdge as xe, ControlButton as Se, Controls as Ce, EdgeLabelRenderer as we, Handle as Te, MiniMap as Ee, Panel as De, Position as Oe, ReactFlow as ke, ReactFlowProvider as Ae, addEdge as je, getBezierPath as Me, useConnection as Ne, useEdges as Pe, useNodes as Fe, useNodesInitialized as Ie, useReactFlow as Le, useStore as Re, useUpdateNodeInternals as ze } from "@xyflow/react";
 import * as Be from "react";
 import Ve, { createContext as He, memo as Ue, useCallback as B, useContext as We, useEffect as V, useId as Ge, useMemo as H, useRef as Ke, useState as U } from "react";
@@ -2098,7 +2098,7 @@ var mr = ({ nodeId: e, groupId: n }) => {
 				},
 				children: /* @__PURE__ */ G(P, {
 					field: {
-						id: e,
+						id: `${e}-preview`,
 						name: ne,
 						placeholder: fe || void 0,
 						value: jr(x)

package/dist/editor.js

@@ -1,3 +1,3 @@
-import { t as e } from "./editor-DPECN9XS.js";
+import { t as e } from "./editor-CHqeuh7l.js";
 import { n as t, t as n } from "./ThemeContext-7cghqUb0.js";
 export { n as ThemeProvider, e as TreegeEditor, t as useTheme };

package/dist/main.js

@@ -1,6 +1,6 @@
-import { t as e } from "./editor-DPECN9XS.js";
+import { t as e } from "./editor-CHqeuh7l.js";
 import { D as t, E as n, F as r, I as i, L as a, N as o, P as s, a as c, c as l, h as u, i as d, m as f, n as p, o as m, p as h, r as g, s as _, t as v } from "./ThemeContext-7cghqUb0.js";
-import { S as y, _ as b, a as x, b as S, g as C, h as w, i as T, l as E, m as D, n as O, p as k, r as A, s as j, t as M, u as N, v as P, x as F, y as I } from "./DefaultInputs-2wzCRMKH.js";
-import { a as L, c as R, i as z, l as B, n as V, o as H, r as U, s as W } from "./useRenderNode-CZt7LwVV.js";
-import { i as G, n as K, r as q, t as J } from "./renderer-DlAYvOLz.js";
+import { S as y, _ as b, a as x, b as S, g as C, h as w, i as T, l as E, m as D, n as O, p as k, r as A, s as j, t as M, u as N, v as P, x as F, y as I } from "./DefaultInputs-1F6m9Sc1.js";
+import { a as L, c as R, i as z, l as B, n as V, o as H, r as U, s as W } from "./useRenderNode-DGe-7y4d.js";
+import { i as G, n as K, r as q, t as J } from "./renderer-C2yMYdOd.js";
 export { y as DefaultAddressInput, F as DefaultAutocompleteInput, S as DefaultCheckboxInput, I as DefaultDateInput, P as DefaultDateRangeInput, b as DefaultFileInput, C as DefaultHiddenInput, w as DefaultHttpInput, D as DefaultNumberInput, k as DefaultPasswordInput, N as DefaultRadioInput, E as DefaultSelectInput, j as DefaultSwitchInput, x as DefaultTextAreaInput, T as DefaultTextInput, A as DefaultTimeInput, O as DefaultTimeRangeInput, K as Divider, v as ThemeProvider, q as Title, e as TreegeEditor, J as TreegeRenderer, R as TreegeRendererProvider, g as applyReferenceTransformation, d as buildInitialFormValues, c as calculateReferenceFieldUpdates, m as checkFormFieldHasValue, _ as convertFormValuesToNamedFormat, M as defaultInputRenderers, G as defaultUI, H as evaluateCondition, W as evaluateConditions, h as fileToSerializable, f as filesToSerializable, U as findStartNode, z as getFlowRenderState, o as getStaticTranslations, s as getTranslatedText, l as isFieldEmpty, r as isGroupNode, i as isInputNode, L as isStartNode, a as isUINode, n as sanitize, t as sanitizeHttpResponse, u as serializableToFile, p as useTheme, V as useTreegeRenderer, B as useTreegeRendererConfig };

package/dist/renderer/features/TreegeRenderer/useTreegeRenderer.d.ts

@@ -19,7 +19,7 @@ import { GroupNodeData, TreegeNodeData } from '../../../shared/types/node';
  * @param props - Configuration props (flow, initialValues, callbacks, etc.)
  * @returns Complete form state and control methods
  */
-export declare const useTreegeRenderer: ({ baseUrl, components, flow, googleApiKey, headers, language, onChange, onSubmit, theme, validate, validationMode, initialValues, }: Pick<TreegeRendererProps, "baseUrl" | "components" | "flow" | "googleApiKey" | "headers" | "initialValues" | "language" | "onChange" | "onSubmit" | "theme" | "validate" | "validationMode">) => {
+export declare const useTreegeRenderer: ({ baseUrl, components, flow, googleApiKey, headers, language, onChange, onSubmit, showPoweredBy, theme, validate, validationMode, initialValues, }: Pick<TreegeRendererProps, "baseUrl" | "components" | "flow" | "googleApiKey" | "headers" | "initialValues" | "language" | "onChange" | "onSubmit" | "showPoweredBy" | "theme" | "validate" | "validationMode">) => {
     canContinueStep: boolean;
     canSubmit: boolean;
     clearSubmitMessage: () => void;
@@ -77,6 +77,7 @@ export declare const useTreegeRenderer: ({ baseUrl, components, flow, googleApiK
         googleApiKey: string | undefined;
         headers: import('../../../shared/types/node').HttpHeaders;
         language: string;
+        showPoweredBy: boolean;
         theme: "dark" | "light";
         validationMode: "onChange" | "onSubmit";
     };

package/dist/renderer/features/TreegeRenderer/web/TreegeRenderer.d.ts

@@ -1,3 +1,3 @@
 import { TreegeRendererProps } from '../../../types/renderer';
-declare const TreegeRenderer: ({ baseUrl, components, className, flow, formId, googleApiKey, headers, language, onBack, onChange, onSubmit, theme, validate, validationMode, initialValues, isLoading, isSubmitting: isSubmittingProp, }: TreegeRendererProps) => import("react/jsx-runtime").JSX.Element;
+declare const TreegeRenderer: ({ baseUrl, components, className, flow, formId, googleApiKey, headers, language, onBack, onChange, onSubmit, showPoweredBy, theme, validate, validationMode, initialValues, isLoading, isSubmitting: isSubmittingProp, }: TreegeRendererProps) => import("react/jsx-runtime").JSX.Element;
 export default TreegeRenderer;

package/dist/renderer/types/renderer.d.ts

@@ -330,6 +330,11 @@ export type TreegeRendererConfig = {
      * @default "onSubmit"
      */
     validationMode?: "onChange" | "onSubmit";
+    /**
+     * Whether to display the "Powered by Treege" credit at the bottom of the form.
+     * @default true
+     */
+    showPoweredBy?: boolean;
     /**
      * Base URL prepended to every **relative** HTTP url issued by the renderer
      * (HTTP inputs, dynamic options, and submit). Use this to keep the tree