@ultraviolet/form 4.0.0 → 4.0.2

package/dist/components/TextAreaField/index.js

@@ -29,18 +29,18 @@ const TextAreaField = ({
       error
     }
   } = useController({
-    name,
     control,
+    name,
     rules: {
+      maxLength,
+      minLength,
       required,
       validate: {
         ...regexes ? {
           pattern: (value) => validateRegex(value, regexes)
         } : {},
         ...validate
-      },
-      minLength,
-      maxLength
+      }
     }
   });
   const onKeyDownHandler = (event) => {
@@ -62,12 +62,12 @@ const TextAreaField = ({
     }
   };
   return /* @__PURE__ */ jsx(TextArea, { ...props, error: getError({
-    regex: regexes,
-    minLength,
-    maxLength,
     label: label ?? ariaLabel ?? name,
+    maxLength,
+    minLength,
+    regex: regexes,
     value: field.value
-  }, error), minLength, maxLength, name, onBlur: (event) => {
+  }, error), maxLength, minLength, name, onBlur: (event) => {
     onBlur?.(event);
     field.onBlur();
   }, onChange: (event) => {

package/dist/components/TextInputField/index.cjs

@@ -30,33 +30,33 @@ const TextInputField = ({
       error
     }
   } = reactHookForm.useController({
-    name,
-    shouldUnregister,
     control,
+    name,
     rules: {
+      maxLength,
+      minLength,
       required,
       validate: {
         ...regexes ? {
           pattern: (value) => validateRegex.validateRegex(value, regexes)
         } : {},
         ...validate
-      },
-      minLength,
-      maxLength
-    }
+      }
+    },
+    shouldUnregister
   });
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.TextInput, { ...props, error: getError({
-    regex: regexes,
-    minLength,
-    maxLength,
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.TextInput, { ...props, "aria-label": ariaLabel, error: getError({
     label: label ?? ariaLabel ?? name,
+    maxLength,
+    minLength,
+    regex: regexes,
     value: field.value
-  }, error), label, minLength, maxLength, name, onBlur: (event) => {
+  }, error), label, maxLength, minLength, name, onBlur: (event) => {
     onBlur?.(event);
     field.onBlur();
   }, onChange: (event) => {
     field.onChange(event);
     onChange?.(event.target.value);
-  }, required, value: field.value === void 0 ? "" : field.value, "aria-label": ariaLabel });
+  }, required, value: field.value === void 0 ? "" : field.value });
 };
 exports.TextInputField = TextInputField;

package/dist/components/TextInputField/index.js

@@ -28,34 +28,34 @@ const TextInputField = ({
       error
     }
   } = useController({
-    name,
-    shouldUnregister,
     control,
+    name,
     rules: {
+      maxLength,
+      minLength,
       required,
       validate: {
         ...regexes ? {
           pattern: (value) => validateRegex(value, regexes)
         } : {},
         ...validate
-      },
-      minLength,
-      maxLength
-    }
+      }
+    },
+    shouldUnregister
   });
