treege 3.0.0-beta.8 → 3.0.0-beta40

package/dist/editor.js

@@ -1,7 +1,3 @@
-import { T as o } from "./TreegeEditor-Lv5Tn9_F.js";
-import { T as m, u as s } from "./ThemeContext-BIvs8Kw-.js";
-export {
-  m as ThemeProvider,
-  o as TreegeEditor,
-  s as useTheme
-};
+import { t as e } from "./editor-DWJ95r4g.js";
+import { n as t, t as n } from "./ThemeContext-Ejgu9Mwr.js";
+export { n as ThemeProvider, e as TreegeEditor, t as useTheme };

package/dist/main.js

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

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

@@ -1,11 +1,13 @@
+import { Node } from '@xyflow/react';
 import { PropsWithChildren } from 'react';
 import { FormValues } from '../types/renderer';
-import { Flow } from '../../shared/types/node';
+import { Flow, InputNodeData } from '../../shared/types/node';
 export interface TreegeRendererContextValue {
     flows?: Flow | null;
     formErrors: Record<string, string>;
     formValues: FormValues;
     googleApiKey?: string;
+    inputNodes: Node<InputNodeData>[];
     language: string;
     setFieldValue: (fieldName: string, value: unknown) => void;
 }
@@ -20,6 +22,7 @@ export declare const useTreegeRendererContext: () => {
     formErrors: Record<string, string>;
     formValues: FormValues;
     googleApiKey?: string;
+    inputNodes: Node<InputNodeData>[];
     language: string;
     setFieldValue: (fieldName: string, value: unknown) => void;
 };

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

@@ -1,13 +1,21 @@
+import { ViewStyle } from 'react-native';
+import { TreegeRendererProps } from '../../../types/renderer';
 /**
- * TreegeRenderer for React Native
- *
- * TODO: Implement React Native version of TreegeRenderer
- * This will use React Native components (View, Text, TextInput, etc.) instead of HTML elements
- *
- * The implementation should:
- * - Import and use useTreegeRenderer hook (platform-agnostic)
- * - Import and use utils from @/renderer/utils (platform-agnostic)
- * - Use React Native UI components instead of web components
- * - Share the same props interface (TreegeRendererProps)
+ * Props for the TreegeRenderer component (React Native)
+ * Same as TreegeRendererProps but:
+ * - Omits className (not used in React Native)
+ * - Adds style and contentContainerStyle (React Native specific)
  */
-export {};
+export type TreegeRendererNativeProps = Omit<TreegeRendererProps, "className"> & {
+    /**
+     * Style for the ScrollView container
+     */
+    style?: ViewStyle;
+    /**
+     * Style for the ScrollView content container
+     * Use this to center content vertically with flexGrow: 1 and justifyContent: 'center'
+     */
+    contentContainerStyle?: ViewStyle;
+};
+declare const TreegeRenderer: (props: TreegeRendererNativeProps) => import("react/jsx-runtime").JSX.Element;
+export default TreegeRenderer;

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

