@form-engine-ts/react 2.3.0 → 2.5.1

package/README.md

@@ -78,6 +78,11 @@ surfaces: `toolbar`, `fieldEditor`, `optionEditor`, `pages`, `localization`, or
 policy-aware `actions`; a custom `translationActions` slot can therefore call an application-specific AI mutation while
 the standard manual localization editors remain unchanged.
 
+Input primitives receive design-system-friendly `name`, `label`, `required`, `error`, and `helperText` props in addition
+to their normalized string-value callbacks. The `translationActions` slot also receives `translationError`, the latest
+`translationReport`, and `onClearTranslationError`, allowing a custom MUI action surface to represent the complete
+translation lifecycle.
+
 ```tsx
 <FormBuilder
   schema={schema}

package/dist/index.cjs

@@ -718,6 +718,11 @@ function DefaultTextInput({
   disabled,
   readOnly,
   "aria-label": ariaLabel,
+  name,
+  label,
+  required,
+  error,
+  helperText,
   value,
   onChange,
   placeholder,
@@ -728,25 +733,31 @@ function DefaultTextInput({
   max,
   step
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "input",
-    {
-      id,
-      className,
-      disabled,
-      readOnly,
-      "aria-label": ariaLabel,
-      type: type === "text" ? void 0 : type,
-      inputMode,
-      min,
-      max,
-      step,
-      value,
-      placeholder,
-      maxLength,
-      onChange: (event) => onChange(event.currentTarget.value)
-    }
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "input",
+      {
+        id,
+        name,
+        className,
+        disabled,
+        readOnly,
+        required,
+        "aria-label": ariaLabel ?? label,
+        "aria-invalid": error === true ? true : void 0,
+        type: type === "text" ? void 0 : type,
+        inputMode,
+        min,
+        max,
+        step,
+        value,
+        placeholder,
+        maxLength,
+        onChange: (event) => onChange(event.currentTarget.value)
+      }
+    ),
+    helperText === void 0 || helperText.length === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("small", { children: helperText })
+  ] });
 }
 function DefaultTextArea({
   id,
@@ -754,49 +765,71 @@ function DefaultTextArea({
   disabled,
   readOnly,
   "aria-label": ariaLabel,
+  name,
+  label,
+  required,
+  error,
+  helperText,
   value,
   onChange,
   rows,
   placeholder,
   maxLength
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "textarea",
-    {
-      id,
-      className,
-      disabled,
-      readOnly,
-      "aria-label": ariaLabel,
-      value,
-      rows,
-      placeholder,
-      maxLength,
-      onChange: (event) => onChange(event.currentTarget.value)
-    }
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "textarea",
+      {
+        id,
+        name,
+        className,
+        disabled,
+        readOnly,
+        required,
+        "aria-label": ariaLabel ?? label,
+        "aria-invalid": error === true ? true : void 0,
+        value,
+        rows,
+        placeholder,
+        maxLength,
+        onChange: (event) => onChange(event.currentTarget.value)
+      }
+    ),
+    helperText === void 0 || helperText.length === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("small", { children: helperText })
+  ] });
 }
 function DefaultSelect({
   id,
   className,
   disabled,
   "aria-label": ariaLabel,
+  name,
+  label,
+  required,
+  error,
+  helperText,
   value,
   onChange,
   options
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "select",
-    {
-      id,
-      className,
-      disabled,
-      "aria-label": ariaLabel,
-      value,
-      onChange: (event) => onChange(event.currentTarget.value),
-      children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: option.value, disabled: option.disabled, children: option.label }, option.value))
-    }
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "select",
+      {
+        id,
+        name,
+        className,
+        disabled,
+        required,
+        "aria-label": ariaLabel ?? label,
+        "aria-invalid": error === true ? true : void 0,
+        value,
+        onChange: (event) => onChange(event.currentTarget.value),
+        children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: option.value, disabled: option.disabled, children: option.label }, option.value))
+      }
+    ),
+    helperText === void 0 || helperText.length === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("small", { children: helperText })
+  ] });
 }
 function DefaultCheckbox({
   id,
@@ -1122,6 +1155,7 @@ function FormBuilder({
   const [editingLocale, setEditingLocale] = (0, import_react2.useState)("");
   const [isTranslating, setIsTranslating] = (0, import_react2.useState)(false);
   const [translationError, setTranslationError] = (0, import_react2.useState)(null);
+  const [translationReport, setTranslationReport] = (0, import_react2.useState)();
   const translate = (key, params = {}) => {
     const translated = translator?.translate(key, locale, params);
     return translated === void 0 ? interpolate(BUILDER_DEFAULTS[key] ?? key, params) : translated;
@@ -1239,8 +1273,10 @@ function FormBuilder({
         ...translationPolicy === void 0 ? {} : { policy: translationPolicy }
       });
       onChange(populated.schema);
+      setTranslationReport(populated.report);
       onTranslationReport?.(populated.report);
     } catch (cause) {
+      setTranslationReport(void 0);
       setTranslationError(cause instanceof Error ? cause.message : String(cause));
     } finally {
       setIsTranslating(false);
@@ -1713,6 +1749,9 @@ function FormBuilder({
                     currentLocale: editingLocale,
                     onAutoTranslate: () => void translateAll(),
                     isTranslating,
+                    ...translationError === null ? {} : { translationError },
+                    ...translationReport === void 0 ? {} : { translationReport },
+                    onClearTranslationError: () => setTranslationError(null),
                     readOnly,
                     actions,
                     components
@@ -1842,6 +1881,11 @@ function FormBuilder({
                 /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                   TextInput,
                   {
+                    name: `fields.${field.id}.title`,
+                    label: translate("builder.questionTitle"),
+                    required: true,
+                    error: field.title.trim().length === 0,
+                    helperText: field.title.trim().length === 0 ? translate("builder.required") : "",
                     value: field.title,
                     placeholder: translate("builder.questionTitlePlaceholder"),
                     onChange: (value) => updateField(field.id, (current) => ({

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ReactNode, ComponentType, MouseEvent } from 'react';
-import { QuestionType, FormField, ChoiceOption, FormPage, FormSchema, DisplayCondition, JsonValue, SchemaIssue, FormPolicy, FieldOption, ValidationError, TranslationAdapter, AsyncTranslationAdapter, PopulateTranslationOptions, TranslationReport, FormValue, ValidationIssue, FormValues, AnswerValidationResult, FieldType } from '@form-engine-ts/core';
+import { QuestionType, FormField, ChoiceOption, FormPage, FormSchema, DisplayCondition, JsonValue, SchemaIssue, FormPolicy, FieldOption, TranslationReport, ValidationError, TranslationAdapter, AsyncTranslationAdapter, PopulateTranslationOptions, FormValue, ValidationIssue, FormValues, AnswerValidationResult, FieldType } from '@form-engine-ts/core';
 
 /** @deprecated Import FormPolicy from @form-engine-ts/core instead. */
 type BuilderPolicy = FormPolicy;
@@ -104,32 +104,33 @@ interface BuilderIconButtonProps extends ComponentBaseProps {
     readonly icon: string;
     readonly title: string;
 }
-interface BuilderTextInputProps extends ComponentBaseProps {
+interface InputComponentProps extends ComponentBaseProps {
+    readonly name?: string;
+    readonly label?: string;
+    readonly required?: boolean;
+    readonly error?: boolean;
+    readonly helperText?: string;
     readonly value: string;
     readonly onChange: (value: string) => void;
     readonly placeholder?: string;
     readonly maxLength?: number;
+}
+interface BuilderTextInputProps extends InputComponentProps {
     readonly inputMode?: "text" | "numeric";
     readonly type?: "text" | "number";
     readonly min?: number;
     readonly max?: number;
     readonly step?: number;
 }
-interface BuilderTextAreaProps extends ComponentBaseProps {
-    readonly value: string;
-    readonly onChange: (value: string) => void;
+interface BuilderTextAreaProps extends InputComponentProps {
     readonly rows?: number;
-    readonly placeholder?: string;
-    readonly maxLength?: number;
 }
 interface BuilderSelectOption {
     readonly label: string;
     readonly value: string;
     readonly disabled?: boolean;
 }
-interface BuilderSelectProps extends ComponentBaseProps {
-    readonly value: string;
-    readonly onChange: (value: string) => void;
+interface BuilderSelectProps extends InputComponentProps {
     readonly options: readonly BuilderSelectOption[];
 }
 interface BuilderCheckboxProps extends ComponentBaseProps {
@@ -211,6 +212,9 @@ interface BuilderTranslationActionsSlotProps extends BuilderSlotBaseProps {
     readonly currentLocale: string;
     readonly onAutoTranslate: () => void;
     readonly isTranslating: boolean;
+    readonly translationError?: string;
+    readonly translationReport?: TranslationReport;
+    readonly onClearTranslationError?: () => void;
 }
 interface FormBuilderSlots {
     readonly toolbar?: ComponentType<BuilderToolbarSlotProps>;
@@ -384,4 +388,4 @@ interface StandaloneFormRendererProps extends FormRendererPresentationProps {
 type FormRendererProps = FormRendererPresentationProps | StandaloneFormRendererProps;
 declare function FormRenderer(props: FormRendererProps): react.JSX.Element;
 
-export { type BeforeSubmit, type BuilderActionContext, type BuilderActionError, type BuilderActionResult, type BuilderButtonProps, type BuilderCheckboxProps, type BuilderFactories, type BuilderFieldEditorSlotProps, type BuilderFieldsetProps, type BuilderIconButtonProps, type BuilderIdKind, type BuilderLocalizationSlotProps, type BuilderOptionEditorSlotProps, type BuilderPagesSlotProps, type BuilderPolicy, type BuilderSectionProps, type BuilderSelectOption, type BuilderSelectProps, type BuilderTextAreaProps, type BuilderTextInputProps, type BuilderTextTarget, type BuilderToolbarSlotProps, type BuilderTranslationActionsSlotProps, type ComponentBaseProps, type FieldComponentProps, type FieldComponents, type FieldState, FormBuilder, type FormBuilderActions, type FormBuilderComponents, type FormBuilderFeatures, type FormBuilderOptions, type FormBuilderProps, type FormBuilderResult, type FormBuilderSlots, type FormContextValue, FormProvider, type FormProviderProps, FormRenderer, type FormRendererPresentationProps, type FormRendererProps, type FormRendererSlots, type ManualTranslationContext, type StandaloneFormRendererProps, type SubmitResult, type SubmitStatus, resolveInitialFieldType, useField, useForm, useFormBuilder };
+export { type BeforeSubmit, type BuilderActionContext, type BuilderActionError, type BuilderActionResult, type BuilderButtonProps, type BuilderCheckboxProps, type BuilderFactories, type BuilderFieldEditorSlotProps, type BuilderFieldsetProps, type BuilderIconButtonProps, type BuilderIdKind, type BuilderLocalizationSlotProps, type BuilderOptionEditorSlotProps, type BuilderPagesSlotProps, type BuilderPolicy, type BuilderSectionProps, type BuilderSelectOption, type BuilderSelectProps, type BuilderTextAreaProps, type BuilderTextInputProps, type BuilderTextTarget, type BuilderToolbarSlotProps, type BuilderTranslationActionsSlotProps, type ComponentBaseProps, type FieldComponentProps, type FieldComponents, type FieldState, FormBuilder, type FormBuilderActions, type FormBuilderComponents, type FormBuilderFeatures, type FormBuilderOptions, type FormBuilderProps, type FormBuilderResult, type FormBuilderSlots, type FormContextValue, FormProvider, type FormProviderProps, FormRenderer, type FormRendererPresentationProps, type FormRendererProps, type FormRendererSlots, type InputComponentProps, type ManualTranslationContext, type StandaloneFormRendererProps, type SubmitResult, type SubmitStatus, resolveInitialFieldType, useField, useForm, useFormBuilder };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ReactNode, ComponentType, MouseEvent } from 'react';
-import { QuestionType, FormField, ChoiceOption, FormPage, FormSchema, DisplayCondition, JsonValue, SchemaIssue, FormPolicy, FieldOption, ValidationError, TranslationAdapter, AsyncTranslationAdapter, PopulateTranslationOptions, TranslationReport, FormValue, ValidationIssue, FormValues, AnswerValidationResult, FieldType } from '@form-engine-ts/core';
+import { QuestionType, FormField, ChoiceOption, FormPage, FormSchema, DisplayCondition, JsonValue, SchemaIssue, FormPolicy, FieldOption, TranslationReport, ValidationError, TranslationAdapter, AsyncTranslationAdapter, PopulateTranslationOptions, FormValue, ValidationIssue, FormValues, AnswerValidationResult, FieldType } from '@form-engine-ts/core';
 
 /** @deprecated Import FormPolicy from @form-engine-ts/core instead. */
 type BuilderPolicy = FormPolicy;
@@ -104,32 +104,33 @@ interface BuilderIconButtonProps extends ComponentBaseProps {
     readonly icon: string;
     readonly title: string;
 }
-interface BuilderTextInputProps extends ComponentBaseProps {
+interface InputComponentProps extends ComponentBaseProps {
+    readonly name?: string;
+    readonly label?: string;
+    readonly required?: boolean;
+    readonly error?: boolean;
+    readonly helperText?: string;
     readonly value: string;
     readonly onChange: (value: string) => void;
     readonly placeholder?: string;
     readonly maxLength?: number;
+}
+interface BuilderTextInputProps extends InputComponentProps {
     readonly inputMode?: "text" | "numeric";
     readonly type?: "text" | "number";
     readonly min?: number;
     readonly max?: number;
     readonly step?: number;
 }
-interface BuilderTextAreaProps extends ComponentBaseProps {
-    readonly value: string;
-    readonly onChange: (value: string) => void;
+interface BuilderTextAreaProps extends InputComponentProps {
     readonly rows?: number;
-    readonly placeholder?: string;
-    readonly maxLength?: number;
 }
 interface BuilderSelectOption {
     readonly label: string;
     readonly value: string;
     readonly disabled?: boolean;
 }
-interface BuilderSelectProps extends ComponentBaseProps {
-    readonly value: string;
-    readonly onChange: (value: string) => void;
+interface BuilderSelectProps extends InputComponentProps {
     readonly options: readonly BuilderSelectOption[];
 }
 interface BuilderCheckboxProps extends ComponentBaseProps {
@@ -211,6 +212,9 @@ interface BuilderTranslationActionsSlotProps extends BuilderSlotBaseProps {
     readonly currentLocale: string;
     readonly onAutoTranslate: () => void;
     readonly isTranslating: boolean;
+    readonly translationError?: string;
+    readonly translationReport?: TranslationReport;
+    readonly onClearTranslationError?: () => void;
 }
 interface FormBuilderSlots {
     readonly toolbar?: ComponentType<BuilderToolbarSlotProps>;
@@ -384,4 +388,4 @@ interface StandaloneFormRendererProps extends FormRendererPresentationProps {
 type FormRendererProps = FormRendererPresentationProps | StandaloneFormRendererProps;
 declare function FormRenderer(props: FormRendererProps): react.JSX.Element;
 
-export { type BeforeSubmit, type BuilderActionContext, type BuilderActionError, type BuilderActionResult, type BuilderButtonProps, type BuilderCheckboxProps, type BuilderFactories, type BuilderFieldEditorSlotProps, type BuilderFieldsetProps, type BuilderIconButtonProps, type BuilderIdKind, type BuilderLocalizationSlotProps, type BuilderOptionEditorSlotProps, type BuilderPagesSlotProps, type BuilderPolicy, type BuilderSectionProps, type BuilderSelectOption, type BuilderSelectProps, type BuilderTextAreaProps, type BuilderTextInputProps, type BuilderTextTarget, type BuilderToolbarSlotProps, type BuilderTranslationActionsSlotProps, type ComponentBaseProps, type FieldComponentProps, type FieldComponents, type FieldState, FormBuilder, type FormBuilderActions, type FormBuilderComponents, type FormBuilderFeatures, type FormBuilderOptions, type FormBuilderProps, type FormBuilderResult, type FormBuilderSlots, type FormContextValue, FormProvider, type FormProviderProps, FormRenderer, type FormRendererPresentationProps, type FormRendererProps, type FormRendererSlots, type ManualTranslationContext, type StandaloneFormRendererProps, type SubmitResult, type SubmitStatus, resolveInitialFieldType, useField, useForm, useFormBuilder };
+export { type BeforeSubmit, type BuilderActionContext, type BuilderActionError, type BuilderActionResult, type BuilderButtonProps, type BuilderCheckboxProps, type BuilderFactories, type BuilderFieldEditorSlotProps, type BuilderFieldsetProps, type BuilderIconButtonProps, type BuilderIdKind, type BuilderLocalizationSlotProps, type BuilderOptionEditorSlotProps, type BuilderPagesSlotProps, type BuilderPolicy, type BuilderSectionProps, type BuilderSelectOption, type BuilderSelectProps, type BuilderTextAreaProps, type BuilderTextInputProps, type BuilderTextTarget, type BuilderToolbarSlotProps, type BuilderTranslationActionsSlotProps, type ComponentBaseProps, type FieldComponentProps, type FieldComponents, type FieldState, FormBuilder, type FormBuilderActions, type FormBuilderComponents, type FormBuilderFeatures, type FormBuilderOptions, type FormBuilderProps, type FormBuilderResult, type FormBuilderSlots, type FormContextValue, FormProvider, type FormProviderProps, FormRenderer, type FormRendererPresentationProps, type FormRendererProps, type FormRendererSlots, type InputComponentProps, type ManualTranslationContext, type StandaloneFormRendererProps, type SubmitResult, type SubmitStatus, resolveInitialFieldType, useField, useForm, useFormBuilder };

package/dist/index.js

@@ -692,6 +692,11 @@ function DefaultTextInput({
   disabled,
   readOnly,
   "aria-label": ariaLabel,
+  name,
+  label,
+  required,
+  error,
+  helperText,
   value,
   onChange,
   placeholder,
@@ -702,25 +707,31 @@ function DefaultTextInput({
   max,
   step
 }) {
-  return /* @__PURE__ */ jsx(
-    "input",
-    {
-      id,
-      className,
-      disabled,
-      readOnly,
-      "aria-label": ariaLabel,
-      type: type === "text" ? void 0 : type,
-      inputMode,
-      min,
-      max,
-      step,
-      value,
-      placeholder,
-      maxLength,
-      onChange: (event) => onChange(event.currentTarget.value)
-    }
-  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        id,
+        name,
+        className,
+        disabled,
+        readOnly,
+        required,
+        "aria-label": ariaLabel ?? label,
+        "aria-invalid": error === true ? true : void 0,
+        type: type === "text" ? void 0 : type,
+        inputMode,
+        min,
+        max,
+        step,
+        value,
+        placeholder,
+        maxLength,
+        onChange: (event) => onChange(event.currentTarget.value)
+      }
+    ),
+    helperText === void 0 || helperText.length === 0 ? null : /* @__PURE__ */ jsx("small", { children: helperText })
+  ] });
 }
 function DefaultTextArea({
   id,
@@ -728,49 +739,71 @@ function DefaultTextArea({
   disabled,
   readOnly,
   "aria-label": ariaLabel,
+  name,
+  label,
+  required,
+  error,
+  helperText,
   value,
   onChange,
   rows,
   placeholder,
   maxLength
 }) {
-  return /* @__PURE__ */ jsx(
-    "textarea",
-    {
-      id,
-      className,
-      disabled,
-      readOnly,
-      "aria-label": ariaLabel,
-      value,
-      rows,
-      placeholder,
-      maxLength,
-      onChange: (event) => onChange(event.currentTarget.value)
-    }
-  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        id,
+        name,
+        className,
+        disabled,
+        readOnly,
+        required,
+        "aria-label": ariaLabel ?? label,
+        "aria-invalid": error === true ? true : void 0,
+        value,
+        rows,
+        placeholder,
+        maxLength,
+        onChange: (event) => onChange(event.currentTarget.value)
+      }
+    ),
+    helperText === void 0 || helperText.length === 0 ? null : /* @__PURE__ */ jsx("small", { children: helperText })
+  ] });
 }
 function DefaultSelect({
   id,
   className,
   disabled,
   "aria-label": ariaLabel,
+  name,
+  label,
+  required,
+  error,
+  helperText,
   value,
   onChange,
   options
 }) {
-  return /* @__PURE__ */ jsx(
-    "select",
-    {
-      id,
-      className,
-      disabled,
-      "aria-label": ariaLabel,
-      value,
-      onChange: (event) => onChange(event.currentTarget.value),
-      children: options.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, disabled: option.disabled, children: option.label }, option.value))
-    }
-  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "select",
+      {
+        id,
+        name,
+        className,
+        disabled,
+        required,
+        "aria-label": ariaLabel ?? label,
+        "aria-invalid": error === true ? true : void 0,
+        value,
+        onChange: (event) => onChange(event.currentTarget.value),
+        children: options.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, disabled: option.disabled, children: option.label }, option.value))
+      }
+    ),
+    helperText === void 0 || helperText.length === 0 ? null : /* @__PURE__ */ jsx("small", { children: helperText })
+  ] });
 }
 function DefaultCheckbox({
   id,
@@ -1096,6 +1129,7 @@ function FormBuilder({
   const [editingLocale, setEditingLocale] = useState("");
   const [isTranslating, setIsTranslating] = useState(false);
   const [translationError, setTranslationError] = useState(null);
+  const [translationReport, setTranslationReport] = useState();
   const translate = (key, params = {}) => {
     const translated = translator?.translate(key, locale, params);
     return translated === void 0 ? interpolate(BUILDER_DEFAULTS[key] ?? key, params) : translated;
@@ -1213,8 +1247,10 @@ function FormBuilder({
         ...translationPolicy === void 0 ? {} : { policy: translationPolicy }
       });
       onChange(populated.schema);
+      setTranslationReport(populated.report);
       onTranslationReport?.(populated.report);
     } catch (cause) {
+      setTranslationReport(void 0);
       setTranslationError(cause instanceof Error ? cause.message : String(cause));
     } finally {
       setIsTranslating(false);
@@ -1687,6 +1723,9 @@ function FormBuilder({
                     currentLocale: editingLocale,
                     onAutoTranslate: () => void translateAll(),
                     isTranslating,
+                    ...translationError === null ? {} : { translationError },
+                    ...translationReport === void 0 ? {} : { translationReport },
+                    onClearTranslationError: () => setTranslationError(null),
                     readOnly,
                     actions,
                     components
@@ -1816,6 +1855,11 @@ function FormBuilder({
                 /* @__PURE__ */ jsx(
                   TextInput,
                   {
+                    name: `fields.${field.id}.title`,
+                    label: translate("builder.questionTitle"),
+                    required: true,
+                    error: field.title.trim().length === 0,
+                    helperText: field.title.trim().length === 0 ? translate("builder.required") : "",
                     value: field.title,
                     placeholder: translate("builder.questionTitlePlaceholder"),
                     onChange: (value) => updateField(field.id, (current) => ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@form-engine-ts/react",
-  "version": "2.3.0",
+  "version": "2.5.1",
   "publishConfig": {
     "access": "public"
   },
@@ -42,7 +42,7 @@
     "typescript"
   ],
   "dependencies": {
-    "@form-engine-ts/core": "2.3.0"
+    "@form-engine-ts/core": "2.5.1"
   },
   "peerDependencies": {
     "react": ">=18.2 <20",