treege 3.0.0-beta.55 → 3.0.0-beta.57

package/dist/editor.js

@@ -1,3 +1,3 @@
-import { t as e } from "./editor-DgUCBTZ0.js";
-import { n as t, t as n } from "./ThemeContext-C9418UR6.js";
+import { t as e } from "./editor-D3cbfAxI.js";
+import { n as t, t as n } from "./ThemeContext-BhIeqgqN.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-DgUCBTZ0.js";
-import { A as t, B as n, I as r, L as i, R as a, S as o, a as s, b as c, c as l, d as u, f as d, g as f, h as p, i as m, k as h, l as g, m as _, n as v, o as y, p as b, s as x, t as S, u as C, x as w, z as T } from "./ThemeContext-C9418UR6.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-BbfholiM.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, S as ThemeProvider, N as Title, C as TreegeConfigProvider, e as TreegeEditor, I as TreegeRenderer, d as applyReferenceTransformation, b as calculateReferenceFieldUpdates, _ as checkFormFieldHasValue, p as convertFormValuesToNamedFormat, H as defaultInputRenderers, P as defaultUI, l as evaluateCondition, g as evaluateConditions, c as fileToSerializable, w as filesToSerializable, s as findStartNode, y as getFlowRenderState, r as getStaticTranslations, i as getTranslatedText, f as isFieldEmpty, a as isGroupNode, T as isInputNode, x as isStartNode, n as isUINode, h as sanitize, t as sanitizeHttpResponse, o as serializableToFile, v as useTheme, u as useTreegeConfig, m as useTreegeRenderer };
+import { t as e } from "./editor-D3cbfAxI.js";
+import { A as t, B as n, L 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, k 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-BhIeqgqN.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-CoJrOYMe.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, r as getStaticTranslations, i as getTranslatedText, d as isFieldEmpty, T as isGroupNode, n as isInputNode, b as isStartNode, a as isUINode, m as sanitize, t as sanitizeHttpResponse, C as serializableToFile, _ as useTheme, l as useTreegeConfig, p as useTreegeRenderer };

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

@@ -0,0 +1,15 @@
+import { InputExtraProps, InputFieldProps, InputRenderer } from '../../types/renderer';
+import { InputType } from '../../../shared/types/node';
+interface InputRendererHostProps<T extends InputType> {
+    render: InputRenderer<T>;
+    field: InputFieldProps<T>;
+    extra: InputExtraProps<T>;
+}
+/**
+ * Renders an input renderer (`(field, extra) => ReactNode`) inside a real
+ * component boundary so the renderer can safely call hooks. Callers must give
+ * this a stable `key` per node (and input type) so each input keeps a
+ * consistent hook order across re-renders.
+ */
+declare function InputRendererHost<T extends InputType>({ render, field, extra }: InputRendererHostProps<T>): import("react/jsx-runtime").JSX.Element;
+export default InputRendererHost;

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

