treege 3.0.0-beta.9 → 3.0.0-beta.90

package/dist/useRenderNode-CG466pNk.js

@@ -0,0 +1,538 @@
+import { A as e, C as t, F as n, H as r, I as i, M as a, N as o, O as s, U as c, X as l, Y as u, Z as d, a as f, c as p, d as m, f as h, i as g, j as _, k as v, l as ee, o as y, p as b, q as x, s as S, u as C } from "./ThemeContext-CPsC8QIP.js";
+import { Fragment as w, createContext as T, useCallback as E, useContext as D, useEffect as O, useMemo as k, useRef as A, useState as j } from "react";
+import { jsx as M } from "react/jsx-runtime";
+//#region src/renderer/context/TreegeRendererProvider.tsx
+var N = T(void 0), te = () => D(N), P = ({ children: e, ...t }) => /* @__PURE__ */ M(N.Provider, {
+	value: t,
+	children: e
+}), ne = (e, t, n) => {
+	if (!t) return e;
+	let r = typeof t == "function" ? t(n) : t;
+	return !r || typeof r != "object" || Array.isArray(r) ? e : e == null ? r : typeof e != "object" || Array.isArray(e) ? e : {
+		...e,
+		...r
+	};
+}, F = async (n, r, i, c, l, u) => {
+	if (!n.url || n.url.trim() === "") return {
+		error: "No URL configured for submission",
+		success: !1
+	};
+	let d = o(_(n.url, r, { encode: !0 }), l);
+	if (!d || d.trim() === "") return {
+		error: "Invalid URL after template replacement",
+		success: !1
+	};
+	let f = S(r, i), p = n.payloadTemplate ? t(n.payloadTemplate, r, i) : void 0, m = ne(p === void 0 ? n.sendAllFormValues ? f : void 0 : p, u, f), h = await s({
+		body: m === void 0 ? void 0 : JSON.stringify(m),
+		headers: v(a(c, r), a(n.headers, r)),
+		method: n.method || "POST",
+		queryParams: a(n.queryParams, r),
+		url: d
+	});
+	if (!h.success) return {
+		data: h.data,
+		error: h.error,
+		success: !1
+	};
+	let g = n.redirectUrl ? (() => {
+		let t = e(n.redirectUrl, h.data);
+		return t && t.trim() !== "" ? t : void 0;
+	})() : void 0;
+	return {
+		data: h.data,
+		redirectUrl: g,
+		success: !0
+	};
+}, I = (e) => {
+	e && (typeof window > "u" || !window.location || (e.startsWith("http://") || e.startsWith("https://") ? window.location.href = e : window.history?.pushState ? (window.history.pushState({}, "", e), window.dispatchEvent(new PopStateEvent("popstate"))) : window.location.href = e));
+}, re = (e, t, n, r, i, a, o) => {
+	let [s, c] = j(!1), [u, d] = j(null), f = k(() => {
+		let t = e.find((e) => l(e) && e.data?.type === "submit");
+		return t && l(t) ? t : null;
+	}, [e]), p = E(async (e) => {
+		if (!f?.data?.submitConfig) return null;
+		let s = f.data.submitConfig;
+		if (!s.url || s.url.trim() === "") return null;
+		d(null), s.showLoading !== !1 && c(!0);
+		try {
+			let c = await F(s, t, r, i, a, o);
+			if (c.success) {
+				let t = x(s.successMessage, n);
+				if (t && d({
+					message: t,
+					type: "success"
+				}), e && e(c.data), c.redirectUrl) {
+					let e = c.redirectUrl;
+					setTimeout(() => I(e), 1e3);
+				}
+			} else d({
+				message: x(s.errorMessage, n) || c.error || "An error occurred during submission",
+				type: "error"
+			});
+			return c;
+		} catch (e) {
+			let t = x(s.errorMessage, n) || (e instanceof Error ? e.message : "An unexpected error occurred");
+			return d({
+				message: t,
+				type: "error"
+			}), {
+				error: t,
+				success: !1
+			};
+		} finally {
+			c(!1);
+		}
+	}, [
+		f,
+		t,
+		n,
+		r,
+		i,
+		a,
+		o
+	]);
+	return {
+		clearSubmitMessage: E(() => {
+			d(null);
+		}, []),
+		handleSubmitWithConfig: p,
+		hasSubmitConfig: !!f?.data?.submitConfig,
+		isSubmitting: s,
+		submitButtonNode: f,
+		submitMessage: u
+	};
+}, L = (e) => e == null ? null : typeof e == "boolean" || typeof e == "number" ? e : typeof e == "string" ? e === "" ? null : e : typeof e == "object" ? JSON.stringify(e) : String(e), R = (e, t, n) => {
+	let r = L(e), i = L(t);
+	if (r === null || i === null) switch (n) {
+		case "===": return r === i;
+		case "!==": return r !== i;
+		default: return !1;
+	}
+	if ([
+		">",
+		"<",
+		">=",
+		"<="
+	].includes(n)) {
+		let e = Number(r), t = Number(i);
+		if (!(Number.isNaN(e) || Number.isNaN(t))) switch (n) {
+			case ">": return e > t;
+			case "<": return e < t;
+			case ">=": return e >= t;
+			case "<=": return e <= t;
+			default: return !1;
+		}
+		return !1;
+	}
+	switch (n) {
+		case "===": {
+			let e = Number(r), t = Number(i);
+			return Number.isNaN(e) || Number.isNaN(t) ? String(r) === String(i) : e === t;
+		}
+		case "!==": {
+			let e = Number(r), t = Number(i);
+			return Number.isNaN(e) || Number.isNaN(t) ? String(r) !== String(i) : e !== t;
+		}
+		default: return !1;
+	}
+}, z = (e, t, n) => {
+	let { field: r, operator: i, value: a } = e;
+	if (!(r && i) || a === void 0) return !0;
+	let o = t[r], s = o === void 0 && n ? n.get(r) : void 0, c = s && l(s) ? t[s.id] : o;
+	return Array.isArray(c) ? i === "===" ? c.some((e) => R(e, a, "===")) || R(c, a, "===") : i === "!==" ? c.every((e) => R(e, a, "!==")) && R(c, a, "!==") : c.some((e) => R(e, a, i)) : R(c, a, i);
+}, B = (e, t, n) => {
+	if (!e || e.length === 0) return !0;
+	if (e.length === 1) return z(e[0], t, n);
+	let r = z(e[0], t, n);
+	for (let i = 1; i < e.length; i += 1) {
+		let a = e[i], o = z(a, t, n), s = e[i - 1].logicalOperator || c.AND;
+		if (s === c.AND) {
+			if (r &&= o, !r) return !1;
+		} else if (s === c.OR && (r ||= o, r)) return !0;
+	}
+	return r;
+}, V = (e) => {
+	let t = /* @__PURE__ */ new Map();
+	return e.forEach((e) => {
+		let n = t.get(e.source);
+		n ? n.push(e) : t.set(e.source, [e]);
+	}), t;
+}, H = (e, t, n) => {
+	let r = [], i = [], a = [];
+	e.forEach((e) => {
+		let t = e.data?.isFallback, n = e.data?.conditions?.length;
+		t ? a.push(e) : n ? i.push(e) : r.push(e);
+	});
+	let o = [...r];
+	if (i.length === 0) return a.length > 0 && o.length === 0 && o.push(...a), {
+		edgesToFollow: o,
+		waitingForInput: !1
+	};
+	if (!i.every((e) => {
+		let r = e.data?.conditions;
+		return r ? r.every((e) => {
+			if (!e.field) return !0;
+			let r = n.get(e.field);
+			return y(l(r) ? r.id : e.field, t);
+		}) : !1;
+	})) return a.length > 0 && o.push(...a), {
+		edgesToFollow: o,
+		waitingForInput: o.length === 0
+	};
+	let s = i.filter((e) => B(e.data?.conditions, t, n));
+	return s.length > 0 ? (o.push(...s), {
+		edgesToFollow: o,
+		waitingForInput: !1
+	}) : (o.push(...a), {
+		edgesToFollow: o,
+		waitingForInput: !1
+	});
+}, ie = (e, t) => !t.some((t) => t.target === e), U = (e, t) => {
+	let n = e.filter((e) => ie(e.id, t));
+	return n.find(l) || n[0];
+}, ae = (e, t, n = /* @__PURE__ */ new Set()) => !e || n.has(e) ? [] : (n.add(e), [e, ...ae(t.get(e)?.parentId, t, n)]), W = (e, t, n, r) => {
+	e.forEach((e) => {
+		let i = n.get(e);
+		ae(r.get(e)?.parentId, r).forEach((e) => {
+			t.add(e), !n.has(e) && i !== void 0 && n.set(e, i);
+		});
+	});
+}, oe = (e, t, n) => {
+	let r = U(e, t);
+	if (!r) return {
+		endOfPathReached: !0,
+		visibleNodeIds: /* @__PURE__ */ new Set(),
+		visibleNodes: [],
+		visibleRootNodes: []
+	};
+	let i = new Map(e.map((e) => [e.id, e])), a = V(t), o = [], s = /* @__PURE__ */ new Set(), c = /* @__PURE__ */ new Set(), l = !1, u = (e) => {
+		if (c.has(e)) return;
+		c.add(e);
+		let t = i.get(e);
+		if (!t) return;
+		s.add(e), o.push(t);
+		let { edgesToFollow: r, waitingForInput: d } = H(a.get(e) || [], n, i);
+		if (d) {
+			l = !0;
+			return;
+		}
+		r.forEach((e) => {
+			u(e.target);
+		});
+	};
+	u(r.id);
+	let d = new Map(o.map((e, t) => [e.id, t])), f = new Set(s);
+	W(s, f, d, i);
+	let p = e.filter((e) => f.has(e.id)).sort((e, t) => (d.get(e.id) ?? 2 ** 53 - 1) - (d.get(t.id) ?? 2 ** 53 - 1)), m = p.filter((e) => !(e.parentId && f.has(e.parentId)));
+	return {
+		endOfPathReached: !l,
+		visibleNodeIds: f,
+		visibleNodes: p,
+		visibleRootNodes: m
+	};
+}, se = (e) => e.filter((e) => !u(e)).reduce((e, t) => {
+	let n = t.parentId ?? null, r = e.at(-1);
+	return r && r.groupId === n ? [...e.slice(0, -1), {
+		...r,
+		nodes: [...r.nodes, t]
+	}] : [...e, {
+		groupId: n,
+		nodes: [t]
+	}];
+}, []), G = (e) => {
+	if (typeof e != "object" || !e) return JSON.stringify(e) ?? "null";
+	if (Array.isArray(e)) return `[${e.map(G).join(",")}]`;
+	let t = e;
+	return `{${Object.keys(t).sort().map((e) => `${JSON.stringify(e)}:${G(t[e])}`).join(",")}}`;
+}, K = ({ baseUrl: e, components: r, extraPayload: i, flow: a, googleApiKey: o, headers: s, language: c, onChange: d, onSubmit: m, showPoweredBy: h, theme: _, validate: y, validationMode: b, initialValues: x = {} }) => {
+	let w = te(), T = k(() => ({
+		baseUrl: e ?? w?.baseUrl,
+		components: {
+			form: r?.form ?? w?.components?.form,
+			inputs: {
+				...w?.components?.inputs,
+				...r?.inputs
+			},
+			loadingSkeleton: r?.loadingSkeleton ?? w?.components?.loadingSkeleton,
+			step: r?.step ?? w?.components?.step,
+			submitButton: r?.submitButton ?? w?.components?.submitButton,
+			submitButtonWrapper: r?.submitButtonWrapper ?? w?.components?.submitButtonWrapper,
+			ui: {
+				...w?.components?.ui,
+				...r?.ui
+			}
+		},
+		googleApiKey: o ?? w?.googleApiKey,
+		headers: v(w?.headers, s),
+		language: c ?? w?.language ?? "en",
+		showPoweredBy: h ?? w?.showPoweredBy ?? !0,
+		theme: _ ?? w?.theme ?? "dark",
+		validationMode: b ?? w?.validationMode ?? "onSubmit"
+	}), [
+		e,
+		r,
+		w,
+		o,
+		s,
+		c,
+		h,
+		_,
+		b
+	]), D = k(() => a?.nodes ?? [], [a]), M = k(() => a?.edges ?? [], [a]), N = k(() => C(D), [D]), P = n(T.language), F = A({}), I = A(null), [L, R] = j({}), [z, B] = j(() => g(x, N)), V = k(() => G(x), [x]), H = A(V), { endOfPathReached: ie, visibleNodes: U, visibleRootNodes: ae } = k(() => oe(D, M, z), [
+		D,
+		M,
+		z
+	]), W = k(() => C(U), [U]), K = k(() => se(U), [U]), ce = k(() => {
+		let e = /* @__PURE__ */ new Map();
+		return D.forEach((t) => {
+			u(t) && e.set(t.id, t);
+		}), e;
+	}, [D]), [q, J] = j(0), Y = K.length === 0 ? 0 : Math.min(q, K.length - 1), X = K[Y], le = X?.groupId ? ce.get(X.groupId) : void 0, ue = Y === 0, de = K.length === 0 || Y >= K.length - 1, { clearSubmitMessage: fe, handleSubmitWithConfig: pe, hasSubmitConfig: me, isSubmitting: he, submitButtonNode: ge, submitMessage: _e } = re(U, z, T.language, W, T.headers, T.baseUrl, i), ve = A(d), Z = A(y), Q = k(() => S(z, W), [z, W]), ye = k(() => {
+		let e = ge?.data?.submitConfig?.payloadTemplate;
+		return e ? t(e, z, W) ?? Q : Q;
+	}, [
+		ge,
+		z,
+		W,
+		Q
+	]), be = E((e, t) => {
+		B((n) => ({
+			...n,
+			[e]: t
+		})), R((t) => {
+			let n = { ...t };
+			return delete n[e], n;
+		});
+	}, []), xe = E((e) => {
+		Object.keys(e).length !== 0 && (B((t) => ({
+			...t,
+			...e
+		})), R((t) => {
+			let n = { ...t };
+			return Object.keys(e).forEach((e) => {
+				delete n[e];
+			}), n;
+		}));
+	}, []), $ = E((e) => {
+		let t = {};
+		U.forEach((e) => {
+			if (l(e)) {
+				let n = e.id, r = z[n];
+				if (e.data.required && p(r)) {
+					t[n] = P(e.data.errorMessage) || P("validation.required");
+					return;
+				}
+				if (!p(r) && e.data.pattern) try {
+					new RegExp(e.data.pattern).test(String(r)) || (t[n] = P(e.data.errorMessage) || P("validation.invalidFormat"));
+				} catch (e) {
+					console.error(`Invalid pattern for field ${n}:`, e);
+				}
+			}
+		});
+		let n = e ? e(z, U) : {}, r = {
+			...t,
+			...n
+		};
+		return R(r), {
+			errors: r,
+			hasCustomErrors: Object.keys(n).length > 0,
+			isValid: Object.keys(r).length === 0
+		};
+	}, [
+		U,
+		z,
+		P
+	]), Se = E(() => {
+		J((e) => e >= K.length - 1 ? e : e + 1);
+	}, [K.length]), Ce = E(() => {
+		J((e) => Math.max(0, e - 1));
+	}, []), we = E(async () => {
+		let { isValid: e } = $(Z.current);
+		if (!e) return !1;
+		let t = ne(ye, i, Q);
+		if (me) {
+			let e = await pe((e) => {
+				m && m(t, { httpResponse: e });
+			});
+			if (e === null) return m?.(t), !0;
+			if (!e.success) return !0;
+		} else m && m(t);
+		return !0;
+	}, [
+		$,
+		me,
+		pe,
+		m,
+		ye,
+		i,
+		Q
+	]), Te = k(() => {
+		if (!X) return [];
+		let e = [];
+		return X.nodes.forEach((t) => {
+			l(t) && t.data.type !== "submit" && t.data.required && p(z[t.id]) && e.push(P(t.data.label) || t.id);
+		}), e;
+	}, [
+		X,
+		z,
+		P
+	]), Ee = k(() => U.some((e) => l(e) && e.data.type === "submit"), [U]), De = k(() => X ? X.nodes.every((e) => !l(e) || !e.data.required || e.data.type === "submit" ? !0 : !p(z[e.id])) : !1, [X, z]), Oe = k(() => {
+		let e = Object.keys(L);
+		return e.length > 0 ? e[0] : void 0;
+	}, [L]);
+	return O(() => {
+		if (K.length === 0) {
+			q !== 0 && J(0);
+			return;
+		}
+		q > K.length - 1 && J(K.length - 1);
+	}, [K.length, q]), O(() => {
+		ve.current = d;
+	}, [d]), O(() => {
+		Z.current = y;
+	}, [y]), O(() => {
+		ve.current?.(Q);
+	}, [Q]), O(() => {
+		T.validationMode === "onChange" && $(Z.current);
+	}, [T.validationMode, $]), O(() => {
+		let e = f(N, z, F.current);
+		Object.keys(e).length > 0 && xe(e), F.current = z;
+	}, [
+		z,
+		N,
+		xe
+	]), O(() => {
+		let e = I.current, t = new Set(W.map((e) => e.id));
+		if (I.current = t, !e) return;
+		let n = [...e].filter((e) => !t.has(e)), r = {};
+		W.forEach((t) => {
+			if (e.has(t.id) || z[t.id] !== void 0) return;
+			let n = ee(t, z);
+			n !== void 0 && (r[t.id] = n);
+		}), !(n.length === 0 && Object.keys(r).length === 0) && (B((e) => {
+			let t = {
+				...e,
+				...r
+			};
+			return n.forEach((e) => {
+				delete t[e];
+			}), t;
+		}), n.length > 0 && R((e) => {
+			let t = !1, r = { ...e };
+			return n.forEach((e) => {
+				e in r && (delete r[e], t = !0);
+			}), t ? r : e;
+		}));
+	}, [W, z]), O(() => {
+		H.current !== V && (H.current = V, B(g(x, N)), R({}), I.current = null);
+	}, [
+		V,
+		x,
+		N
+	]), {
+		canContinueStep: De,
+		canSubmit: (Ee || ie) && D.length > 0,
+		clearSubmitMessage: fe,
+		config: T,
+		currentStep: X,
+		currentStepGroupNode: le,
+		currentStepIndex: Y,
+		firstErrorFieldId: Oe,
+		formErrors: L,
+		formValues: z,
+		goToNextStep: Se,
+		goToPreviousStep: Ce,
+		handleSubmit: we,
+		hasSubmitInput: Ee,
+		inputNodes: N,
+		isFirstStep: ue,
+		isLastStep: de,
+		isSubmitting: he,
+		missingRequiredFields: Te,
+		prevFormValuesRef: F,
+		setFieldErrors: R,
+		setFieldValue: be,
+		setMultipleFieldValues: xe,
+		steps: K,
+		submitMessage: _e,
+		t: P,
+		validateForm: $,
+		visibleNodes: U,
+		visibleRootNodes: ae
+	};
+}, ce = /\{\{([\w-]+)}}/g, q = (e) => e == null || e === "", J = (...e) => {
+	let t = [];
+	for (let n of e) if (n) for (let e of n.matchAll(ce)) t.includes(e[1]) || t.push(e[1]);
+	return t;
+}, Y = (e) => {
+	let t = e.data.httpConfig ?? e.data.optionsSource;
+	if (!t) return [];
+	let n = Object.values(t.queryParams ?? {});
+	return J(t.url, t.body, ...n);
+}, X = (e, t, n, r) => Y(e).filter((e) => q(t[e])).map((e) => {
+	let t = n.find((t) => t.id === e);
+	return {
+		id: e,
+		label: t ? b(t, r) : e
+	};
+}), le = ({ DefaultFormWrapper: e, DefaultInputLabel: t, DefaultInputWrapper: n, DefaultSubmitButton: a, DefaultSubmitButtonWrapper: o, config: s, defaultInputRenderers: c, defaultUI: u, formErrors: f, formValues: p, inputNodes: g, isSubmitting: _, missingRequiredFields: v, setFieldValue: ee }) => {
+	let y = k(() => s.components.form || e, [s.components.form, e]), b = k(() => s.components.submitButton || a, [s.components.submitButton, a]), S = k(() => s.components.submitButtonWrapper || o || w, [s.components.submitButtonWrapper, o]), C = k(() => s.components.inputLabel || t, [s.components.inputLabel, t]);
+	return {
+		FormWrapper: y,
+		renderNode: E(function(e) {
+			let { type: t } = e;
+			switch (t) {
+				case r.input: {
+					if (!l(e)) return null;
+					let t = e.data, r = t.type || "text", a = s.components.inputs?.[r], o = c[r], u = a || o, d = e.id, y = (e) => ee(d, e), b = p[d], S = f[d], w = x(t.label, s.language), T = m(t, s.language), E = x(t.helperText, s.language), D = h(e), O = i(w), k = i(T), A = i(E);
+					return u ? /* @__PURE__ */ M(n, {
+						node: e,
+						children: /* @__PURE__ */ M(u, {
+							field: {
+								"aria-invalid": S ? !0 : void 0,
+								id: e.id,
+								name: D,
+								placeholder: k,
+								required: t.required,
+								value: b
+							},
+							extra: {
+								error: S,
+								helperText: A,
+								InputLabel: C,
+								isSubmitting: _,
+								label: O,
+								missingDependencies: X(e, p, g, s.language),
+								missingRequiredFields: v,
+								node: e,
+								setValue: y
+							}
+						}, r)
+					}, e.id) : (console.warn("No renderer found for input type:", r), null);
+				}
+				case r.group: return null;
+				case r.ui: {
+					if (!d(e)) return null;
+					let t = e.data.type || "title", n = s.components.ui?.[t], r = u[t], i = n || r;
+					return i ? /* @__PURE__ */ M(i, { node: e }, e.id) : null;
+				}
+				default: return console.warn("Unknown node type:", t), null;
+			}
+		}, [
+			s,
+			p,
+			f,
+			ee,
+			_,
+			v,
+			g,
+			c,
+			u,
+			n
+		]),
+		SubmitButton: b,
+		SubmitButtonWrapper: S
+	};
+};
+//#endregion
+export { ie as a, P as c, oe as i, te as l, K as n, z as o, U as r, B as s, le as t };

