treege 3.0.0-beta.62 → 3.0.0-beta.64

package/dist/editor.js

@@ -1,3 +1,3 @@
-import { t as e } from "./editor-K1jjfc5n.js";
-import { n as t, t as n } from "./ThemeContext-cGSTk24y.js";
+import { t as e } from "./editor-DPECN9XS.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,4 +1,6 @@
-import { t as e } from "./editor-K1jjfc5n.js";
-import { B as t, H as n, M as r, U 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-cGSTk24y.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-DamDWb5R.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, e as TreegeEditor, I as TreegeRenderer, S as TreegeRendererProvider, 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, T as getStaticTranslations, t as getTranslatedText, d as isFieldEmpty, a as isGroupNode, n as isInputNode, b as isStartNode, i as isUINode, m as sanitize, r as sanitizeHttpResponse, C as serializableToFile, _ as useTheme, p as useTreegeRenderer, l as useTreegeRendererConfig };
+import { t as e } from "./editor-DPECN9XS.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";
+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/native/TreegeRenderer.d.ts

@@ -6,7 +6,7 @@ import { TreegeRendererProps } from '../../../types/renderer';
  * - Omits className (not used in React Native)
  * - Adds style and contentContainerStyle (React Native specific)
  */
-export type TreegeRendererNativeProps = Omit<TreegeRendererProps, "className"> & {
+export type TreegeRendererNativeProps = Omit<TreegeRendererProps, "className" | "formId"> & {
     /**
      * Style for the ScrollView container
      */

package/dist/renderer/features/TreegeRenderer/native/components/DefaultInputs.d.ts

@@ -15,7 +15,6 @@ import { default as DefaultTextareaInput } from './inputs/DefaultTextareaInput';
 import { default as DefaultTextInput } from './inputs/DefaultTextInput';
 import { default as DefaultTimeInput } from './inputs/DefaultTimeInput';
 import { default as DefaultTimeRangeInput } from './inputs/DefaultTimeRangeInput';
-import { InputExtraProps, InputFieldProps, InputRenderers } from '../../../../types/renderer';
+import { InputRenderers } from '../../../../types/renderer';
 export { DefaultAddressInput, DefaultAutocompleteInput, DefaultCheckboxInput, DefaultDateInput, DefaultDateRangeInput, DefaultFileInput, DefaultHiddenInput, DefaultHttpInput, DefaultNumberInput, DefaultPasswordInput, DefaultRadioInput, DefaultSelectInput, DefaultSwitchInput, DefaultTextareaInput, DefaultTextInput, DefaultTimeInput, DefaultTimeRangeInput, };
-export declare const DefaultSubmitInput: (_field: InputFieldProps<"submit">, extra: InputExtraProps<"submit">) => import("react/jsx-runtime").JSX.Element;
 export declare const defaultInputRenderers: InputRenderers;

package/dist/renderer/features/TreegeRenderer/native/components/DefaultStep.d.ts

@@ -1,3 +1,3 @@
 import { StepRenderProps } from '../../../../types/renderer';
-declare const DefaultStep: ({ label, children, isFirstStep, isLastStep, canContinue, isSubmitting, onBack, onContinue }: StepRenderProps) => import("react/jsx-runtime").JSX.Element;
+declare const DefaultStep: ({ step, label, children, canGoBack, isLastStep, canContinue, isSubmitting, onBack, onContinue }: StepRenderProps) => import("react/jsx-runtime").JSX.Element;
 export default DefaultStep;

package/dist/renderer/features/TreegeRenderer/native/components/inputs/DefaultAddressInput.d.ts

@@ -1,3 +1,3 @@
-import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
-declare const DefaultAddressInput: (field: InputFieldProps<"address">, extra: InputExtraProps<"address">) => import("react/jsx-runtime").JSX.Element;
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultAddressInput: ({ field, extra }: InputRenderProps<"address">) => import("react/jsx-runtime").JSX.Element;
 export default DefaultAddressInput;

package/dist/renderer/features/TreegeRenderer/native/components/inputs/DefaultAutocompleteInput.d.ts

@@ -1,3 +1,3 @@
-import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
-declare const DefaultAutocompleteInput: (field: InputFieldProps<"autocomplete">, extra: InputExtraProps<"autocomplete">) => import("react/jsx-runtime").JSX.Element;
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultAutocompleteInput: ({ field, extra }: InputRenderProps<"autocomplete">) => import("react/jsx-runtime").JSX.Element;
 export default DefaultAutocompleteInput;

package/dist/renderer/features/TreegeRenderer/native/components/inputs/DefaultCheckboxInput.d.ts

@@ -1,3 +1,3 @@
-import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
-declare const DefaultCheckboxInput: (field: InputFieldProps<"checkbox">, extra: InputExtraProps<"checkbox">) => import("react/jsx-runtime").JSX.Element;
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultCheckboxInput: ({ field, extra }: InputRenderProps<"checkbox">) => import("react/jsx-runtime").JSX.Element;
 export default DefaultCheckboxInput;

package/dist/renderer/features/TreegeRenderer/native/components/inputs/DefaultDateInput.d.ts

@@ -1,3 +1,3 @@
-import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
-declare const DefaultDateInput: (field: InputFieldProps<"date">, extra: InputExtraProps<"date">) => import("react/jsx-runtime").JSX.Element;
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultDateInput: ({ field, extra }: InputRenderProps<"date">) => import("react/jsx-runtime").JSX.Element;
 export default DefaultDateInput;

package/dist/renderer/features/TreegeRenderer/native/components/inputs/DefaultDateRangeInput.d.ts

@@ -1,3 +1,3 @@
-import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
-declare const DefaultDateRangeInput: (field: InputFieldProps<"daterange">, extra: InputExtraProps<"daterange">) => import("react/jsx-runtime").JSX.Element;
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultDateRangeInput: ({ field, extra }: InputRenderProps<"daterange">) => import("react/jsx-runtime").JSX.Element;
 export default DefaultDateRangeInput;

package/dist/renderer/features/TreegeRenderer/native/components/inputs/DefaultFileInput.d.ts

@@ -1,3 +1,3 @@
-import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
-declare const DefaultFileInput: (field: InputFieldProps<"file">, extra: InputExtraProps<"file">) => import("react/jsx-runtime").JSX.Element | null;
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultFileInput: ({ field, extra }: InputRenderProps<"file">) => import("react/jsx-runtime").JSX.Element | null;
 export default DefaultFileInput;

package/dist/renderer/features/TreegeRenderer/native/components/inputs/DefaultHiddenInput.d.ts

@@ -1,3 +1,3 @@
-import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
-declare const DefaultHiddenInput: (_field: InputFieldProps<"hidden">, _extra: InputExtraProps<"hidden">) => null;
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultHiddenInput: (_props: InputRenderProps<"hidden">) => null;
 export default DefaultHiddenInput;

package/dist/renderer/features/TreegeRenderer/native/components/inputs/DefaultHttpInput.d.ts

@@ -1,3 +1,3 @@
-import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
-declare const DefaultHttpInput: (field: InputFieldProps<"http">, extra: InputExtraProps<"http">) => import("react/jsx-runtime").JSX.Element;
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultHttpInput: ({ field, extra }: InputRenderProps<"http">) => import("react/jsx-runtime").JSX.Element;
 export default DefaultHttpInput;

package/dist/renderer/features/TreegeRenderer/native/components/inputs/DefaultNumberInput.d.ts

@@ -1,3 +1,3 @@
-import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
-declare const DefaultNumberInput: (field: InputFieldProps<"number">, extra: InputExtraProps<"number">) => import("react/jsx-runtime").JSX.Element;
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultNumberInput: ({ field, extra }: InputRenderProps<"number">) => import("react/jsx-runtime").JSX.Element;
 export default DefaultNumberInput;

package/dist/renderer/features/TreegeRenderer/native/components/inputs/DefaultPasswordInput.d.ts

@@ -1,3 +1,3 @@
-import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
-declare const DefaultPasswordInput: (field: InputFieldProps<"password">, extra: InputExtraProps<"password">) => import("react/jsx-runtime").JSX.Element;
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultPasswordInput: ({ field, extra }: InputRenderProps<"password">) => import("react/jsx-runtime").JSX.Element;
 export default DefaultPasswordInput;

package/dist/renderer/features/TreegeRenderer/native/components/inputs/DefaultRadioInput.d.ts

@@ -1,3 +1,3 @@
-import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
-declare const DefaultRadioInput: (field: InputFieldProps<"radio">, extra: InputExtraProps<"radio">) => import("react/jsx-runtime").JSX.Element;
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultRadioInput: ({ field, extra }: InputRenderProps<"radio">) => import("react/jsx-runtime").JSX.Element;
 export default DefaultRadioInput;

package/dist/renderer/features/TreegeRenderer/native/components/inputs/DefaultSelectInput.d.ts

@@ -1,3 +1,3 @@
-import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
-declare const DefaultSelectInput: (field: InputFieldProps<"select">, extra: InputExtraProps<"select">) => import("react/jsx-runtime").JSX.Element;
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultSelectInput: ({ field, extra }: InputRenderProps<"select">) => import("react/jsx-runtime").JSX.Element;
 export default DefaultSelectInput;

package/dist/renderer/features/TreegeRenderer/native/components/inputs/DefaultSubmitInput.d.ts

@@ -0,0 +1,11 @@
+import { InputRenderProps } from '../../../../../types/renderer';
+/**
+ * The `submit` input node is declarative only: it marks where the flow submits
+ * and carries the optional custom label / `submitConfig`. The actual submit
+ * button is rendered once by the step (see `DefaultStep`), so the node itself
+ * renders nothing — guaranteeing a single, consistently-placed button whether
+ * submission comes from an explicit submit node, the default "Submit", or a
+ * "Continue" step.
+ */
+declare const DefaultSubmitInput: (_props: InputRenderProps<"submit">) => null;
+export default DefaultSubmitInput;

package/dist/renderer/features/TreegeRenderer/native/components/inputs/DefaultSwitchInput.d.ts

@@ -1,3 +1,3 @@
-import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
-declare const DefaultSwitchInput: (field: InputFieldProps<"switch">, extra: InputExtraProps<"switch">) => import("react/jsx-runtime").JSX.Element;
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultSwitchInput: ({ field, extra }: InputRenderProps<"switch">) => import("react/jsx-runtime").JSX.Element;
 export default DefaultSwitchInput;

package/dist/renderer/features/TreegeRenderer/native/components/inputs/DefaultTextInput.d.ts

@@ -1,3 +1,3 @@
-import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
-declare const DefaultTextInput: (field: InputFieldProps<"text">, extra: InputExtraProps<"text">) => import("react/jsx-runtime").JSX.Element;
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultTextInput: ({ field, extra }: InputRenderProps<"text">) => import("react/jsx-runtime").JSX.Element;
 export default DefaultTextInput;

package/dist/renderer/features/TreegeRenderer/native/components/inputs/DefaultTextareaInput.d.ts

@@ -1,3 +1,3 @@
-import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
-declare const DefaultTextareaInput: (field: InputFieldProps<"textarea">, extra: InputExtraProps<"textarea">) => import("react/jsx-runtime").JSX.Element;
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultTextareaInput: ({ field, extra }: InputRenderProps<"textarea">) => import("react/jsx-runtime").JSX.Element;
 export default DefaultTextareaInput;

package/dist/renderer/features/TreegeRenderer/native/components/inputs/DefaultTimeInput.d.ts

@@ -1,3 +1,3 @@
-import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
-declare const DefaultTimeInput: (field: InputFieldProps<"time">, extra: InputExtraProps<"time">) => import("react/jsx-runtime").JSX.Element;
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultTimeInput: ({ field, extra }: InputRenderProps<"time">) => import("react/jsx-runtime").JSX.Element;
 export default DefaultTimeInput;

package/dist/renderer/features/TreegeRenderer/native/components/inputs/DefaultTimeRangeInput.d.ts

@@ -1,3 +1,3 @@
-import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
-declare const DefaultTimeRangeInput: (field: InputFieldProps<"timerange">, extra: InputExtraProps<"timerange">) => import("react/jsx-runtime").JSX.Element;
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultTimeRangeInput: ({ field, extra }: InputRenderProps<"timerange">) => import("react/jsx-runtime").JSX.Element;
 export default DefaultTimeRangeInput;

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

@@ -28,6 +28,7 @@ export declare const useTreegeRenderer: ({ baseUrl, components, flow, googleApiK
         components: {
             form: ((props: {
                 children: import('react').ReactNode;
+                id?: string;
                 onSubmit: (e: import('react').FormEvent<HTMLFormElement>) => void;
             }) => import('react').ReactNode) | undefined;
             inputs: {
@@ -55,6 +56,7 @@ export declare const useTreegeRenderer: ({ baseUrl, components, flow, googleApiK
             submitButton: ((props: {
                 label?: string;
                 disabled?: boolean;
+                isSubmitting?: boolean;
                 [key: string]: unknown;
             } | {
                 children?: import('react').ReactNode;

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, googleApiKey, headers, language, onChange, onSubmit, theme, validate, validationMode, initialValues, isLoading, }: TreegeRendererProps) => import("react/jsx-runtime").JSX.Element;
+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;
 export default TreegeRenderer;

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

@@ -1,6 +1,7 @@
 import { FormEvent, ReactNode } from 'react';
-declare const DefaultFormWrapper: ({ children, onSubmit }: {
+declare const DefaultFormWrapper: ({ children, id, onSubmit, }: {
     children: ReactNode;
+    id?: string;
     onSubmit: (e: FormEvent<HTMLFormElement>) => void;
 }) => import("react/jsx-runtime").JSX.Element;
 export default DefaultFormWrapper;

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

@@ -1,3 +1,3 @@
 import { StepRenderProps } from '../../../../types/renderer';
-declare const DefaultStep: ({ label, children, isFirstStep, isLastStep, canContinue, isSubmitting, onBack, onContinue, missingFields, }: StepRenderProps) => import("react/jsx-runtime").JSX.Element;
+declare const DefaultStep: ({ step, label, children, canGoBack, isLastStep, canContinue, isSubmitting, onBack, onContinue, missingFields, }: StepRenderProps) => import("react/jsx-runtime").JSX.Element;
 export default DefaultStep;

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

@@ -1,6 +1,10 @@
 import { ButtonHTMLAttributes } from 'react';
 export interface SubmitButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     label?: string;
+    /**
+     * When true, shows a spinner inside the button (and keeps it disabled).
+     */
+    isSubmitting?: boolean;
 }
 /**
  * Default submit button

package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultAddressInput.d.ts

@@ -1,3 +1,3 @@
-import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
-declare const DefaultAddressInput: (field: InputFieldProps<"address">, extra: InputExtraProps<"address">) => import("react/jsx-runtime").JSX.Element;
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultAddressInput: ({ field, extra }: InputRenderProps<"address">) => import("react/jsx-runtime").JSX.Element;
 export default DefaultAddressInput;

package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultAutocompleteInput.d.ts

@@ -1,3 +1,3 @@
-import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
-declare const DefaultAutocompleteInput: (field: InputFieldProps<"autocomplete">, extra: InputExtraProps<"autocomplete">) => import("react/jsx-runtime").JSX.Element;
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultAutocompleteInput: ({ field, extra }: InputRenderProps<"autocomplete">) => import("react/jsx-runtime").JSX.Element;
 export default DefaultAutocompleteInput;

package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultCheckboxInput.d.ts

@@ -1,3 +1,3 @@
-import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
-declare const DefaultCheckboxInput: (field: InputFieldProps<"checkbox">, extra: InputExtraProps<"checkbox">) => import("react/jsx-runtime").JSX.Element;
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultCheckboxInput: ({ field, extra }: InputRenderProps<"checkbox">) => import("react/jsx-runtime").JSX.Element;
 export default DefaultCheckboxInput;

package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultDateInput.d.ts

@@ -1,3 +1,3 @@
-import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
-declare const DefaultDateInput: (field: InputFieldProps<"date">, extra: InputExtraProps<"date">) => import("react/jsx-runtime").JSX.Element;
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultDateInput: ({ field, extra }: InputRenderProps<"date">) => import("react/jsx-runtime").JSX.Element;
 export default DefaultDateInput;

package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultDateRangeInput.d.ts

@@ -1,3 +1,3 @@
-import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
-declare const DefaultDateRangeInput: (field: InputFieldProps<"daterange">, extra: InputExtraProps<"daterange">) => import("react/jsx-runtime").JSX.Element;
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultDateRangeInput: ({ field, extra }: InputRenderProps<"daterange">) => import("react/jsx-runtime").JSX.Element;
 export default DefaultDateRangeInput;

package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultFileInput.d.ts

@@ -1,3 +1,3 @@
-import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
-declare const DefaultFileInput: (field: InputFieldProps<"file">, extra: InputExtraProps<"file">) => import("react/jsx-runtime").JSX.Element;
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultFileInput: ({ field, extra }: InputRenderProps<"file">) => import("react/jsx-runtime").JSX.Element;
 export default DefaultFileInput;

package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultHiddenInput.d.ts

@@ -1,3 +1,3 @@
-import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
-declare const DefaultHiddenInput: (field: InputFieldProps<"hidden">, _extra: InputExtraProps<"hidden">) => import("react/jsx-runtime").JSX.Element;
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultHiddenInput: ({ field }: InputRenderProps<"hidden">) => import("react/jsx-runtime").JSX.Element;
 export default DefaultHiddenInput;

package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultHttpInput.d.ts

@@ -1,3 +1,3 @@
-import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
-declare const DefaultHttpInput: (field: InputFieldProps<"http">, extra: InputExtraProps<"http">) => import("react/jsx-runtime").JSX.Element;
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultHttpInput: ({ field, extra }: InputRenderProps<"http">) => import("react/jsx-runtime").JSX.Element;
 export default DefaultHttpInput;

package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultNumberInput.d.ts

@@ -1,3 +1,3 @@
-import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
-declare const DefaultNumberInput: (field: InputFieldProps<"number">, extra: InputExtraProps<"number">) => import("react/jsx-runtime").JSX.Element;
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultNumberInput: ({ field, extra }: InputRenderProps<"number">) => import("react/jsx-runtime").JSX.Element;
 export default DefaultNumberInput;

package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultPasswordInput.d.ts

@@ -1,3 +1,3 @@
-import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
-declare const DefaultPasswordInput: (field: InputFieldProps<"password">, extra: InputExtraProps<"password">) => import("react/jsx-runtime").JSX.Element;
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultPasswordInput: ({ field, extra }: InputRenderProps<"password">) => import("react/jsx-runtime").JSX.Element;
 export default DefaultPasswordInput;

package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultRadioInput.d.ts

@@ -1,3 +1,3 @@
-import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
-declare const DefaultRadioInput: (field: InputFieldProps<"radio">, extra: InputExtraProps<"radio">) => import("react/jsx-runtime").JSX.Element;
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultRadioInput: ({ field, extra }: InputRenderProps<"radio">) => import("react/jsx-runtime").JSX.Element;
 export default DefaultRadioInput;

package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultSelectInput.d.ts

@@ -1,3 +1,3 @@
-import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
-declare const DefaultSelectInput: (field: InputFieldProps<"select">, extra: InputExtraProps<"select">) => import("react/jsx-runtime").JSX.Element;
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultSelectInput: ({ field, extra }: InputRenderProps<"select">) => import("react/jsx-runtime").JSX.Element;
 export default DefaultSelectInput;

package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultSubmitInput.d.ts

@@ -1,3 +1,11 @@
-import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
-declare const DefaultSubmitInput: (_field: InputFieldProps<"submit">, extra: InputExtraProps<"submit">) => import("react/jsx-runtime").JSX.Element;
+import { InputRenderProps } from '../../../../../types/renderer';
+/**
+ * The `submit` input node is declarative only: it marks where the flow submits
+ * and carries the optional custom label / `submitConfig`. The actual submit
+ * button is rendered once by the step (in its action row, next to Back) — see
+ * `DefaultStep` — so the node itself renders nothing. This guarantees a single,
+ * consistently-placed button whether submission comes from an explicit submit
+ * node, the default "Submit", or a "Continue" step.
+ */
+declare const DefaultSubmitInput: (_props: InputRenderProps<"submit">) => null;
 export default DefaultSubmitInput;

package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultSwitchInput.d.ts

@@ -1,3 +1,3 @@
-import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
-declare const DefaultSwitchInput: (field: InputFieldProps<"switch">, extra: InputExtraProps<"switch">) => import("react/jsx-runtime").JSX.Element;
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultSwitchInput: ({ field, extra }: InputRenderProps<"switch">) => import("react/jsx-runtime").JSX.Element;
 export default DefaultSwitchInput;

package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultTextAreaInput.d.ts

@@ -1,3 +1,3 @@
-import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
-declare const DefaultTextAreaInput: (field: InputFieldProps<"textarea">, extra: InputExtraProps<"textarea">) => import("react/jsx-runtime").JSX.Element;
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultTextAreaInput: ({ field, extra }: InputRenderProps<"textarea">) => import("react/jsx-runtime").JSX.Element;
 export default DefaultTextAreaInput;

package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultTextInput.d.ts

@@ -1,3 +1,3 @@
-import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
-declare const DefaultTextInput: (field: InputFieldProps<"text">, extra: InputExtraProps<"text">) => import("react/jsx-runtime").JSX.Element;
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultTextInput: ({ field, extra }: InputRenderProps<"text">) => import("react/jsx-runtime").JSX.Element;
 export default DefaultTextInput;

package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultTimeInput.d.ts

@@ -1,3 +1,3 @@
-import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
-declare const DefaultTimeInput: (field: InputFieldProps<"time">, extra: InputExtraProps<"time">) => import("react/jsx-runtime").JSX.Element;
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultTimeInput: ({ field, extra }: InputRenderProps<"time">) => import("react/jsx-runtime").JSX.Element;
 export default DefaultTimeInput;

package/dist/renderer/features/TreegeRenderer/web/components/inputs/DefaultTimeRangeInput.d.ts

@@ -1,3 +1,3 @@
-import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
-declare const DefaultTimeRangeInput: (field: InputFieldProps<"timerange">, extra: InputExtraProps<"timerange">) => import("react/jsx-runtime").JSX.Element;
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultTimeRangeInput: ({ field, extra }: InputRenderProps<"timerange">) => import("react/jsx-runtime").JSX.Element;
 export default DefaultTimeRangeInput;

package/dist/renderer/hooks/useRenderNode.d.ts

@@ -20,6 +20,7 @@ type UseRenderNodeParams = {
     formErrors: Record<string, string>;
     formValues: FormValues;
     inputNodes: Node<InputNodeData>[];
+    isSubmitting?: boolean;
     missingRequiredFields: string[];
     setFieldValue: (fieldId: string, value: unknown) => void;
 };
@@ -33,15 +34,17 @@ type UseRenderNodeParams = {
  * - SubmitButton: Submit button component with fallback
  * - SubmitButtonWrapper: Submit button wrapper component with fallback (web only, undefined for native)
  */
-export declare const useRenderNode: ({ DefaultFormWrapper, DefaultInputWrapper, DefaultSubmitButton, DefaultSubmitButtonWrapper, config, defaultInputRenderers, defaultUI, formErrors, formValues, inputNodes, missingRequiredFields, setFieldValue, }: UseRenderNodeParams) => {
+export declare const useRenderNode: ({ DefaultFormWrapper, DefaultInputWrapper, DefaultSubmitButton, DefaultSubmitButtonWrapper, config, defaultInputRenderers, defaultUI, formErrors, formValues, inputNodes, isSubmitting, missingRequiredFields, setFieldValue, }: UseRenderNodeParams) => {
     FormWrapper: ((props: {
         children: ReactNode;
+        id?: string;
         onSubmit: (e: import('react').FormEvent<HTMLFormElement>) => void;
     }) => ReactNode) | AnyComponent;
     renderNode: (node: Node<TreegeNodeData>) => ReactNode;
     SubmitButton: ((props: {
         label?: string;
         disabled?: boolean;
+        isSubmitting?: boolean;
         [key: string]: unknown;
     } | {
         children?: ReactNode;

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

@@ -1,5 +1,5 @@
 import { Node } from '@xyflow/react';
-import { FormEvent, ReactNode } from 'react';
+import { ComponentType, FormEvent, ReactNode } from 'react';
 import { SerializableFile } from '../utils/file';
 import { FlowStep } from '../utils/step';
 import { Flow, GroupNodeData, HttpHeaders, InputNodeData, InputOption, InputType, TreegeNodeData, UINodeData, UIType } from '../../shared/types/node';
@@ -143,11 +143,19 @@ export type InputExtraProps<T extends InputType = InputType> = {
     compactOptions?: boolean;
 };
 /**
- * An input renderer. Receives the spreadable `field` props (DOM-safe) and the
- * Treege `extra` props (state setters, translations, metadata) as two separate
- * arguments, so `field` can be spread onto a control: `<input {...field} />`.
+ * Props passed to an input renderer: the spreadable `field` props (DOM-safe, so
+ * `field` can be spread onto a control — `<input {...field} />`) and the Treege
+ * `extra` props (state setters, translations, metadata).
  */
-export type InputRenderer<T extends InputType = InputType> = (field: InputFieldProps<T>, extra: InputExtraProps<T>) => ReactNode;
+export type InputRenderProps<T extends InputType = InputType> = {
+    field: InputFieldProps<T>;
+    extra: InputExtraProps<T>;
+};
+/**
+ * An input renderer — a React component, so it can use hooks and is rendered
+ * directly (`<Renderer field={field} extra={extra} />`) without a wrapper.
+ */
+export type InputRenderer<T extends InputType = InputType> = ComponentType<InputRenderProps<T>>;
 export type UiRenderProps = {
     node: Node<UINodeData>;
 };
@@ -180,6 +188,13 @@ export type StepRenderProps = {
     totalSteps: number;
     /** True when this is the first step (Back should be hidden/disabled). */
     isFirstStep: boolean;
+    /**
+     * Whether a Back button should be shown. True on any step past the first, and
+     * also on the first step when the consumer passes an `onBack` prop (to bridge
+     * back-navigation to an outer flow, e.g. a parent modal's steps). Prefer this
+     * over `isFirstStep` to decide whether to render the Back control.
+     */
+    canGoBack: boolean;
     /**
      * True when this is the last visible step. The renderer turns Continue
      * into a submit action on the last step.
@@ -188,13 +203,25 @@ export type StepRenderProps = {
     /** Whether all required visible inputs of the step are filled. */
     canContinue: boolean;
     /**
-     * Translated labels of required fields still empty. Only populated on the
-     * last step so the step can show a tooltip explaining why submit is disabled.
+     * True when the step contains an explicit `submit` input node. Such a node is
+     * declarative — it renders no button itself; the step renders the single
+     * submit button (reusing the node's label). Exposed for custom step
+     * implementations that need to know a submit node is present.
+     */
+    hasSubmitInput?: boolean;
+    /**
+     * Translated labels of the current step's required fields still empty. Lines
+     * up with `canContinue`, so the action button can show a tooltip explaining
+     * why Continue/Submit is disabled — on every step, not just the last.
      */
     missingFields?: string[];
     /** Submission in progress (passed through from `useTreegeRenderer`). */
     isSubmitting?: boolean;
-    /** Advance to the previous step. No-op on the first step. */
+    /**
+     * Go back: advances to the previous step, or — on the first step, when the
+     * consumer passed an `onBack` prop — invokes that callback instead. No-op on
+     * the first step when no `onBack` prop was provided.
+     */
     onBack: () => void;
     /**
      * Advance to the next step (or trigger submit on the last step). The wrapper
@@ -226,20 +253,24 @@ export type TreegeRendererComponents = {
      */
     step?: (props: StepRenderProps) => ReactNode;
     /**
-     * Custom form wrapper
+     * Custom form wrapper. `id` (when provided via the `formId` prop) should be
+     * forwarded to the underlying `<form>` element to keep external submit
+     * buttons working.
      */
     form?: (props: {
         children: ReactNode;
+        id?: string;
         onSubmit: (e: FormEvent<HTMLFormElement>) => void;
     }) => ReactNode;
     /**
      * Custom submit button (supports both web and native variants)
-     * Web variant: { label?: string; disabled?: boolean; ...otherHTMLAttributes }
+     * Web variant: { label?: string; disabled?: boolean; isSubmitting?: boolean; ...otherHTMLAttributes }
      * Native variant: { children?: ReactNode; disabled?: boolean; isSubmitting?: boolean; onPress?: () => void }
      */
     submitButton?: (props: {
         label?: string;
         disabled?: boolean;
+        isSubmitting?: boolean;
         [key: string]: unknown;
     } | {
         children?: ReactNode;
@@ -332,7 +363,23 @@ export interface TreegeRendererProps extends TreegeRendererConfig {
      */
     flow?: Flow | null;
     /**
-     * Initial form values
+     * Sets the `id` attribute on the underlying `<form>` element, so a submit
+     * button rendered outside the renderer can target it via the native HTML
+     * `form` attribute: `<button type="submit" form={formId}>`. Web only.
+     */
+    formId?: string;
+    /**
+     * Initial form values — use this to pre-fill the form when editing a record
+     * that was already submitted.
+     *
+     * Keys can be either `node.id` OR the same name-based keys you receive back in
+     * `onChange` / `onSubmit`, so the previously-submitted object can be fed
+     * straight back in without any remapping.
+     *
+     * Reactive: if this changes after mount (e.g. an async-fetched record resolves
+     * later), the form is re-seeded automatically. A new object literal of
+     * identical content does NOT reset the form, so in-progress user edits are
+     * preserved.
      */
     initialValues?: FormValues;
     /**
@@ -340,6 +387,21 @@ export interface TreegeRendererProps extends TreegeRendererConfig {
      * the flow is being fetched. Customizable via `components.loadingSkeleton`.
      */
     isLoading?: boolean;
+    /**
+     * When true, forces the submit/continue button into its loading state
+     * (spinner + disabled). Use this to keep the button busy while an async
+     * `onSubmit` is still resolving on the consumer side. It is OR-ed with the
+     * renderer's own internal submitting state, so it only ever adds to it.
+     */
+    isSubmitting?: boolean;
+    /**
+     * Called when the user clicks Back on the FIRST step. Provide this to bridge
+     * back-navigation to an outer flow (e.g. a parent modal's steps): when set, a
+     * Back button is shown on the first step and triggers this callback instead
+     * of being a no-op. Has no effect on later steps, which always navigate back
+     * internally.
+     */
+    onBack?: () => void;
     /**
      * Callback when form values change
      */