-  return /* @__PURE__ */ jsx(TextInput, { ...props, error: getError({
-    regex: regexes,
-    minLength,
-    maxLength,
+  return /* @__PURE__ */ jsx(TextInput, { ...props, "aria-label": ariaLabel, error: getError({
     label: label ?? ariaLabel ?? name,
+    maxLength,
+    minLength,
+    regex: regexes,
     value: field.value
-  }, error), label, minLength, maxLength, name, onBlur: (event) => {
+  }, error), label, maxLength, minLength, name, onBlur: (event) => {
     onBlur?.(event);
     field.onBlur();
   }, onChange: (event) => {
     field.onChange(event);
     onChange?.(event.target.value);
-  }, required, value: field.value === void 0 ? "" : field.value, "aria-label": ariaLabel });
+  }, required, value: field.value === void 0 ? "" : field.value });
 };
 export {
   TextInputField

package/dist/components/TimeInputField/index.cjs

@@ -25,12 +25,12 @@ const TimeInputField = ({
       error
     }
   } = reactHookForm.useController({
-    name,
-    shouldUnregister,
     control,
+    name,
     rules: {
       required
-    }
+    },
+    shouldUnregister
   });
   return /* @__PURE__ */ jsxRuntime.jsx(ui.TimeInput, { ...props, error: getError({
     label: label ?? ariaLabel ?? name,

package/dist/components/TimeInputField/index.js

@@ -23,12 +23,12 @@ const TimeInputField = ({
       error
     }
   } = useController({
-    name,
-    shouldUnregister,
     control,
+    name,
     rules: {
       required
-    }
+    },
+    shouldUnregister
   });
   return /* @__PURE__ */ jsx(TimeInput, { ...props, error: getError({
     label: label ?? ariaLabel ?? name,

package/dist/components/ToggleField/index.cjs

@@ -24,13 +24,13 @@ const ToggleField = ({
       error
     }
   } = reactHookForm.useController({
-    name,
     control,
-    shouldUnregister,
+    name,
     rules: {
       required,
       validate
-    }
+    },
+    shouldUnregister
   });
   const {
     getError
@@ -41,15 +41,15 @@ const ToggleField = ({
     }
     return field.value;
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Toggle, { ...props, name: field.name, ref: field.ref, checked: transformedValue(), onChange: (event) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Toggle, { ...props, checked: transformedValue(), error: getError({
+    label: typeof label === "string" ? label : ariaLabel ?? name
+  }, error), label, name: field.name, onChange: (event) => {
     if (parse) {
       field.onChange(parse(event.target.checked));
     } else {
       field.onChange(event);
     }
     onChange?.(event.target.checked);
-  }, label, required, error: getError({
-    label: typeof label === "string" ? label : ariaLabel ?? name
-  }, error) });
+  }, ref: field.ref, required });
 };
 exports.ToggleField = ToggleField;

package/dist/components/ToggleField/index.js

@@ -22,13 +22,13 @@ const ToggleField = ({
       error
     }
   } = useController({
-    name,
     control,
-    shouldUnregister,
+    name,
     rules: {
       required,
       validate
-    }
+    },
+    shouldUnregister
   });
   const {
     getError
@@ -39,16 +39,16 @@ const ToggleField = ({
     }
     return field.value;
   };
-  return /* @__PURE__ */ jsx(Toggle, { ...props, name: field.name, ref: field.ref, checked: transformedValue(), onChange: (event) => {
+  return /* @__PURE__ */ jsx(Toggle, { ...props, checked: transformedValue(), error: getError({
+    label: typeof label === "string" ? label : ariaLabel ?? name
+  }, error), label, name: field.name, onChange: (event) => {
     if (parse) {
       field.onChange(parse(event.target.checked));
     } else {
       field.onChange(event);
     }
     onChange?.(event.target.checked);
-  }, label, required, error: getError({
-    label: typeof label === "string" ? label : ariaLabel ?? name
-  }, error) });
+  }, ref: field.ref, required });
 };
 export {
   ToggleField

package/dist/components/UnitInputField/index.cjs

@@ -26,33 +26,33 @@ const UnitInputField = ({
     field: unitField
   } = reactHookForm.useController({
     name: optionName ?? `${name}-unit`,
-    shouldUnregister,
     rules: {
       required
-    }
+    },
+    shouldUnregister
   });
   const {
     field: valueField,
     fieldState: valueFieldState
   } = reactHookForm.useController({
-    name,
-    shouldUnregister,
     control,
+    name,
     rules: {
-      required,
-      min,
       max,
+      min,
+      required,
       validate
-    }
+    },
+    shouldUnregister
   });
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.UnitInput, { ...props, name, required, max, min, error: getError({
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.UnitInput, { ...props, error: getError({
     label
-  }, valueFieldState.error), onChange: (event) => {
+  }, valueFieldState.error), label, max, min, name, onChange: (event) => {
     valueField.onChange(event);
     onChange?.(event);
   }, onChangeUnitValue: (event) => {
     unitField.onChange(event);
     onChangeUnitValue?.(event);
-  }, value: valueField.value, unitValue: unitField.value, label });
+  }, required, unitValue: unitField.value, value: valueField.value });
 };
 exports.UnitInputField = UnitInputField;