@@ -15,7 +15,7 @@ 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';
+import { InputExtraProps, InputFieldProps, 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: ({ node }: InputRenderProps<"submit">) => import("react/jsx-runtime").JSX.Element;
+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/DependencyHint.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { MissingDependency } from '../../../../types/renderer';
+interface DependencyHintProps {
+    /** Unfilled fields the input depends on (from `extra.missingDependencies`). */
+    missing: MissingDependency[];
+    children: ReactNode;
+}
+/**
+ * Renders an input control followed by an inline caption listing the fields the
+ * user must fill before the input's dynamic options can load. Mobile has no
+ * hover, so the hint is always-visible text rather than a tooltip. Renders only
+ * the children when there are no missing dependencies.
+ */
+declare const DependencyHint: ({ missing, children }: DependencyHintProps) => import("react/jsx-runtime").JSX.Element;
+export default DependencyHint;

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

@@ -1,3 +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;
+import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
+declare const DefaultAddressInput: (field: InputFieldProps<"address">, extra: InputExtraProps<"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 { InputRenderProps } from '../../../../../types/renderer';
-declare const DefaultAutocompleteInput: ({ node, value, setValue, error, label, placeholder, helperText }: InputRenderProps<"autocomplete">) => import("react/jsx-runtime").JSX.Element;
+import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
+declare const DefaultAutocompleteInput: (field: InputFieldProps<"autocomplete">, extra: InputExtraProps<"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 { InputRenderProps } from '../../../../../types/renderer';
-declare const DefaultCheckboxInput: ({ node, value, setValue, error, label, helperText }: InputRenderProps<"checkbox">) => import("react/jsx-runtime").JSX.Element;
+import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
+declare const DefaultCheckboxInput: (field: InputFieldProps<"checkbox">, extra: InputExtraProps<"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 { InputRenderProps } from '../../../../../types/renderer';
-declare const DefaultDateInput: ({ node, value, setValue, error, label, placeholder, helperText }: InputRenderProps<"date">) => import("react/jsx-runtime").JSX.Element;
+import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
+declare const DefaultDateInput: (field: InputFieldProps<"date">, extra: InputExtraProps<"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 { InputRenderProps } from '../../../../../types/renderer';
-declare const DefaultDateRangeInput: ({ node, value, setValue, error, label, helperText }: InputRenderProps<"daterange">) => import("react/jsx-runtime").JSX.Element;
+import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
+declare const DefaultDateRangeInput: (field: InputFieldProps<"daterange">, extra: InputExtraProps<"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 { InputRenderProps } from '../../../../../types/renderer';
-declare const DefaultFileInput: ({ node, value, setValue, error, label, helperText }: InputRenderProps<"file">) => import("react/jsx-runtime").JSX.Element | null;
+import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
+declare const DefaultFileInput: (field: InputFieldProps<"file">, extra: InputExtraProps<"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 { InputRenderProps } from '../../../../../types/renderer';
-declare const DefaultHiddenInput: (_props: InputRenderProps<"hidden">) => null;
+import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
+declare const DefaultHiddenInput: (_field: InputFieldProps<"hidden">, _extra: InputExtraProps<"hidden">) => null;
 export default DefaultHiddenInput;

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

@@ -1,3 +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;
+import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
+declare const DefaultHttpInput: (field: InputFieldProps<"http">, extra: InputExtraProps<"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 { InputRenderProps } from '../../../../../types/renderer';
-declare const DefaultNumberInput: ({ node, value, setValue, error, label, placeholder, helperText, name }: InputRenderProps<"number">) => import("react/jsx-runtime").JSX.Element;
+import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
+declare const DefaultNumberInput: (field: InputFieldProps<"number">, extra: InputExtraProps<"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 { InputRenderProps } from '../../../../../types/renderer';
-declare const DefaultPasswordInput: ({ node, value, setValue, error, label, placeholder, helperText, name }: InputRenderProps<"password">) => import("react/jsx-runtime").JSX.Element;
+import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
+declare const DefaultPasswordInput: (field: InputFieldProps<"password">, extra: InputExtraProps<"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 { InputRenderProps } from '../../../../../types/renderer';
-declare const DefaultRadioInput: ({ node, value, setValue, error, label, helperText }: InputRenderProps<"radio">) => import("react/jsx-runtime").JSX.Element;
+import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
+declare const DefaultRadioInput: (field: InputFieldProps<"radio">, extra: InputExtraProps<"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 { InputRenderProps } from '../../../../../types/renderer';
-declare const DefaultSelectInput: ({ node, value, setValue, error, label, placeholder, helperText }: InputRenderProps<"select">) => import("react/jsx-runtime").JSX.Element;
+import { InputExtraProps, InputFieldProps } from '../../../../../types/renderer';
+declare const DefaultSelectInput: (field: InputFieldProps<"select">, extra: InputExtraProps<"select">) => import("react/jsx-runtime").JSX.Element;
 export default DefaultSelectInput;

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

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

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

@@ -30,24 +30,24 @@ export declare const useTreegeRenderer: ({ components, flows, googleApiKey, head
                 onSubmit: (e: import('react').FormEvent<HTMLFormElement>) => void;
             }) => import('react').ReactNode) | undefined;
             inputs: {
-                number?: ((props: import('../../types/renderer').InputRenderProps<"number">) => import('react').ReactNode) | undefined;
-                checkbox?: ((props: import('../../types/renderer').InputRenderProps<"checkbox">) => import('react').ReactNode) | undefined;
-                radio?: ((props: import('../../types/renderer').InputRenderProps<"radio">) => import('react').ReactNode) | undefined;
-                switch?: ((props: import('../../types/renderer').InputRenderProps<"switch">) => 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;
-                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;
-                select?: ((props: import('../../types/renderer').InputRenderProps<"select">) => import('react').ReactNode) | undefined;
-                submit?: ((props: import('../../types/renderer').InputRenderProps<"submit">) => 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;
+                number?: import('../../types/renderer').InputRenderer<"number"> | undefined;
+                checkbox?: import('../../types/renderer').InputRenderer<"checkbox"> | undefined;
+                radio?: import('../../types/renderer').InputRenderer<"radio"> | undefined;
+                switch?: import('../../types/renderer').InputRenderer<"switch"> | undefined;
+                address?: import('../../types/renderer').InputRenderer<"address"> | undefined;
+                autocomplete?: import('../../types/renderer').InputRenderer<"autocomplete"> | undefined;
+                date?: import('../../types/renderer').InputRenderer<"date"> | undefined;
+                daterange?: import('../../types/renderer').InputRenderer<"daterange"> | undefined;
+                file?: import('../../types/renderer').InputRenderer<"file"> | undefined;
+                hidden?: import('../../types/renderer').InputRenderer<"hidden"> | undefined;
+                http?: import('../../types/renderer').InputRenderer<"http"> | undefined;
+                password?: import('../../types/renderer').InputRenderer<"password"> | undefined;
+                select?: import('../../types/renderer').InputRenderer<"select"> | undefined;
+                submit?: import('../../types/renderer').InputRenderer<"submit"> | undefined;
+                text?: import('../../types/renderer').InputRenderer<"text"> | undefined;
+                textarea?: import('../../types/renderer').InputRenderer<"textarea"> | undefined;
+                time?: import('../../types/renderer').InputRenderer<"time"> | undefined;
+                timerange?: import('../../types/renderer').InputRenderer<"timerange"> | undefined;
             };
             loadingSkeleton: (() => import('react').ReactNode) | undefined;
             step: ((props: import('../../types/renderer').StepRenderProps) => import('react').ReactNode) | undefined;

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

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+import { MissingDependency } from '../../../../types/renderer';
+interface MissingProps {
+    /** Unfilled fields the input depends on (from `extra.missingDependencies`). */
+    missing: MissingDependency[];
+}
+/**
+ * Wraps a disabled input control with a tooltip listing the fields the user
+ * must fill before the input's dynamic options can load. Renders children
+ * untouched when there are no missing dependencies, so it's safe to wrap any
+ * trigger-based dynamic input (select, autocomplete, http) unconditionally.
+ */
+declare const DependencyHint: ({ missing, children }: MissingProps & {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Inline variant for inputs that have no single trigger to hover (radio,
+ * checkbox): renders the same hint as always-visible muted text. Renders
+ * nothing when there are no missing dependencies.
+ */
+export declare const DependencyHintMessage: ({ missing }: MissingProps) => import("react/jsx-runtime").JSX.Element | null;
+export default DependencyHint;

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

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

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

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

@@ -19,6 +19,7 @@ type UseRenderNodeParams = {
     defaultUI: Record<string, AnyComponent>;
     formErrors: Record<string, string>;
     formValues: FormValues;
+    inputNodes: Node<InputNodeData>[];
     missingRequiredFields: string[];
     setFieldValue: (fieldId: string, value: unknown) => void;
 };
@@ -32,7 +33,7 @@ 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, missingRequiredFields, setFieldValue, }: UseRenderNodeParams) => {
+export declare const useRenderNode: ({ DefaultFormWrapper, DefaultInputWrapper, DefaultSubmitButton, DefaultSubmitButtonWrapper, config, defaultInputRenderers, defaultUI, formErrors, formValues, inputNodes, missingRequiredFields, setFieldValue, }: UseRenderNodeParams) => {
     FormWrapper: ((props: {
         children: ReactNode;
         onSubmit: (e: import('react').FormEvent<HTMLFormElement>) => void;

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

@@ -38,54 +38,87 @@ export type Meta = {
  */
 export type InputValue = string | number | boolean | string[] | SerializableFile | SerializableFile[] | [string, string] | [string | undefined, string | undefined] | null | undefined;
 /**
- * Props for input components with dynamic value typing
- * All form state is provided via props for easier custom component implementation
+ * A field the input's dynamic options depend on that is not yet filled.
  */
-export type InputRenderProps<T extends InputType = InputType> = {
+export type MissingDependency = {
     /**
-     * The node data for this input field
+     * The referenced node id.
      */
-    node: Node<InputNodeData>;
+    id: string;
     /**
-     * Current value of the input field (typed based on input type when T is specified)
+     * The referenced field's translated, end-user-facing label.
      */
-    value: InputValueTypeMap[T];
+    label: string;
+};
+/**
+ * HTML-spreadable props for an input control — safe to spread directly onto a
+ * DOM element: `<input {...field} />`. Intentionally excludes `label`,
+ * `helperText`, and `error` (not valid DOM attributes); those live in
+ * `InputExtraProps`.
+ */
+export type InputFieldProps<T extends InputType = InputType> = {
     /**
-     * Unique field ID (nodeId)
+     * Unique field id (nodeId). Use for the element `id`.
      */
     id: string;
     /**
-     * Field name (resolved using priority: name > label > nodeId)
-     * Use this for the name and id attributes of the input element
+     * Field name (resolved using priority: name > label > nodeId).
      */
     name: string;
     /**
-     * Function to update the input value
-     * @param value - The new value (typed based on input type when T is specified)
+     * Current value of the input (typed by input type when T is specified).
      */
-    setValue: (value: InputValueTypeMap[T]) => void;
+    value: InputValueTypeMap[T];
     /**
-     * Validation error message for this field (if any)
+     * Translated placeholder (already processed with current language).
      */
-    error?: string;
+    placeholder?: string;
     /**
-     * Translated label (already processed with current language)
+     *  Whether the field is required.
      */
-    label?: string;
+    required?: boolean;
     /**
-     * Translated placeholder (already processed with current language)
+     * Set when the field has a validation error.
      */
-    placeholder?: string;
+    "aria-invalid"?: boolean;
+};
+/**
+ * Treege-specific props that are NOT DOM attributes: state setters, resolved
+ * translations, validation and runtime metadata. Passed as the second argument
+ * of an input renderer so the first one (`InputFieldProps`) stays spreadable.
+ */
+export type InputExtraProps<T extends InputType = InputType> = {
     /**
-     * Translated helper text (already processed with current language)
+     * The node data for this input field.
+     */
+    node: Node<InputNodeData>;
+    /**
+     * Function to update the input value.
+     * @param value - The new value (typed by input type when T is specified)
+     */
+    setValue: (value: InputValueTypeMap[T]) => void;
+    /**
+     * Validation error message for this field (if any).
+     */
+    error?: string;
+    /** Translated label (already processed with current language). */
+    label?: string;
+    /**
+     * Translated helper text (already processed with current language).
      */
     helperText?: string;
     /**
-     * Missing required fields on form submit (for submit inputs)
+     * Fields this input's dynamic options depend on that are not yet filled
+     * (its unresolved `{{nodeId}}` template variables). Empty when none — use it
+     * to hint the user which fields to complete before this input can load.
+     */
+    missingDependencies: MissingDependency[];
+    /**
+     * Missing required fields on form submit (for submit inputs).
      */
     missingRequiredFields?: string[];
     /**
-     * Whether the form is currently being submitted (for submit inputs)
+     * Whether the form is currently being submitted (for submit inputs).
      */
     isSubmitting?: boolean;
     /**
@@ -109,6 +142,12 @@ export type InputRenderProps<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} />`.
+ */
+export type InputRenderer<T extends InputType = InputType> = (field: InputFieldProps<T>, extra: InputExtraProps<T>) => ReactNode;
 export type UiRenderProps = {
     node: Node<UINodeData>;
 };
@@ -123,7 +162,7 @@ export type NodeRenderProps = {
  * Each input type gets its own properly typed InputRenderProps
  */
 export type InputRenderers = {
-    [K in InputType]?: (props: InputRenderProps<K>) => ReactNode;
+    [K in InputType]?: InputRenderer<K>;
 };
 /**
  * Props passed to a step renderer. Steps are derived at runtime from the flow's