@@ -1,7 +1,7 @@
-/**
- * Default Form Wrapper for React Native
- *
- * TODO: Implement React Native version of FormWrapper
- * Should use View component and handle form submission with native patterns
- */
-export {};
+import { ReactNode } from 'react';
+export interface DefaultFormWrapperProps {
+    children: ReactNode;
+    onSubmit?: () => void;
+}
+declare const DefaultFormWrapper: ({ children }: DefaultFormWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export default DefaultFormWrapper;

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

@@ -1,7 +1,7 @@
-/**
- * Default Group Component for React Native
- *
- * TODO: Implement React Native version of Group component
- * Should use View component with proper styling for grouping
- */
-export {};
+import { ReactNode } from 'react';
+import { NodeRenderProps } from '../../../../types/renderer';
+type DefaultGroupProps = NodeRenderProps & {
+    children: ReactNode;
+};
+declare const DefaultGroup: ({ children, node }: DefaultGroupProps) => import("react/jsx-runtime").JSX.Element;
+export default DefaultGroup;

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

@@ -1,15 +1,21 @@
-/**
- * Default Input Components for React Native
- *
- * TODO: Implement React Native versions of all input renderers
- * This should mirror the web version but use React Native components:
- * - TextInput instead of <input>
- * - Picker instead of <select>
- * - Switch instead of <input type="checkbox">
- * - etc.
- *
- * Should export:
- * - defaultInputRenderers object with all input types
- * - Individual input components (DefaultTextInput, DefaultNumberInput, etc.)
- */
-export {};
+import { default as DefaultAddressInput } from './inputs/DefaultAddressInput';
+import { default as DefaultAutocompleteInput } from './inputs/DefaultAutocompleteInput';
+import { default as DefaultCheckboxInput } from './inputs/DefaultCheckboxInput';
+import { default as DefaultDateInput } from './inputs/DefaultDateInput';
+import { default as DefaultDateRangeInput } from './inputs/DefaultDateRangeInput';
+import { default as DefaultFileInput } from './inputs/DefaultFileInput';
+import { default as DefaultHiddenInput } from './inputs/DefaultHiddenInput';
+import { default as DefaultHttpInput } from './inputs/DefaultHttpInput';
+import { default as DefaultNumberInput } from './inputs/DefaultNumberInput';
+import { default as DefaultPasswordInput } from './inputs/DefaultPasswordInput';
+import { default as DefaultRadioInput } from './inputs/DefaultRadioInput';
+import { default as DefaultSelectInput } from './inputs/DefaultSelectInput';
+import { default as DefaultSwitchInput } from './inputs/DefaultSwitchInput';
+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 { InputRenderers, InputRenderProps } 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: ({ node }: InputRenderProps<"submit">) => import("react/jsx-runtime").JSX.Element;
+export declare const defaultInputRenderers: InputRenderers;

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

@@ -1,7 +1,9 @@
-/**
- * Default Submit Button for React Native
- *
- * TODO: Implement React Native version of SubmitButton
- * Should use Pressable or TouchableOpacity component
- */
-export {};
+import { ReactNode } from 'react';
+export interface DefaultSubmitButtonProps {
+    children?: ReactNode;
+    disabled?: boolean;
+    isSubmitting?: boolean;
+    onPress?: () => void;
+}
+declare const DefaultSubmitButton: ({ children, disabled, isSubmitting, onPress }: DefaultSubmitButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default DefaultSubmitButton;

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

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export interface SubmitButtonWrapperProps {
+    children: ReactNode;
+    missingFields?: string[];
+}
+/**
+ * Default submit button wrapper for React Native
+ * Simple wrapper that renders children (no tooltip like web version)
+ */
+declare const DefaultSubmitButtonWrapper: ({ children }: SubmitButtonWrapperProps) => ReactNode;
+export default DefaultSubmitButtonWrapper;

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

@@ -1,7 +1,8 @@
-/**
- * Default UI Components for React Native
- *
- * TODO: Implement React Native versions of UI components (Title, Description, Divider, etc.)
- * Should use Text, View and other React Native components
- */
-export {};
+import { UiRenderProps } from '../../../../types/renderer';
+declare const DefaultTitleUI: ({ node }: UiRenderProps) => import("react/jsx-runtime").JSX.Element;
+declare const DefaultDividerUI: () => import("react/jsx-runtime").JSX.Element;
+export { DefaultDividerUI, DefaultTitleUI };
+export declare const defaultUI: {
+    divider: () => import("react/jsx-runtime").JSX.Element;
+    title: ({ node }: UiRenderProps) => import("react/jsx-runtime").JSX.Element;
+};

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

@@ -0,0 +1,3 @@
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultAddressInput: ({ node, value, setValue, error, label, placeholder, helperText, id: _id, name: _name, }: InputRenderProps<"address">) => import("react/jsx-runtime").JSX.Element;
+export default DefaultAddressInput;

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

@@ -0,0 +1,3 @@
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultAutocompleteInput: ({ node, value, setValue, error, label, placeholder, helperText }: InputRenderProps<"autocomplete">) => import("react/jsx-runtime").JSX.Element;
+export default DefaultAutocompleteInput;

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

@@ -0,0 +1,3 @@
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultCheckboxInput: ({ node, value, setValue, error, label, helperText }: InputRenderProps<"checkbox">) => import("react/jsx-runtime").JSX.Element;
+export default DefaultCheckboxInput;

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

@@ -0,0 +1,3 @@
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultDateInput: ({ node, value, setValue, error, label, placeholder, helperText }: InputRenderProps<"date">) => import("react/jsx-runtime").JSX.Element;
+export default DefaultDateInput;

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

@@ -0,0 +1,3 @@
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultDateRangeInput: ({ node, value, setValue, error, label, helperText }: InputRenderProps<"daterange">) => import("react/jsx-runtime").JSX.Element;
+export default DefaultDateRangeInput;

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

@@ -0,0 +1,3 @@
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultFileInput: ({ node, value, setValue, error, label, helperText }: InputRenderProps<"file">) => import("react/jsx-runtime").JSX.Element | null;
+export default DefaultFileInput;

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,3 @@
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultHttpInput: ({ node, value, setValue, error, label, placeholder, helperText, id: _id, name: _name, }: InputRenderProps<"http">) => import("react/jsx-runtime").JSX.Element;
+export default DefaultHttpInput;

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

@@ -0,0 +1,3 @@
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultNumberInput: ({ node, value, setValue, error, label, placeholder, helperText, name }: InputRenderProps<"number">) => import("react/jsx-runtime").JSX.Element;
+export default DefaultNumberInput;

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

@@ -0,0 +1,3 @@
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultPasswordInput: ({ node, value, setValue, error, label, placeholder, helperText, name }: InputRenderProps<"password">) => import("react/jsx-runtime").JSX.Element;
+export default DefaultPasswordInput;

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

@@ -0,0 +1,3 @@
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultRadioInput: ({ node, value, setValue, error, label, helperText }: InputRenderProps<"radio">) => import("react/jsx-runtime").JSX.Element;
+export default DefaultRadioInput;

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

@@ -0,0 +1,3 @@
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultSelectInput: ({ node, value, setValue, error, label, placeholder, helperText }: InputRenderProps<"select">) => import("react/jsx-runtime").JSX.Element;
+export default DefaultSelectInput;

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

@@ -0,0 +1,3 @@
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultSwitchInput: ({ node, value, setValue, error, label, helperText }: InputRenderProps<"switch">) => import("react/jsx-runtime").JSX.Element;
+export default DefaultSwitchInput;

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

@@ -0,0 +1,3 @@
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultTextInput: ({ node, value, setValue, error, label, placeholder, helperText, name }: InputRenderProps<"text">) => import("react/jsx-runtime").JSX.Element;
+export default DefaultTextInput;

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

@@ -0,0 +1,3 @@
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultTextareaInput: ({ node, value, setValue, error, label, placeholder, helperText, name }: InputRenderProps<"textarea">) => import("react/jsx-runtime").JSX.Element;
+export default DefaultTextareaInput;

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

@@ -0,0 +1,3 @@
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultTimeInput: ({ node, value, setValue, error, label, placeholder, helperText }: InputRenderProps<"time">) => import("react/jsx-runtime").JSX.Element;
+export default DefaultTimeInput;

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

@@ -0,0 +1,3 @@
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultTimeRangeInput: ({ node, value, setValue, error, label, helperText }: InputRenderProps<"timerange">) => import("react/jsx-runtime").JSX.Element;
+export default DefaultTimeRangeInput;

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

@@ -1,43 +1,98 @@
 import { Node } from '@xyflow/react';
-import { FormValues } from '../../types/renderer';
-import { Flow, TreegeNodeData } from '../../../shared/types/node';
+import { FormValues, TreegeRendererProps } from '../../types/renderer';
+import { TreegeNodeData } from '../../../shared/types/node';
 /**
- * PURE STATE LOGIC HOOK
+ * Main TreegeRenderer hook
  *
- * This hook manages the internal form state and visibility logic.
- * It contains NO side effects (no useEffect).
- * All state is keyed by nodeId for uniqueness.
+ * Manages all form state, configuration, validation, and submission logic.
+ * Can be used directly in custom components for headless mode.
  *
  * Responsibilities:
+ * - Config merging (props + global provider)
  * - Form values state (keyed by nodeId)
  * - Errors state
  * - Node visibility calculation (progressive rendering)
- * - Form validation (built-in: required, pattern)
- * - Submit button state (combines end-of-path detection + form validity)
+ * - Form validation (built-in: required, pattern + custom validation)
+ * - Submit handling (with HTTP integration support)
+ * - Side effects (onChange callbacks, validation modes, reference field sync)
  *
- * NOT responsible for:
- * - Export/conversion to external format (done in component)
- * - Side effects like onChange callbacks (done in component)
- * - Custom validation (passed to component)
+ * @param props - Configuration props (flows, initialValues, callbacks, etc.)
+ * @returns Complete form state and control methods
  */
-/**
- * Custom hook for TreegeRenderer - Pure state logic only
- *
- * @param flows - Flow or array of flows (can be null/undefined)
- * @param initialValues - Initial form values (will be merged with node defaults)
- * @param language - Preferred language for translations (defaults to 'en')
- * @returns Pure state and computed values (no side effects)
- */
-export declare const useTreegeRenderer: (flows: Flow | Flow[] | null | undefined, initialValues?: FormValues, language?: string) => {
+export declare const useTreegeRenderer: ({ components, flows, googleApiKey, initialValues, language, onChange, onSubmit, theme, validate, validationMode, }: Pick<TreegeRendererProps, "components" | "flows" | "googleApiKey" | "initialValues" | "language" | "onChange" | "onSubmit" | "theme" | "validate" | "validationMode">) => {
     canSubmit: boolean;
+    clearSubmitMessage: () => void;
+    config: {
+        components: {
+            form: ((props: {
+                children: import('react').ReactNode;
+                onSubmit: (e: import('react').FormEvent) => void;
+            }) => import('react').ReactNode) | undefined;
+            group: ((props: import('../../types/renderer').NodeRenderProps & {
+                children?: import('react').ReactNode;
+            }) => import('react').ReactNode) | undefined;
+            inputs: {
+                number?: ((props: import('../../types/renderer').InputRenderProps<"number">) => import('react').ReactNode) | undefined;
+                address?: ((props: import('../../types/renderer').InputRenderProps<"address">) => import('react').ReactNode) | undefined;
+                autocomplete?: ((props: import('../../types/renderer').InputRenderProps<"autocomplete">) => import('react').ReactNode) | undefined;
+                checkbox?: ((props: import('../../types/renderer').InputRenderProps<"checkbox">) => import('react').ReactNode) | undefined;
+                date?: ((props: import('../../types/renderer').InputRenderProps<"date">) => import('react').ReactNode) | undefined;
+                daterange?: ((props: import('../../types/renderer').InputRenderProps<"daterange">) => import('react').ReactNode) | undefined;
+                file?: ((props: import('../../types/renderer').InputRenderProps<"file">) => import('react').ReactNode) | undefined;
+                hidden?: ((props: import('../../types/renderer').InputRenderProps<"hidden">) => import('react').ReactNode) | undefined;
+                http?: ((props: import('../../types/renderer').InputRenderProps<"http">) => import('react').ReactNode) | undefined;
+                password?: ((props: import('../../types/renderer').InputRenderProps<"password">) => import('react').ReactNode) | undefined;
+                radio?: ((props: import('../../types/renderer').InputRenderProps<"radio">) => import('react').ReactNode) | undefined;
+                select?: ((props: import('../../types/renderer').InputRenderProps<"select">) => import('react').ReactNode) | undefined;
+                submit?: ((props: import('../../types/renderer').InputRenderProps<"submit">) => import('react').ReactNode) | undefined;
+                switch?: ((props: import('../../types/renderer').InputRenderProps<"switch">) => import('react').ReactNode) | undefined;
+                text?: ((props: import('../../types/renderer').InputRenderProps<"text">) => import('react').ReactNode) | undefined;
+                textarea?: ((props: import('../../types/renderer').InputRenderProps<"textarea">) => import('react').ReactNode) | undefined;
+                time?: ((props: import('../../types/renderer').InputRenderProps<"time">) => import('react').ReactNode) | undefined;
+                timerange?: ((props: import('../../types/renderer').InputRenderProps<"timerange">) => import('react').ReactNode) | undefined;
+            };
+            submitButton: ((props: {
+                label?: string;
+                disabled?: boolean;
+                [key: string]: unknown;
+            } | {
+                children?: import('react').ReactNode;
+                disabled?: boolean;
+                isSubmitting?: boolean;
+                onPress?: () => void;
+                [key: string]: unknown;
+            }) => import('react').ReactNode) | undefined;
+            submitButtonWrapper: ((props: {
+                children: import('react').ReactNode;
+                missingFields?: string[];
+            }) => import('react').ReactNode) | undefined;
+            ui: {
+                divider?: ((props: import('../../types/renderer').NodeRenderProps) => import('react').ReactNode) | undefined;
+                title?: ((props: import('../../types/renderer').NodeRenderProps) => import('react').ReactNode) | undefined;
+            };
+        };
+        googleApiKey: string | undefined;
+        language: string;
+        theme: "dark" | "light";
+        validationMode: "onChange" | "onSubmit";
+    };
+    firstErrorFieldId: string | undefined;
     formErrors: Record<string, string>;
     formValues: FormValues;
+    handleSubmit: () => Promise<boolean>;
     inputNodes: Node<import('../../../shared/types/node').InputNodeData>[];
-    mergedFlow: Flow;
+    isSubmitting: boolean;
+    mergedFlow: import('../../../shared/types/node').Flow;
     missingRequiredFields: string[];
+    prevFormValuesRef: import('react').RefObject<FormValues>;
+    setFieldErrors: import('react').Dispatch<import('react').SetStateAction<Record<string, string>>>;
     setFieldValue: (fieldName: string, value: unknown) => void;
-    setFormErrors: import('react').Dispatch<import('react').SetStateAction<Record<string, string>>>;
-    t: (key?: import('../../../main').Translatable | import('../../../main').TranslationKey | string) => string;
+    setMultipleFieldValues: (updates: FormValues) => void;
+    submitMessage: {
+        type: "success" | "error";
+        message: string;
+    } | null;
+    t: (key?: import('../../../main').Translatable | string) => string;
     validateForm: (customValidate?: (values: FormValues, visibleNodesList: Node<TreegeNodeData>[]) => Record<string, string>) => {
         errors: {
             [x: string]: string;
@@ -48,3 +103,8 @@ export declare const useTreegeRenderer: (flows: Flow | Flow[] | null | undefined
     visibleNodes: Node<TreegeNodeData>[];
     visibleRootNodes: Node<TreegeNodeData>[];
 };
+/**
+ * Type for the return value of useTreegeRenderer
+ * Useful for TypeScript users building custom components
+ */
+export type UseTreegeRendererReturn = ReturnType<typeof useTreegeRenderer>;

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

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

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

@@ -5,5 +5,5 @@ export interface SubmitButtonProps extends ButtonHTMLAttributes<HTMLButtonElemen
 /**
  * Default submit button
  */
-declare const DefaultSubmitButton: ({ label, ...props }: SubmitButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const DefaultSubmitButton: import('react').ForwardRefExoticComponent<SubmitButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
 export default DefaultSubmitButton;

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

@@ -1,3 +1,3 @@
 import { InputRenderProps } from '../../../../../types/renderer';
-declare const DefaultAddressInput: ({ node, value, setValue, error }: InputRenderProps<"address">) => import("react/jsx-runtime").JSX.Element;
+declare const DefaultAddressInput: ({ node, value, setValue, error, label, placeholder, helperText, id, name }: 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 { InputRenderProps } from '../../../../../types/renderer';
-declare const DefaultAutocompleteInput: ({ node, value, setValue, error }: InputRenderProps<"autocomplete">) => import("react/jsx-runtime").JSX.Element;
+declare const DefaultAutocompleteInput: ({ node, value, setValue, error, label, placeholder, helperText, id, }: 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 { InputRenderProps } from '../../../../../types/renderer';
-declare const DefaultCheckboxInput: ({ node, value, setValue, error }: InputRenderProps<"checkbox">) => import("react/jsx-runtime").JSX.Element;
+declare const DefaultCheckboxInput: ({ node, value, setValue, error, label, helperText, id, name }: 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 { InputRenderProps } from '../../../../../types/renderer';
-declare const DefaultDateInput: ({ node, value, setValue, error }: InputRenderProps<"date">) => import("react/jsx-runtime").JSX.Element;
+declare const DefaultDateInput: ({ node, value, setValue, error, label, placeholder, helperText, id, name }: 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 { InputRenderProps } from '../../../../../types/renderer';
-declare const DefaultDateRangeInput: ({ node, value, setValue, error }: InputRenderProps<"daterange">) => import("react/jsx-runtime").JSX.Element;
+declare const DefaultDateRangeInput: ({ node, value, setValue, error, label, helperText, id }: 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 { InputRenderProps } from '../../../../../types/renderer';
-declare const DefaultFileInput: ({ node, setValue, error }: InputRenderProps<"file">) => import("react/jsx-runtime").JSX.Element;
+declare const DefaultFileInput: ({ node, setValue, error, label, placeholder, helperText, name, id }: 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 { InputRenderProps } from '../../../../../types/renderer';
-declare const DefaultHiddenInput: ({ node, value }: InputRenderProps<"hidden">) => import("react/jsx-runtime").JSX.Element;
+declare const DefaultHiddenInput: ({ value, name, id }: 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 { InputRenderProps } from '../../../../../types/renderer';
-declare const DefaultHttpInput: ({ node, value, setValue, error }: InputRenderProps<"http">) => import("react/jsx-runtime").JSX.Element;
+declare const DefaultHttpInput: ({ node, value, setValue, error, label, placeholder, helperText, id, name }: 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 { InputRenderProps } from '../../../../../types/renderer';
-declare const DefaultNumberInput: ({ node, value, setValue, error }: InputRenderProps<"number">) => import("react/jsx-runtime").JSX.Element;
+declare const DefaultNumberInput: ({ node, value, setValue, error, label, placeholder, helperText, name, id }: 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 { InputRenderProps } from '../../../../../types/renderer';
-declare const DefaultPasswordInput: ({ node, value, setValue, error }: InputRenderProps<"password">) => import("react/jsx-runtime").JSX.Element;
+declare const DefaultPasswordInput: ({ node, value, setValue, error, label, placeholder, helperText, name, id }: 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 { InputRenderProps } from '../../../../../types/renderer';
-declare const DefaultRadioInput: ({ node, value, setValue, error }: InputRenderProps<"radio">) => import("react/jsx-runtime").JSX.Element;
+declare const DefaultRadioInput: ({ node, value, setValue, error, label, helperText, id, name }: 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 { InputRenderProps } from '../../../../../types/renderer';
-declare const DefaultSelectInput: ({ node, value, setValue, error }: InputRenderProps<"select">) => import("react/jsx-runtime").JSX.Element;
+declare const DefaultSelectInput: ({ node, value, setValue, error, label, placeholder, helperText, name, id }: InputRenderProps<"select">) => import("react/jsx-runtime").JSX.Element;
 export default DefaultSelectInput;

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

@@ -0,0 +1,3 @@
+import { InputRenderProps } from '../../../../../types/renderer';
+declare const DefaultSubmitInput: ({ missingRequiredFields, isSubmitting, label }: InputRenderProps<"submit">) => import("react/jsx-runtime").JSX.Element;
+export default DefaultSubmitInput;

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

@@ -1,3 +1,3 @@
 import { InputRenderProps } from '../../../../../types/renderer';
-declare const DefaultSwitchInput: ({ node, value, setValue, error }: InputRenderProps<"switch">) => import("react/jsx-runtime").JSX.Element;
+declare const DefaultSwitchInput: ({ node, value, setValue, error, label, helperText, name, id }: 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 { InputRenderProps } from '../../../../../types/renderer';
-declare const DefaultTextAreaInput: ({ node, value, setValue, error }: InputRenderProps<"textarea">) => import("react/jsx-runtime").JSX.Element;
+declare const DefaultTextAreaInput: ({ node, value, setValue, error, label, placeholder, helperText, name, id }: 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 { InputRenderProps } from '../../../../../types/renderer';
-declare const DefaultTextInput: ({ node, value, setValue, error }: InputRenderProps<"text">) => import("react/jsx-runtime").JSX.Element;
+declare const DefaultTextInput: ({ node, value, setValue, error, label, placeholder, helperText, name, id }: InputRenderProps<"text">) => import("react/jsx-runtime").JSX.Element;
 export default DefaultTextInput;