package/dist/components/UnitInputField/index.js

@@ -24,34 +24,34 @@ const UnitInputField = ({
     field: unitField
   } = useController({
     name: optionName ?? `${name}-unit`,
-    shouldUnregister,
     rules: {
       required
-    }
+    },
+    shouldUnregister
   });
   const {
     field: valueField,
     fieldState: valueFieldState
   } = useController({
-    name,
-    shouldUnregister,
     control,
+    name,
     rules: {
-      required,
-      min,
       max,
+      min,
+      required,
       validate
-    }
+    },
+    shouldUnregister
   });
-  return /* @__PURE__ */ jsx(UnitInput, { ...props, name, required, max, min, error: getError({
+  return /* @__PURE__ */ jsx(UnitInput, { ...props, error: getError({
     label
-  }, valueFieldState.error), onChange: (event) => {
+  }, valueFieldState.error), label, max, min, name, onChange: (event) => {
     valueField.onChange(event);
     onChange?.(event);
   }, onChangeUnitValue: (event) => {
     unitField.onChange(event);
     onChangeUnitValue?.(event);
-  }, value: valueField.value, unitValue: unitField.value, label });
+  }, required, unitValue: unitField.value, value: valueField.value });
 };
 export {
   UnitInputField

package/dist/components/VerificationCodeField/index.cjs

@@ -38,11 +38,11 @@ const VerificationCodeField = ({
       }
     }
   });
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.VerificationCode, { ...props, inputId, fields, onChange: (event) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.VerificationCode, { ...props, error: getError({
+    label: label || "verification-code-field"
+  }, error), fields, inputId, label, onChange: (event) => {
     onChange?.(event);
     field.onChange(event);
-  }, required, error: getError({
-    label: label || "verification-code-field"
-  }, error), label });
+  }, required });
 };
 exports.VerificationCodeField = VerificationCodeField;

package/dist/components/VerificationCodeField/index.js

@@ -36,12 +36,12 @@ const VerificationCodeField = ({
       }
     }
   });
