treege 3.0.0-beta.58 → 3.0.0-beta.59

package/README.md

@@ -22,7 +22,7 @@
 
 ## Overview
 
-Treege is a modern React library for creating and rendering interactive decision trees. Built on top of ReactFlow, it provides a complete solution for building complex form flows, decision logic, and conditional workflows with an intuitive visual editor.
+Treege is a modern React library for creating and rendering interactive decision trees. Built on top of ReactFlow, it provides a complete solution for building complex form flow, decision logic, and conditional workflows with an intuitive visual editor.
 
 ## Features
 
@@ -132,7 +132,7 @@ function App() {
 
   return (
     <TreegeRenderer
-      flows={flow}
+      flow={flow}
       onSubmit={handleSubmit}
     />
   );
@@ -159,7 +159,7 @@ function App() {
       {mode === "edit" ? (
         <TreegeEditor flow={flow} onSave={setFlow} />
       ) : (
-        <TreegeRenderer flows={flow} onSubmit={console.log} />
+        <TreegeRenderer flow={flow} onSubmit={console.log} />
       )}
     </div>
   );
@@ -242,7 +242,7 @@ function App() {
 
   return (
     <TreegeRenderer
-      flows={flow}
+      flow={flow}
       onSubmit={handleSubmit}
     />
   );
@@ -255,7 +255,7 @@ You can customize the appearance using the `style` and `contentContainerStyle` p
 
 ```tsx
 <TreegeRenderer
-  flows={flow}
+  flow={flow}
   onSubmit={handleSubmit}
   style={{ flex: 1, backgroundColor: "#f5f5f5" }}
   contentContainerStyle={{ padding: 20 }}
@@ -301,7 +301,7 @@ const CustomTextInput = (field, extra) => {
 };
 
 <TreegeRenderer
-  flows={flow}
+  flow={flow}
   components={{
     inputs: {
       text: CustomTextInput
@@ -337,7 +337,7 @@ The React Native renderer shares the same API as the web renderer, with some pla
 
 | Prop                    | Type                                        | Default      | Description                                                |
 |-------------------------|---------------------------------------------|--------------|------------------------------------------------------------|
-| `flows`                 | `Flow \| null`                              | -            | Decision tree to render                                    |
+| `flow`                  | `Flow \| null`                              | -            | Decision tree to render                                    |
 | `onSubmit`              | `(values: FormValues, meta?: Meta) => void` | -            | Form submission handler (meta includes HTTP response data) |
 | `onChange`              | `(values: FormValues) => void`              | -            | Form change handler                                        |
 | `validate`              | `(values, nodes) => Record<string, string>` | -            | Custom validation function                                 |
@@ -406,7 +406,7 @@ Supported UI types:
 
 ## Conditional Edges
 
-Create dynamic flows with conditional logic:
+Create dynamic flow with conditional logic:
 
 ```tsx
 {
@@ -474,7 +474,7 @@ const CustomTextInput = (field, extra) => {
 };
 
 <TreegeRenderer
-  flows={flow}
+  flow={flow}
   components={{
     inputs: {
       text: CustomTextInput
@@ -489,7 +489,7 @@ Add custom validation logic:
 
 ```tsx
 <TreegeRenderer
-  flows={flow}
+  flow={flow}
   validate={(values, visibleNodes) => {
     const errors = {};
 
@@ -558,7 +558,7 @@ function App() {
         }
       }}
     >
-      <TreegeRenderer flows={flow} />
+      <TreegeRenderer flow={flow} />
     </TreegeConfigProvider>
   );
 }
@@ -572,7 +572,7 @@ When the flow is being fetched asynchronously, pass `isLoading` to render a skel
 function App() {
   const { data: flow, isPending } = useQuery(/* ... */);
 
-  return <TreegeRenderer flows={flow ?? null} isLoading={isPending} onSubmit={console.log} />;
+  return <TreegeRenderer flow={flow ?? null} isLoading={isPending} onSubmit={console.log} />;
 }
 ```
 
@@ -580,7 +580,7 @@ Customize the skeleton via `components.loadingSkeleton`:
 
 ```tsx
 <TreegeRenderer
-  flows={flow}
+  flow={flow}
   isLoading={isPending}
   components={{
     loadingSkeleton: () => <MyCustomSkeleton />,
@@ -596,7 +596,7 @@ Override the default step layout via `components.step`:
 
 ```tsx
 <TreegeRenderer
-  flows={flow}
+  flow={flow}
   components={{
     step: ({ label, children, isFirstStep, isLastStep, canContinue, onBack, onContinue }) => (
       <section>
@@ -627,12 +627,11 @@ function CustomForm({ flow }) {
     formErrors,
     visibleNodes,
     isSubmitting,
-    // step navigation
     currentStep,
     goToNextStep,
     goToPreviousStep,
   } = useTreegeRenderer({
-    flows: flow,
+    flow,
     onSubmit: (values) => console.log("Submitted:", values),
   });
 
@@ -706,7 +705,7 @@ Once the development server is running, you can access these examples:
 
 | Prop             | Type                                        | Default      | Description                                                |
 |------------------|---------------------------------------------|--------------|------------------------------------------------------------|
-| `flows`          | `Flow \| null`                              | -            | Decision tree to render                                    |
+| `flow`          | `Flow \| null`                              | -            | Decision tree to render                                    |
 | `onSubmit`       | `(values: FormValues, meta?: Meta) => void` | -            | Form submission handler (meta includes HTTP response data) |
 | `onChange`       | `(values: FormValues) => void`              | -            | Form change handler                                        |
 | `validate`       | `(values, nodes) => Record<string, string>` | -            | Custom validation function                                 |

package/dist/{DefaultInputs-Dr3R5r53.js → DefaultInputs-CoDN_KvC.js}

@@ -1,4 +1,4 @@
-import { C as e, D as t, E as n, N as r, O as i, P as a, S as o, T as s, b as c, d as l, h as u, i as d, j as f, k as p, r as m, s as h, t as g, w as _, y as v } from "./ThemeContext-DrI5HTYl.js";
+import { C as e, D as t, E as n, N as r, O as i, P as a, S as o, T as s, b as c, d as l, h as u, i as d, j as f, k as p, r as m, s as h, t as g, w as _, y as v } from "./ThemeContext-ClYtPOGK.js";
 import * as y from "react";
 import { forwardRef as b, useCallback as x, useEffect as S, useMemo as C, useRef as w, useState as T } from "react";
 import { Fragment as ee, jsx as E, jsxs as D } from "react/jsx-runtime";
@@ -1582,11 +1582,11 @@ var Nt = () => /* @__PURE__ */ D("section", {
 	href: "treege-renderer",
 	precedence: "default",
 	children: Pt
-}), It = ({ baseUrl: e, components: t, className: n, flows: i, googleApiKey: a, headers: o, language: s, onChange: c, onSubmit: l, theme: u, validate: f, validationMode: p, initialValues: h = {}, isLoading: _ = !1 }) => {
+}), It = ({ baseUrl: e, components: t, className: n, flow: i, googleApiKey: a, headers: o, language: s, onChange: c, onSubmit: l, theme: u, validate: f, validationMode: p, initialValues: h = {}, isLoading: _ = !1 }) => {
 	let { canContinueStep: v, canSubmit: y, clearSubmitMessage: b, config: S, currentStep: w, currentStepGroupNode: T, currentStepIndex: ee, firstErrorFieldId: te, formErrors: O, formValues: k, goToNextStep: ne, goToPreviousStep: A, handleSubmit: j, inputNodes: re, isFirstStep: M, isLastStep: N, isSubmitting: ie, missingRequiredFields: P, setFieldValue: F, steps: I, submitMessage: L, t: R } = d({
 		baseUrl: e,
 		components: t,
-		flows: i,
+		flow: i,
 		googleApiKey: a,
 		headers: o,
 		initialValues: h,
@@ -1630,7 +1630,7 @@ var Nt = () => /* @__PURE__ */ D("section", {
 			children: _ ? /* @__PURE__ */ E(B, {}) : /* @__PURE__ */ D(r, {
 				value: {
 					baseUrl: S.baseUrl,
-					flows: i,
+					flow: i,
 					formErrors: O,
 					formValues: k,
 					googleApiKey: S.googleApiKey,

package/dist/{ThemeContext-DrI5HTYl.js → ThemeContext-ClYtPOGK.js}

@@ -529,7 +529,7 @@ var d = (e) => e?.type === "input", f = (e) => e?.type === "ui", p = (e) => e?.t
 	ui: "ui"
 }, O = {
 	baseUrl: void 0,
-	flows: null,
+	flow: null,
 	formErrors: {},
 	formValues: {},
 	googleApiKey: void 0,
@@ -548,7 +548,7 @@ var d = (e) => e?.type === "input", f = (e) => e?.type === "ui", p = (e) => e?.t
 		children: e
 	});
 }, A = () => {
-	let e = r(k) ?? O, t = a(() => e.flows?.edges ?? [], [e.flows]);
+	let e = r(k) ?? O, t = a(() => e.flow?.edges ?? [], [e.flow]);
 	return {
 		...e,
 		edges: t
@@ -1050,7 +1050,7 @@ var M = [
 		groupId: n,
 		nodes: [t]
 	}];
-}, []), Te = ({ baseUrl: e, components: t, flows: r, googleApiKey: c, headers: l, initialValues: u = {}, language: f, onChange: m, onSubmit: h, theme: g, validate: _, validationMode: v }) => {
+}, []), Te = ({ baseUrl: e, components: t, flow: r, googleApiKey: c, headers: l, language: u, onChange: f, onSubmit: m, theme: h, validate: g, validationMode: _, initialValues: v = {} }) => {
 	let y = de(), b = a(() => ({
 		baseUrl: e ?? y?.baseUrl,
 		components: {
@@ -1070,20 +1070,20 @@ var M = [
 		},
 		googleApiKey: c ?? y?.googleApiKey,
 		headers: I(y?.headers, l),
-		language: f ?? y?.language ?? "en",
-		theme: g ?? y?.theme ?? "dark",
-		validationMode: v ?? y?.validationMode ?? "onSubmit"
+		language: u ?? y?.language ?? "en",
+		theme: h ?? y?.theme ?? "dark",
+		validationMode: _ ?? y?.validationMode ?? "onSubmit"
 	}), [
 		e,
 		t,
 		y,
 		c,
 		l,
-		f,
-		g,
-		v
+		u,
+		h,
+		_
 	]), x = a(() => r?.nodes ?? [], [r]), S = a(() => r?.edges ?? [], [r]), C = a(() => oe(x), [x]), w = ne(b.language), T = o({}), [E, D] = s({}), [O, k] = s(() => {
-		let e = { ...u };
+		let e = { ...v };
 		return x.forEach((t) => {
 			if (d(t)) {
 				let n = t.id;
@@ -1105,7 +1105,7 @@ var M = [
 		return x.forEach((t) => {
 			p(t) && e.set(t.id, t);
 		}), e;
-	}, [x]), [N, P] = s(0), F = M.length === 0 ? 0 : Math.min(N, M.length - 1), L = M[F], R = L?.groupId ? te.get(L.groupId) : void 0, z = F === 0, B = M.length === 0 || F >= M.length - 1, { clearSubmitMessage: re, handleSubmitWithConfig: V, hasSubmitConfig: H, isSubmitting: ie, submitMessage: U } = he(A, O, b.language, C, b.headers, b.baseUrl), ae = o(m), W = o(_), G = a(() => se(O, C), [O, C]), K = n((e, t) => {
+	}, [x]), [N, P] = s(0), F = M.length === 0 ? 0 : Math.min(N, M.length - 1), L = M[F], R = L?.groupId ? te.get(L.groupId) : void 0, z = F === 0, B = M.length === 0 || F >= M.length - 1, { clearSubmitMessage: re, handleSubmitWithConfig: V, hasSubmitConfig: H, isSubmitting: ie, submitMessage: U } = he(A, O, b.language, C, b.headers, b.baseUrl), ae = o(f), W = o(g), G = a(() => se(O, C), [O, C]), K = n((e, t) => {
 		k((n) => ({
 			...n,
 			[e]: t
@@ -1161,17 +1161,17 @@ var M = [
 		if (!e) return !1;
 		if (H) {
 			let e = await V((e) => {
-				h && h(G, { httpResponse: e });
+				m && m(G, { httpResponse: e });
 			});
-			if (e === null) return h?.(G), !0;
+			if (e === null) return m?.(G), !0;
 			if (!e.success) return !0;
-		} else h && h(G);
+		} else m && m(G);
 		return !0;
 	}, [
 		J,
 		H,
 		V,
-		h,
+		m,
 		G
 	]), ue = a(() => {
 		let e = [];
@@ -1198,10 +1198,10 @@ var M = [
 		}
 		N > M.length - 1 && P(M.length - 1);
 	}, [M.length, N]), i(() => {
-		ae.current = m;
-	}, [m]), i(() => {
-		W.current = _;
-	}, [_]), i(() => {
+		ae.current = f;
+	}, [f]), i(() => {
+		W.current = g;
+	}, [g]), i(() => {
 		ae.current?.(G);
 	}, [G]), i(() => {
 		b.validationMode === "onChange" && J(W.current);

package/dist/editor/constants/nodeSpacing.d.ts

@@ -10,14 +10,6 @@ export declare const VERTICAL_NODE_SPACING = 100;
  * Horizontal offset when placing sibling nodes (in pixels)
  */
 export declare const HORIZONTAL_NODE_OFFSET = 50;
-/**
- * Horizontal spacing for AI-generated flows (in pixels)
- */
-export declare const AI_HORIZONTAL_SPACING = 350;
-/**
- * Position tolerance for detecting nodes at the same Y position (in pixels)
- */
-export declare const POSITION_TOLERANCE = 20;
 /**
  * Default direction for the auto-layout algorithm.
  * "TB" = top to bottom, "LR" = left to right.

package/dist/{editor-BhL3w_KP.js → editor-Cd_ifJTX.js}

@@ -1,5 +1,5 @@
-import { B as e, C as t, E as n, F as r, H as i, I as a, L as o, M as s, N as c, O as l, T as u, V as d, _ as f, t as p, v as m, w as h, z as g } from "./ThemeContext-DrI5HTYl.js";
-import { $ as _, A as v, B as y, D as b, F as x, G as S, H as C, I as w, J as T, K as E, L as D, M as O, N as k, O as A, P as j, Q as M, R as ee, U as te, V as ne, W as N, X as re, Y as ie, Z as P, at as F, c as ae, ct as I, et as oe, g as se, h as ce, it as L, j as le, k as ue, nt as R, o as de, ot as fe, q as pe, rt as z, st as B, t as me, tt as he, z as ge } from "./DefaultInputs-Dr3R5r53.js";
+import { B as e, C as t, E as n, F as r, H as i, I as a, L as o, M as s, N as c, O as l, T as u, V as d, _ as f, t as p, v as m, w as h, z as g } from "./ThemeContext-ClYtPOGK.js";
+import { $ as _, A as v, B as y, D as b, F as x, G as S, H as C, I as w, J as T, K as E, L as D, M as O, N as k, O as A, P as j, Q as M, R as ee, U as te, V as ne, W as N, X as re, Y as ie, Z as P, at as F, c as ae, ct as I, et as oe, g as se, h as ce, it as L, j as le, k as ue, nt as R, o as de, ot as fe, q as pe, rt as z, st as B, t as me, tt as he, z as ge } from "./DefaultInputs-CoDN_KvC.js";
 import { Background as _e, BackgroundVariant as ve, BaseEdge as ye, ControlButton as be, Controls as xe, EdgeLabelRenderer as Se, Handle as Ce, MiniMap as we, Panel as Te, Position as Ee, ReactFlow as De, ReactFlowProvider as Oe, addEdge as ke, getBezierPath as Ae, useConnection as je, useEdges as Me, useNodes as Ne, useNodesInitialized as Pe, useReactFlow as Fe, useStore as Ie, useUpdateNodeInternals as Le } from "@xyflow/react";
 import * as Re from "react";
 import ze, { createContext as Be, memo as Ve, useCallback as V, useContext as He, useEffect as H, useId as Ue, useMemo as U, useRef as We, useState as W } from "react";
@@ -1304,7 +1304,7 @@ var Jn = ({ onSelect: e }) => {
 			g || i || (e.preventDefault(), c(!0));
 		},
 		"aria-label": h(i ? "editor.stackedEdge.createBranch" : "editor.stackedEdge.addNode"),
-		className: I("tg:flex tg:h-6! tg:w-6! tg:cursor-pointer tg:items-center tg:justify-center tg:rounded-sm tg:transition tg:hover:bg-primary/80!", g ? "tg:pointer-events-none tg:opacity-0" : "tg:relative! tg:inset-auto! tg:transform-none!"),
+		className: I("tg:flex tg:h-6! tg:w-6! tg:cursor-pointer tg:items-center tg:justify-center tg:rounded-sm tg:transition tg:hover:bg-primary/80!", g ? "tg:pointer-events-none tg:opacity-0" : "tg:relative! tg:transform-none! tg:inset-auto!"),
 		children: !g && K(i ? ht : J, { className: "tg:h-4 tg:w-4 tg:text-primary-foreground" })
 	});
 	return /* @__PURE__ */ q("div", {

package/dist/editor.js

@@ -1,3 +1,3 @@
-import { t as e } from "./editor-BhL3w_KP.js";
-import { n as t, t as n } from "./ThemeContext-DrI5HTYl.js";
+import { t as e } from "./editor-Cd_ifJTX.js";
+import { n as t, t as n } from "./ThemeContext-ClYtPOGK.js";
 export { n as ThemeProvider, e as TreegeEditor, t as useTheme };

package/dist/main.js

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

package/dist/renderer/context/TreegeRendererContext.d.ts

@@ -13,7 +13,7 @@ export interface TreegeRendererContextValue {
      * The flow currently being rendered. `null` when the renderer has no flow
      * to display yet.
      */
-    flows?: Flow | null;
+    flow?: Flow | null;
     /**
      * Validation errors keyed by field id (`node.id`). Empty when the form
      * is valid. Renderers read their own entry to display field-level errors.
@@ -84,7 +84,7 @@ export declare const useTreegeRendererContext: () => {
      * The flow currently being rendered. `null` when the renderer has no flow
      * to display yet.
      */
-    flows?: Flow | null;
+    flow?: Flow | null;
     /**
      * Validation errors keyed by field id (`node.id`). Empty when the form
      * is valid. Renderers read their own entry to display field-level errors.

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

@@ -16,10 +16,10 @@ import { GroupNodeData, TreegeNodeData } from '../../../shared/types/node';
  * - Submit handling (with HTTP integration support)
  * - Side effects (onChange callbacks, validation modes, reference field sync)
  *
- * @param props - Configuration props (flows, initialValues, callbacks, etc.)
+ * @param props - Configuration props (flow, initialValues, callbacks, etc.)
  * @returns Complete form state and control methods
  */
-export declare const useTreegeRenderer: ({ baseUrl, components, flows, googleApiKey, headers, initialValues, language, onChange, onSubmit, theme, validate, validationMode, }: Pick<TreegeRendererProps, "baseUrl" | "components" | "flows" | "googleApiKey" | "headers" | "initialValues" | "language" | "onChange" | "onSubmit" | "theme" | "validate" | "validationMode">) => {
+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">) => {
     canContinueStep: boolean;
     canSubmit: boolean;
     clearSubmitMessage: () => void;

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

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

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

@@ -304,7 +304,7 @@ export type TreegeRendererConfig = {
      *
      * @example
      * // In the tree: "url": "/v2/entities/{{nodeId}}/sub-entities"
-     * <TreegeRenderer flows={tree} baseUrl={import.meta.env.VITE_API_URL} />
+     * <TreegeRenderer flow={tree} baseUrl={import.meta.env.VITE_API_URL} />
      *
      * Absolute urls (starting with `http://` or `https://`) are left untouched,
      * so a field can still point at an external API. Template variables are
@@ -317,7 +317,7 @@ export type TreegeRendererConfig = {
  *
  * Inherits all configuration fields from TreegeRendererConfig (components,
  * headers, googleApiKey, language, theme, validationMode) and adds the
- * instance-specific ones (flows, callbacks, initial values, etc.).
+ * instance-specific ones (flow, callbacks, initial values, etc.).
  */
 export interface TreegeRendererProps extends TreegeRendererConfig {
     /**
@@ -327,7 +327,7 @@ export interface TreegeRendererProps extends TreegeRendererConfig {
     /**
      * Flow to render. `null` / `undefined` renders nothing.
      */
-    flows?: Flow | null;
+    flow?: Flow | null;
     /**
      * Initial form values
      */

package/dist/renderer-native.js

@@ -1,4 +1,4 @@
-import { E as e, N as t, O as n, P as r, S as i, a, b as o, c as s, d as c, f as l, g as u, h as d, i as f, k as p, l as m, m as h, n as g, o as _, p as v, r as y, s as b, t as x, u as S, w as C, x as w, y as T, z as E } from "./ThemeContext-DrI5HTYl.js";
+import { E as e, N as t, O as n, P as r, S as i, a, b as o, c as s, d as c, f as l, g as u, h as d, i as f, k as p, l as m, m as h, n as g, o as _, p as v, r as y, s as b, t as x, u as S, w as C, x as w, y as T, z as E } from "./ThemeContext-ClYtPOGK.js";
 import { useCallback as ee, useEffect as D, useMemo as O, useRef as k, useState as A } from "react";
 import { Fragment as te, jsx as j, jsxs as M } from "react/jsx-runtime";
 import { ActivityIndicator as N, Alert as P, Animated as F, FlatList as I, Image as ne, Modal as re, ScrollView as ie, StyleSheet as L, Switch as R, Text as z, TextInput as B, TouchableOpacity as V, View as H } from "react-native";
@@ -3579,11 +3579,11 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 		marginBottom: 24,
 		width: "33%"
 	}
-}), rt = ({ baseUrl: e, components: n, contentContainerStyle: r, flows: i, googleApiKey: a, headers: o, initialValues: s, isLoading: c = !1, language: l, onChange: u, onSubmit: d, style: p, theme: m, validate: h, validationMode: _ }) => {
+}), rt = ({ baseUrl: e, components: n, contentContainerStyle: r, flow: i, googleApiKey: a, headers: o, initialValues: s, isLoading: c = !1, language: l, onChange: u, onSubmit: d, style: p, theme: m, validate: h, validationMode: _ }) => {
 	let { colors: v } = g(), { canContinueStep: b, canSubmit: x, clearSubmitMessage: S, config: C, currentStep: w, currentStepGroupNode: T, currentStepIndex: E, formErrors: D, formValues: k, goToNextStep: A, goToPreviousStep: te, handleSubmit: N, inputNodes: P, isFirstStep: F, isLastStep: I, isSubmitting: ne, missingRequiredFields: re, setFieldValue: L, steps: R, submitMessage: B, t: V } = f({
 		baseUrl: e,
 		components: n,
-		flows: i,
+		flow: i,
 		googleApiKey: a,
 		headers: o,
 		initialValues: s,
@@ -3628,7 +3628,7 @@ var ae = ({ children: e }) => /* @__PURE__ */ j(H, {
 		children: c ? /* @__PURE__ */ j(U, {}) : /* @__PURE__ */ M(t, {
 			value: {
 				baseUrl: C.baseUrl,
-				flows: i,
+				flow: i,
 				formErrors: D,
 				formValues: k,
 				googleApiKey: C.googleApiKey,

package/dist/renderer.js

@@ -1,3 +1,3 @@
-import { A as e, a as t, b as n, c as r, d as i, f as a, g as o, h as s, i as c, j as l, l as u, m as d, n as f, o as p, p as m, s as h, t as g, u as _, x as v, y, z as b } from "./ThemeContext-DrI5HTYl.js";
-import { C as x, E as S, S as C, T as w, _ as T, a as E, b as D, d as O, f as k, i as A, l as j, m as M, n as N, p as P, r as F, s as I, t as L, u as R, v as z, w as B, x as V, y as H } from "./DefaultInputs-Dr3R5r53.js";
+import { A as e, a as t, b as n, c as r, d as i, f as a, g as o, h as s, i as c, j as l, l as u, m as d, n as f, o as p, p as m, s as h, t as g, u as _, x as v, y, z as b } from "./ThemeContext-ClYtPOGK.js";
+import { C as x, E as S, S as C, T as w, _ as T, a as E, b as D, d as O, f as k, i as A, l as j, m as M, n as N, p as P, r as F, s as I, t as L, u as R, v as z, w as B, x as V, y as H } from "./DefaultInputs-CoDN_KvC.js";
 export { S as DefaultAddressInput, w as DefaultAutocompleteInput, B as DefaultCheckboxInput, x as DefaultDateInput, C as DefaultDateRangeInput, V as DefaultFileInput, D as DefaultHiddenInput, H as DefaultHttpInput, z as DefaultNumberInput, T as DefaultPasswordInput, M as DefaultRadioInput, P as DefaultSelectInput, I as DefaultSwitchInput, E as DefaultTextAreaInput, A as DefaultTextInput, F as DefaultTimeInput, N as DefaultTimeRangeInput, R as Divider, g as ThemeProvider, O as Title, _ as TreegeConfigProvider, j as TreegeRenderer, a as applyReferenceTransformation, m as calculateReferenceFieldUpdates, d as checkFormFieldHasValue, s as convertFormValuesToNamedFormat, L as defaultInputRenderers, k as defaultUI, r as evaluateCondition, u as evaluateConditions, y as fileToSerializable, n as filesToSerializable, t as findStartNode, p as getFlowRenderState, b as getTranslatedText, o as isFieldEmpty, h as isStartNode, e as sanitize, l as sanitizeHttpResponse, v as serializableToFile, f as useTheme, i as useTreegeConfig, c as useTreegeRenderer };

package/package.json

@@ -2,7 +2,7 @@
   "name": "treege",
   "description": "Powerful form generator",
   "license": "ISC",
-  "version": "3.0.0-beta.58",
+  "version": "3.0.0-beta.59",
   "type": "module",
   "types": "./dist/main.d.ts",
   "module": "./dist/main.js",