package/package.json

@@ -2,7 +2,7 @@
   "name": "treege",
   "description": "Powerful form generator",
   "license": "ISC",
-  "version": "3.0.0-beta.9",
+  "version": "3.0.0-beta.90",
   "type": "module",
   "types": "./dist/main.d.ts",
   "module": "./dist/main.js",
@@ -24,14 +24,19 @@
     "./renderer": {
       "types": "./dist/renderer.d.ts",
       "import": "./dist/renderer.js"
+    },
+    "./renderer-native": {
+      "types": "./dist/renderer-native.d.ts",
+      "import": "./dist/renderer-native.js",
+      "react-native": "./dist/renderer-native.js"
     }
   },
-  "repository": "git@github.com:Tracktor/treege.git",
+  "repository": "git@github.com:MickaelAustoni/treege.git",
   "author": "Mickaël Austoni",
   "bugs": {
-    "url": "https://github.com/Tracktor/treege/issues"
+    "url": "https://github.com/MickaelAustoni/treege/issues"
   },
-  "homepage": "https://github.com/Tracktor/treege#readme",
+  "homepage": "https://github.com/MickaelAustoni/treege",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
@@ -40,10 +45,17 @@
     "preview": "vite preview",
     "prepare": "vite build && husky install",
     "example": "vite --open /example",