-  return /* @__PURE__ */ jsx(VerificationCode, { ...props, inputId, fields, onChange: (event) => {
+  return /* @__PURE__ */ jsx(VerificationCode, { ...props, error: getError({
+    label: label || "verification-code-field"
+  }, error), fields, inputId, label, onChange: (event) => {
     onChange?.(event);
     field.onChange(event);
-  }, required, error: getError({
-    label: label || "verification-code-field"
-  }, error), label });
+  }, required });
 };
 export {
   VerificationCodeField

package/dist/components/index.d.ts

@@ -2,22 +2,22 @@ export { CheckboxField } from './CheckboxField';
 export { CheckboxGroupField } from './CheckboxGroupField';
 export { DateInputField } from './DateInputField';
 export { Form } from './Form';
+export { KeyValueField } from './KeyValueField';
+export { NumberInputField } from './NumberInputField';
 export { RadioField } from './RadioField';
+export { RadioGroupField } from './RadioGroupField';
 export { SelectableCardField } from './SelectableCardField';
-export { NumberInputField } from './NumberInputField';
+export { SelectableCardGroupField } from './SelectableCardGroupField';
+export { SelectableCardOptionGroupField } from './SelectableCardOptionGroupField';
+export { SelectInputField } from './SelectInputField';
+export { SliderField } from './SliderField';
+export { Submit } from './Submit';
 export { SubmitErrorAlert } from './SubmitErrorAlert';
+export { SwitchButtonField } from './SwitchButtonField';
 export { TagInputField } from './TagInputField';
 export { TextAreaField } from './TextAreaField';
 export { TextInputField } from './TextInputField';
 export { TimeInputField } from './TimeInputField';
 export { ToggleField } from './ToggleField';
-export { Submit } from './Submit';
-export { RadioGroupField } from './RadioGroupField';
-export { KeyValueField } from './KeyValueField';
-export { SelectableCardGroupField } from './SelectableCardGroupField';
-export { SelectInputField } from './SelectInputField';
 export { UnitInputField } from './UnitInputField';
-export { SliderField } from './SliderField';
-export { SwitchButtonField } from './SwitchButtonField';
 export { VerificationCodeField } from './VerificationCodeField';
-export { SelectableCardOptionGroupField } from './SelectableCardOptionGroupField';

package/dist/index.cjs

@@ -1,33 +1,31 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./providers/ErrorContext/index.cjs");
 const reactHookForm = require("react-hook-form");
+const index$1 = require("./providers/ErrorContext/index.cjs");
+const index = require("./components/Form/index.cjs");
 const useOnFieldChange = require("./hooks/useOnFieldChange.cjs");
-const index$1 = require("./components/Form/index.cjs");
 const index$2 = require("./components/CheckboxField/index.cjs");
 const index$3 = require("./components/CheckboxGroupField/index.cjs");
 const index$4 = require("./components/DateInputField/index.cjs");
-const index$5 = require("./components/RadioField/index.cjs");
-const index$6 = require("./components/SelectableCardField/index.cjs");
-const index$7 = require("./components/NumberInputField/index.cjs");
-const index$8 = require("./components/SubmitErrorAlert/index.cjs");
-const index$9 = require("./components/TagInputField/index.cjs");
-const index$a = require("./components/TextAreaField/index.cjs");
-const index$b = require("./components/TextInputField/index.cjs");
-const index$c = require("./components/TimeInputField/index.cjs");
-const index$d = require("./components/ToggleField/index.cjs");
+const index$5 = require("./components/KeyValueField/index.cjs");
+const index$6 = require("./components/NumberInputField/index.cjs");
+const index$7 = require("./components/RadioField/index.cjs");
+const index$8 = require("./components/RadioGroupField/index.cjs");
+const index$9 = require("./components/SelectableCardField/index.cjs");
+const index$a = require("./components/SelectableCardGroupField/index.cjs");
+const index$b = require("./components/SelectableCardOptionGroupField/index.cjs");
+const index$c = require("./components/SelectInputField/index.cjs");
+const index$d = require("./components/SliderField/index.cjs");
 const index$e = require("./components/Submit/index.cjs");
-const index$f = require("./components/RadioGroupField/index.cjs");
-const index$g = require("./components/KeyValueField/index.cjs");
-const index$h = require("./components/SelectableCardGroupField/index.cjs");
-const index$i = require("./components/SelectInputField/index.cjs");
-const index$j = require("./components/UnitInputField/index.cjs");
-const index$k = require("./components/SliderField/index.cjs");
-const index$l = require("./components/SwitchButtonField/index.cjs");
-const index$m = require("./components/VerificationCodeField/index.cjs");
-const index$n = require("./components/SelectableCardOptionGroupField/index.cjs");
-exports.ErrorProvider = index.ErrorProvider;
-exports.useErrors = index.useErrors;
+const index$f = require("./components/SubmitErrorAlert/index.cjs");
+const index$g = require("./components/SwitchButtonField/index.cjs");
+const index$h = require("./components/TagInputField/index.cjs");
+const index$i = require("./components/TextAreaField/index.cjs");
+const index$j = require("./components/TextInputField/index.cjs");
+const index$k = require("./components/TimeInputField/index.cjs");
+const index$l = require("./components/ToggleField/index.cjs");
+const index$m = require("./components/UnitInputField/index.cjs");
+const index$n = require("./components/VerificationCodeField/index.cjs");
 Object.defineProperty(exports, "useController", {
   enumerable: true,
   get: () => reactHookForm.useController
@@ -52,27 +50,29 @@ Object.defineProperty(exports, "useWatch", {
   enumerable: true,
   get: () => reactHookForm.useWatch
 });
+exports.ErrorProvider = index$1.ErrorProvider;
+exports.useErrors = index$1.useErrors;
+exports.Form = index.Form;
 exports.useOnFieldChange = useOnFieldChange.useOnFieldChange;
-exports.Form = index$1.Form;
 exports.CheckboxField = index$2.CheckboxField;
 exports.CheckboxGroupField = index$3.CheckboxGroupField;
 exports.DateInputField = index$4.DateInputField;
-exports.RadioField = index$5.RadioField;
-exports.SelectableCardField = index$6.SelectableCardField;
-exports.NumberInputField = index$7.NumberInputField;
-exports.SubmitErrorAlert = index$8.SubmitErrorAlert;
-exports.TagInputField = index$9.TagInputField;
-exports.TextAreaField = index$a.TextAreaField;
-exports.TextInputField = index$b.TextInputField;
-exports.TimeInputField = index$c.TimeInputField;
-exports.ToggleField = index$d.ToggleField;
+exports.KeyValueField = index$5.KeyValueField;
+exports.NumberInputField = index$6.NumberInputField;
+exports.RadioField = index$7.RadioField;
+exports.RadioGroupField = index$8.RadioGroupField;
+exports.SelectableCardField = index$9.SelectableCardField;
+exports.SelectableCardGroupField = index$a.SelectableCardGroupField;
+exports.SelectableCardOptionGroupField = index$b.SelectableCardOptionGroupField;
+exports.SelectInputField = index$c.SelectInputField;
+exports.SliderField = index$d.SliderField;
 exports.Submit = index$e.Submit;
-exports.RadioGroupField = index$f.RadioGroupField;
-exports.KeyValueField = index$g.KeyValueField;
-exports.SelectableCardGroupField = index$h.SelectableCardGroupField;
-exports.SelectInputField = index$i.SelectInputField;
-exports.UnitInputField = index$j.UnitInputField;
-exports.SliderField = index$k.SliderField;
-exports.SwitchButtonField = index$l.SwitchButtonField;
-exports.VerificationCodeField = index$m.VerificationCodeField;
-exports.SelectableCardOptionGroupField = index$n.SelectableCardOptionGroupField;
+exports.SubmitErrorAlert = index$f.SubmitErrorAlert;
+exports.SwitchButtonField = index$g.SwitchButtonField;
+exports.TagInputField = index$h.TagInputField;
+exports.TextAreaField = index$i.TextAreaField;
+exports.TextInputField = index$j.TextInputField;
+exports.TimeInputField = index$k.TimeInputField;
+exports.ToggleField = index$l.ToggleField;
+exports.UnitInputField = index$m.UnitInputField;
+exports.VerificationCodeField = index$n.VerificationCodeField;

package/dist/index.d.ts

@@ -1,7 +1,7 @@
-export * from './components';
-export type { BaseFieldProps, FormErrors } from './types';
-export { useErrors, ErrorProvider } from './providers/ErrorContext';
-export { useOnFieldChange } from './hooks';
-export { useForm, useFieldArray, useWatch, useController, useFormState, useFormContext, } from 'react-hook-form';
 export type * from 'react-hook-form';
+export { useController, useFieldArray, useForm, useFormContext, useFormState, useWatch, } from 'react-hook-form';
+export * from './components';
 export { Form } from './components';
+export { useOnFieldChange } from './hooks';
+export { ErrorProvider, useErrors } from './providers/ErrorContext';
+export type { BaseFieldProps, FormErrors } from './types';

package/dist/index.js

@@ -1,29 +1,29 @@
-import { ErrorProvider, useErrors } from "./providers/ErrorContext/index.js";
 import { useController, useFieldArray, useForm, useFormContext, useFormState, useWatch } from "react-hook-form";
-import { useOnFieldChange } from "./hooks/useOnFieldChange.js";
+import { ErrorProvider, useErrors } from "./providers/ErrorContext/index.js";
 import { Form } from "./components/Form/index.js";
+import { useOnFieldChange } from "./hooks/useOnFieldChange.js";
 import { CheckboxField } from "./components/CheckboxField/index.js";
 import { CheckboxGroupField } from "./components/CheckboxGroupField/index.js";
 import { DateInputField } from "./components/DateInputField/index.js";
+import { KeyValueField } from "./components/KeyValueField/index.js";
+import { NumberInputField } from "./components/NumberInputField/index.js";
 import { RadioField } from "./components/RadioField/index.js";
+import { RadioGroupField } from "./components/RadioGroupField/index.js";
 import { SelectableCardField } from "./components/SelectableCardField/index.js";
-import { NumberInputField } from "./components/NumberInputField/index.js";
+import { SelectableCardGroupField } from "./components/SelectableCardGroupField/index.js";
+import { SelectableCardOptionGroupField } from "./components/SelectableCardOptionGroupField/index.js";
+import { SelectInputField } from "./components/SelectInputField/index.js";
+import { SliderField } from "./components/SliderField/index.js";
+import { Submit } from "./components/Submit/index.js";
 import { SubmitErrorAlert } from "./components/SubmitErrorAlert/index.js";
+import { SwitchButtonField } from "./components/SwitchButtonField/index.js";
 import { TagInputField } from "./components/TagInputField/index.js";
 import { TextAreaField } from "./components/TextAreaField/index.js";
 import { TextInputField } from "./components/TextInputField/index.js";
 import { TimeInputField } from "./components/TimeInputField/index.js";
 import { ToggleField } from "./components/ToggleField/index.js";
-import { Submit } from "./components/Submit/index.js";
-import { RadioGroupField } from "./components/RadioGroupField/index.js";
-import { KeyValueField } from "./components/KeyValueField/index.js";
-import { SelectableCardGroupField } from "./components/SelectableCardGroupField/index.js";
-import { SelectInputField } from "./components/SelectInputField/index.js";
 import { UnitInputField } from "./components/UnitInputField/index.js";
-import { SliderField } from "./components/SliderField/index.js";
-import { SwitchButtonField } from "./components/SwitchButtonField/index.js";
 import { VerificationCodeField } from "./components/VerificationCodeField/index.js";
-import { SelectableCardOptionGroupField } from "./components/SelectableCardOptionGroupField/index.js";
 export {
   CheckboxField,
   CheckboxGroupField,

package/dist/providers/index.d.ts

@@ -1 +1 @@
-export { useErrors, ErrorProvider } from './ErrorContext';
+export { ErrorProvider, useErrors } from './ErrorContext';

package/dist/validators/index.d.ts

@@ -1,5 +1,5 @@
 declare const _default: {
-    minDate: (maxDate?: Date) => (value: Date | [Date, Date]) => boolean;
     maxDate: (maxDate?: Date) => (value: Date | [Date, Date]) => boolean;
+    minDate: (maxDate?: Date) => (value: Date | [Date, Date]) => boolean;
 };
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/form",
-  "version": "4.0.0",
+  "version": "4.0.2",
   "description": "Ultraviolet Form",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -55,10 +55,10 @@
     "@emotion/styled": "11.14.1",
     "react": "18.x || 19.x",
     "react-dom": "18.x || 19.x",
-    "@ultraviolet/ui": "2.0.0"
+    "@ultraviolet/ui": "2.0.2"
   },
   "devDependencies": {
-    "@babel/core": "7.27.7",
+    "@babel/core": "7.28.0",
     "@emotion/react": "11.14.0",
     "@emotion/styled": "11.14.1",
     "@types/final-form-focus": "1.1.7",
@@ -66,14 +66,14 @@
     "@types/react-dom": "19.1.6",
     "react": "19.1.0",
     "react-dom": "19.1.0",
-    "@ultraviolet/ui": "2.0.0",
+    "@ultraviolet/ui": "2.0.2",
     "@utils/test": "0.0.1"
   },
   "dependencies": {
     "@babel/runtime": "7.27.6",
     "react-hook-form": "7.55.0",
     "react-select": "5.10.0",
-    "@ultraviolet/icons": "4.0.0",
+    "@ultraviolet/icons": "4.0.1",
     "@ultraviolet/themes": "2.0.0"
   },
   "scripts": {