+    "example:native": "cd example/native && bun start",
     "test": "vitest run",
     "test:watch": "vitest"
   },
   "dependencies": {
+    "@codemirror/autocomplete": "^6.20.3",
+    "@codemirror/lang-json": "^6.0.2",
+    "@codemirror/language": "^6.12.3",
+    "@codemirror/state": "^6.6.0",
+    "@codemirror/view": "^6.43.1",
+    "@dagrejs/dagre": "^3.0.0",
     "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-collapsible": "^1.1.12",
     "@radix-ui/react-dialog": "^1.1.15",
@@ -54,55 +66,75 @@
     "@radix-ui/react-scroll-area": "^1.2.10",
     "@radix-ui/react-select": "^2.2.6",
     "@radix-ui/react-separator": "^1.1.7",
-    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-slot": "^1.2.4",
     "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-toggle": "^1.1.10",
+    "@radix-ui/react-toggle-group": "^1.1.11",
     "@radix-ui/react-tooltip": "^1.2.8",
-    "@tanstack/react-form": "^1.23.5",
+    "@tanstack/react-form": "^1.29.1",
+    "@uiw/react-codemirror": "^4.25.10",
     "@uiw/react-textarea-code-editor": "^3.1.1",
-    "@xyflow/react": "^12.8.6",
+    "@xyflow/react": "12.10.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
     "date-fns": "^4.1.0",
-    "lucide-react": "^0.544.0",
-    "nanoid": "^5.1.6",
+    "dompurify": "^3.4.2",
+    "lucide-react": "^0.577.0",
+    "nanoid": "^5.1.11",
     "next-themes": "^0.4.6",
-    "react-day-picker": "^9.11.1",
+    "react-day-picker": "^9.14.0",
     "sonner": "^2.0.7",
-    "tailwind-merge": "^3.3.1",
-    "zustand": "^5.0.8"
+    "tailwind-merge": "^3.5.0",
+    "zustand": "^5.0.13"
   },
   "devDependencies": {
     "@babel/runtime": "^7.28.4",
-    "@tailwindcss/vite": "^4.1.13",
+    "@biomejs/biome": "^2.4.13",
+    "@tailwindcss/vite": "^4.2.4",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.0",
     "@testing-library/react-hooks": "^8.0.1",
-    "@tracktor/biome-config-react": "^1.3.0",
+    "@types/dompurify": "^3.2.0",
     "@types/google.maps": "^3.58.1",
     "@types/node": "^24.5.2",
     "@types/react": "^19.1.0",
     "@types/react-dom": "^19.1.0",
-    "@vitejs/plugin-react": "^4.7.0",
-    "ajv": "^8.17.1",
-    "happy-dom": "^20.0.8",
+    "@vitejs/plugin-react": "^6.0.1",
+    "happy-dom": "^20.9.0",
     "husky": "^8.0.3",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "tailwindcss": "^4.1.13",
+    "react-native": "^0.76.0",
+    "tailwindcss": "^4.2.4",
     "tw-animate-css": "^1.4.0",
     "typescript": "^5.9.2",
-    "vite": "^7.1.7",
-    "vite-plugin-css-injected-by-js": "^3.5.2",
-    "vite-plugin-dts": "^4.5.4",
-    "vitest": "^4.0.2"
+    "unplugin-dts": "^1.0.0",
+    "vite": "^8.0.11",
+    "vitest": "^4.1.5"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
+    "react-native": ">=0.71.0",
+    "react-native-document-picker": "^9.0.0",
     "tailwindcss": "^4.0.0"
   },
+  "peerDependenciesMeta": {
+    "react-dom": {
+      "optional": true
+    },
+    "react-native": {
+      "optional": true
+    },
+    "react-native-document-picker": {
+      "optional": true
+    },
+    "tailwindcss": {
+      "optional": true
+    }
+  },
   "keywords": [
     "react",
     "treege"