@ultraviolet/form 4.0.0 → 4.0.1

package/dist/components/CheckboxField/index.cjs

@@ -28,26 +28,26 @@ const CheckboxField = ({
       error
     }
   } = reactHookForm.useController({
-    name,
-    disabled,
-    shouldUnregister,
     control,
+    disabled,
+    name,
     rules: {
       required,
       validate
-    }
+    },
+    shouldUnregister
   });
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Checkbox, { ...props, name: field.name, onChange: (event) => {
-    field.onChange(event.target.checked);
-    onChange?.(event.target.checked);
-  }, onBlur: (event) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Checkbox, { ...props, checked: !!field.value, disabled: field.disabled, error: getError({
+    label: label ?? ariaLabel ?? name
+  }, error), name: field.name, onBlur: (event) => {
     field.onBlur();
     onBlur?.(event);
-  }, disabled: field.disabled, checked: !!field.value, error: getError({
-    label: label ?? ariaLabel ?? name
-  }, error), ref: field.ref, ...children ? {
-    children,
-    "aria-label": void 0
+  }, onChange: (event) => {
+    field.onChange(event.target.checked);
+    onChange?.(event.target.checked);
+  }, ref: field.ref, ...children ? {
+    "aria-label": void 0,
+    children
   } : {
     "aria-label": ariaLabel
   } });

package/dist/components/CheckboxField/index.js

@@ -26,26 +26,26 @@ const CheckboxField = ({
       error
     }
   } = useController({
-    name,
-    disabled,
-    shouldUnregister,
     control,
+    disabled,
+    name,
     rules: {
       required,
       validate
-    }
+    },
+    shouldUnregister
   });
-  return /* @__PURE__ */ jsx(Checkbox, { ...props, name: field.name, onChange: (event) => {
-    field.onChange(event.target.checked);
-    onChange?.(event.target.checked);
-  }, onBlur: (event) => {
+  return /* @__PURE__ */ jsx(Checkbox, { ...props, checked: !!field.value, disabled: field.disabled, error: getError({
+    label: label ?? ariaLabel ?? name
+  }, error), name: field.name, onBlur: (event) => {
     field.onBlur();
     onBlur?.(event);
-  }, disabled: field.disabled, checked: !!field.value, error: getError({
-    label: label ?? ariaLabel ?? name
-  }, error), ref: field.ref, ...children ? {
-    children,
-    "aria-label": void 0
+  }, onChange: (event) => {
+    field.onChange(event.target.checked);
+    onChange?.(event.target.checked);
+  }, ref: field.ref, ...children ? {
+    "aria-label": void 0,
+    children
   } : {
     "aria-label": ariaLabel
   } });

package/dist/components/CheckboxGroupField/index.cjs

@@ -54,17 +54,19 @@ const CheckboxGroupField = ({
       error
     }
   } = reactHookForm.useController({
-    name,
     control,
-    shouldUnregister,
+    name,
     rules: {
       validate: {
         checkboxValid,
         ...validate
       }
-    }
+    },
+    shouldUnregister
   });
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.CheckboxGroup, { ...props, value: field.value, onChange: (event) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.CheckboxGroup, { ...props, error: getError({
+    label: legend
+  }, error) ?? customError, legend, name, onChange: (event) => {
     const fieldValue = field.value;
     if (fieldValue?.includes(event.currentTarget.value)) {
       field.onChange(fieldValue?.filter((currentValue) => currentValue !== event.currentTarget.value));
@@ -72,9 +74,7 @@ const CheckboxGroupField = ({
       field.onChange([...field.value, event.currentTarget.value]);
     }
     onChange?.(event.currentTarget.value);
-  }, error: getError({
-    label: legend
-  }, error) ?? customError, name, required, legend, children });
+  }, required, value: field.value, children });
 };
 CheckboxGroupField.Checkbox = ui.CheckboxGroup.Checkbox;
 exports.CheckboxGroupField = CheckboxGroupField;

package/dist/components/CheckboxGroupField/index.js

@@ -52,17 +52,19 @@ const CheckboxGroupField = ({
       error
     }
   } = useController({
-    name,
     control,
-    shouldUnregister,
+    name,
     rules: {
       validate: {
         checkboxValid,
         ...validate
       }
-    }
+    },
+    shouldUnregister
   });
-  return /* @__PURE__ */ jsx(CheckboxGroup, { ...props, value: field.value, onChange: (event) => {
+  return /* @__PURE__ */ jsx(CheckboxGroup, { ...props, error: getError({
+    label: legend
+  }, error) ?? customError, legend, name, onChange: (event) => {
     const fieldValue = field.value;
     if (fieldValue?.includes(event.currentTarget.value)) {
       field.onChange(fieldValue?.filter((currentValue) => currentValue !== event.currentTarget.value));
@@ -70,9 +72,7 @@ const CheckboxGroupField = ({
       field.onChange([...field.value, event.currentTarget.value]);
     }
     onChange?.(event.currentTarget.value);
-  }, error: getError({
-    label: legend
-  }, error) ?? customError, name, required, legend, children });
+  }, required, value: field.value, children });
 };
 CheckboxGroupField.Checkbox = CheckboxGroup.Checkbox;
 export {

package/dist/components/DateInputField/index.cjs

@@ -34,26 +34,33 @@ const DateInputField = ({
       error
     }
   } = reactHookForm.useController({
-    name,
     control,
-    shouldUnregister,
+    name,
     rules: {
       required,
       validate: {
-        minDate: minDate.minDateValidator(minDate$1),
         maxDate: maxDate.maxDateValidator(maxDate$1),
+        minDate: minDate.minDateValidator(minDate$1),
         ...validate
       }
-    }
+    },
+    shouldUnregister
   });
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.DateInput, { ...props, name: field.name, label, value: Array.isArray(field.value) ? void 0 : field.value, format: format || ((value) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.DateInput, { ...props, endDate: selectsRange && Array.isArray(field.value) ? field.value[1] : void 0, error: getError({
+    label,
+    maxDate: maxDate$1,
+    minDate: minDate$1
+  }, error), format: format || ((value) => {
     if (!value) return "";
     const date = parseDate(value);
     return showMonthYearPicker ? date.toLocaleDateString(void 0, {
-      year: "numeric",
-      month: "numeric"
+      month: "numeric",
+      year: "numeric"
     }) : date.toLocaleDateString();
-  }), required, onChange: (val) => {
+  }), label, maxDate: maxDate$1, minDate: minDate$1, name: field.name, onBlur: (e) => {
+    field.onBlur();
+    onBlur?.(e);
+  }, onChange: (val) => {
     if (val && val instanceof Date) {
       onChange?.(val);
       const newDate = parseDate(val);
@@ -71,13 +78,6 @@ const DateInputField = ({
       onChange?.(val);
       field.onChange(val);
     }
-  }, onBlur: (e) => {
-    field.onBlur();
-    onBlur?.(e);
-  }, maxDate: maxDate$1, minDate: minDate$1, error: getError({
-    minDate: minDate$1,
-    maxDate: maxDate$1,
-    label
-  }, error), selectsRange, showMonthYearPicker, startDate: selectsRange && Array.isArray(field.value) ? field.value[0] : void 0, endDate: selectsRange && Array.isArray(field.value) ? field.value[1] : void 0 });
+  }, required, selectsRange, showMonthYearPicker, startDate: selectsRange && Array.isArray(field.value) ? field.value[0] : void 0, value: Array.isArray(field.value) ? void 0 : field.value });
 };
 exports.DateInputField = DateInputField;

package/dist/components/DateInputField/index.js

@@ -32,26 +32,33 @@ const DateInputField = ({
       error
     }
   } = useController({
-    name,
     control,
-    shouldUnregister,
+    name,
     rules: {
       required,
       validate: {
-        minDate: minDateValidator(minDate),
         maxDate: maxDateValidator(maxDate),
+        minDate: minDateValidator(minDate),
         ...validate
       }
-    }
+    },
+    shouldUnregister
   });
-  return /* @__PURE__ */ jsx(DateInput, { ...props, name: field.name, label, value: Array.isArray(field.value) ? void 0 : field.value, format: format || ((value) => {
+  return /* @__PURE__ */ jsx(DateInput, { ...props, endDate: selectsRange && Array.isArray(field.value) ? field.value[1] : void 0, error: getError({
+    label,
+    maxDate,
+    minDate
+  }, error), format: format || ((value) => {
     if (!value) return "";
     const date = parseDate(value);
     return showMonthYearPicker ? date.toLocaleDateString(void 0, {
-      year: "numeric",
-      month: "numeric"
+      month: "numeric",
+      year: "numeric"
     }) : date.toLocaleDateString();
-  }), required, onChange: (val) => {
+  }), label, maxDate, minDate, name: field.name, onBlur: (e) => {
+    field.onBlur();
+    onBlur?.(e);
+  }, onChange: (val) => {
     if (val && val instanceof Date) {
       onChange?.(val);
       const newDate = parseDate(val);
@@ -69,14 +76,7 @@ const DateInputField = ({
       onChange?.(val);
       field.onChange(val);
     }
-  }, onBlur: (e) => {
-    field.onBlur();
-    onBlur?.(e);
-  }, maxDate, minDate, error: getError({
-    minDate,
-    maxDate,
-    label
-  }, error), selectsRange, showMonthYearPicker, startDate: selectsRange && Array.isArray(field.value) ? field.value[0] : void 0, endDate: selectsRange && Array.isArray(field.value) ? field.value[1] : void 0 });
+  }, required, selectsRange, showMonthYearPicker, startDate: selectsRange && Array.isArray(field.value) ? field.value[0] : void 0, value: Array.isArray(field.value) ? void 0 : field.value });
 };
 export {
   DateInputField

package/dist/components/Form/defaultErrors.cjs

@@ -1,22 +1,22 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const defaultErrors = {
+  deps: () => "",
+  disabled: () => "",
+  max: () => "",
   maxDate: () => "",
   maxLength: () => "",
-  minLength: () => "",
-  max: () => "",
   min: () => "",
-  required: () => "",
-  pattern: () => "",
-  deps: () => "",
-  value: () => "",
+  minLength: () => "",
   onBlur: () => "",
-  disabled: () => "",
   onChange: () => "",
-  validate: () => "",
+  pattern: () => "",
+  required: () => "",
   setValueAs: () => "",
+  shouldUnregister: () => "",
+  validate: () => "",
+  value: () => "",
   valueAsDate: () => "",
-  valueAsNumber: () => "",
-  shouldUnregister: () => ""
+  valueAsNumber: () => ""
 };
 exports.defaultErrors = defaultErrors;

package/dist/components/Form/defaultErrors.js

@@ -1,21 +1,21 @@
 const defaultErrors = {
+  deps: () => "",
+  disabled: () => "",
+  max: () => "",
   maxDate: () => "",
   maxLength: () => "",
-  minLength: () => "",
-  max: () => "",
   min: () => "",
-  required: () => "",
-  pattern: () => "",
-  deps: () => "",
-  value: () => "",
+  minLength: () => "",
   onBlur: () => "",
-  disabled: () => "",
   onChange: () => "",
-  validate: () => "",
+  pattern: () => "",
+  required: () => "",
   setValueAs: () => "",
+  shouldUnregister: () => "",
+  validate: () => "",
+  value: () => "",
   valueAsDate: () => "",
-  valueAsNumber: () => "",
-  shouldUnregister: () => ""
+  valueAsNumber: () => ""
 };
 export {
   defaultErrors

package/dist/components/Form/index.cjs

@@ -21,7 +21,7 @@ const StyledForm = /* @__PURE__ */ _styled__default.default("form", process.env.
   styles: "display:contents"
 } : {
   name: "49aokf",
-  styles: "display:contents/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL2Zvcm0vc3JjL2NvbXBvbmVudHMvRm9ybS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0I4QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9mb3JtL3NyYy9jb21wb25lbnRzL0Zvcm0vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB0eXBlIHsgRmllbGRWYWx1ZXMsIFVzZUZvcm1SZXR1cm4gfSBmcm9tICdyZWFjdC1ob29rLWZvcm0nXG5pbXBvcnQgeyBGb3JtUHJvdmlkZXIgfSBmcm9tICdyZWFjdC1ob29rLWZvcm0nXG5pbXBvcnQgeyBFcnJvclByb3ZpZGVyIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzJ1xuaW1wb3J0IHR5cGUgeyBGb3JtRXJyb3JzIH0gZnJvbSAnLi4vLi4vdHlwZXMnXG5pbXBvcnQgeyBkZWZhdWx0RXJyb3JzIH0gZnJvbSAnLi9kZWZhdWx0RXJyb3JzJ1xuXG50eXBlIE9uU3VibWl0UmV0dXJuID0gc3RyaW5nIHwgbnVsbCB8IHVuZGVmaW5lZCB8IHZvaWRcblxudHlwZSBGb3JtUHJvcHM8VEZpZWxkVmFsdWVzIGV4dGVuZHMgRmllbGRWYWx1ZXM+ID0ge1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxuICBlcnJvcnM6IEZvcm1FcnJvcnNcbiAgbmFtZT86IHN0cmluZ1xuICBvblN1Ym1pdDogKGRhdGE6IFRGaWVsZFZhbHVlcykgPT4gUHJvbWlzZTxPblN1Ym1pdFJldHVybj4gfCBPblN1Ym1pdFJldHVyblxuICBtZXRob2RzOiBVc2VGb3JtUmV0dXJuPFRGaWVsZFZhbHVlcz5cbn1cblxuY29uc3QgU3R5bGVkRm9ybSA9IHN0eWxlZC5mb3JtYFxuICBkaXNwbGF5OiBjb250ZW50cztcbmBcblxuZXhwb3J0IGNvbnN0IEZvcm0gPSA8VEZpZWxkVmFsdWVzIGV4dGVuZHMgRmllbGRWYWx1ZXM+KHtcbiAgY2hpbGRyZW4sXG4gIG1ldGhvZHMsXG4gIGVycm9ycyxcbiAgb25TdWJtaXQsXG4gIG5hbWUsXG59OiBGb3JtUHJvcHM8VEZpZWxkVmFsdWVzPikgPT4ge1xuICBjb25zdCBoYW5kbGVTdWJtaXQgPSBtZXRob2RzLmhhbmRsZVN1Ym1pdChhc3luYyB2YWx1ZXMgPT4ge1xuICAgIGNvbnN0IHJlc3VsdCA9IGF3YWl0IG9uU3VibWl0KHZhbHVlcylcblxuICAgIGlmIChyZXN1bHQpIHtcbiAgICAgIG1ldGhvZHMuc2V0RXJyb3IoJ3Jvb3Quc3VibWl0Jywge1xuICAgICAgICB0eXBlOiAnY3VzdG9tJyxcbiAgICAgICAgbWVzc2FnZTogcmVzdWx0LFxuICAgICAgfSlcbiAgICB9XG4gIH0pXG5cbiAgcmV0dXJuIChcbiAgICA8Rm9ybVByb3ZpZGVyIHsuLi5tZXRob2RzfT5cbiAgICAgIDxFcnJvclByb3ZpZGVyIGVycm9ycz17eyAuLi5kZWZhdWx0RXJyb3JzLCAuLi5lcnJvcnMgfX0+XG4gICAgICAgIDxTdHlsZWRGb3JtXG4gICAgICAgICAgb25TdWJtaXQ9e2FzeW5jIGUgPT4ge1xuICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpXG4gICAgICAgICAgICBhd2FpdCBoYW5kbGVTdWJtaXQoZSlcbiAgICAgICAgICB9fVxuICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgbm9WYWxpZGF0ZVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L1N0eWxlZEZvcm0+XG4gICAgICA8L0Vycm9yUHJvdmlkZXI+XG4gICAgPC9Gb3JtUHJvdmlkZXI+XG4gIClcbn1cbiJdfQ== */",
+  styles: "display:contents/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL2Zvcm0vc3JjL2NvbXBvbmVudHMvRm9ybS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0I4QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9mb3JtL3NyYy9jb21wb25lbnRzL0Zvcm0vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB0eXBlIHsgRmllbGRWYWx1ZXMsIFVzZUZvcm1SZXR1cm4gfSBmcm9tICdyZWFjdC1ob29rLWZvcm0nXG5pbXBvcnQgeyBGb3JtUHJvdmlkZXIgfSBmcm9tICdyZWFjdC1ob29rLWZvcm0nXG5pbXBvcnQgeyBFcnJvclByb3ZpZGVyIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzJ1xuaW1wb3J0IHR5cGUgeyBGb3JtRXJyb3JzIH0gZnJvbSAnLi4vLi4vdHlwZXMnXG5pbXBvcnQgeyBkZWZhdWx0RXJyb3JzIH0gZnJvbSAnLi9kZWZhdWx0RXJyb3JzJ1xuXG50eXBlIE9uU3VibWl0UmV0dXJuID0gc3RyaW5nIHwgbnVsbCB8IHVuZGVmaW5lZCB8IHZvaWRcblxudHlwZSBGb3JtUHJvcHM8VEZpZWxkVmFsdWVzIGV4dGVuZHMgRmllbGRWYWx1ZXM+ID0ge1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxuICBlcnJvcnM6IEZvcm1FcnJvcnNcbiAgbmFtZT86IHN0cmluZ1xuICBvblN1Ym1pdDogKGRhdGE6IFRGaWVsZFZhbHVlcykgPT4gUHJvbWlzZTxPblN1Ym1pdFJldHVybj4gfCBPblN1Ym1pdFJldHVyblxuICBtZXRob2RzOiBVc2VGb3JtUmV0dXJuPFRGaWVsZFZhbHVlcz5cbn1cblxuY29uc3QgU3R5bGVkRm9ybSA9IHN0eWxlZC5mb3JtYFxuICBkaXNwbGF5OiBjb250ZW50cztcbmBcblxuZXhwb3J0IGNvbnN0IEZvcm0gPSA8VEZpZWxkVmFsdWVzIGV4dGVuZHMgRmllbGRWYWx1ZXM+KHtcbiAgY2hpbGRyZW4sXG4gIG1ldGhvZHMsXG4gIGVycm9ycyxcbiAgb25TdWJtaXQsXG4gIG5hbWUsXG59OiBGb3JtUHJvcHM8VEZpZWxkVmFsdWVzPikgPT4ge1xuICBjb25zdCBoYW5kbGVTdWJtaXQgPSBtZXRob2RzLmhhbmRsZVN1Ym1pdChhc3luYyB2YWx1ZXMgPT4ge1xuICAgIGNvbnN0IHJlc3VsdCA9IGF3YWl0IG9uU3VibWl0KHZhbHVlcylcblxuICAgIGlmIChyZXN1bHQpIHtcbiAgICAgIG1ldGhvZHMuc2V0RXJyb3IoJ3Jvb3Quc3VibWl0Jywge1xuICAgICAgICBtZXNzYWdlOiByZXN1bHQsXG4gICAgICAgIHR5cGU6ICdjdXN0b20nLFxuICAgICAgfSlcbiAgICB9XG4gIH0pXG5cbiAgcmV0dXJuIChcbiAgICA8Rm9ybVByb3ZpZGVyIHsuLi5tZXRob2RzfT5cbiAgICAgIDxFcnJvclByb3ZpZGVyIGVycm9ycz17eyAuLi5kZWZhdWx0RXJyb3JzLCAuLi5lcnJvcnMgfX0+XG4gICAgICAgIDxTdHlsZWRGb3JtXG4gICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICBub1ZhbGlkYXRlXG4gICAgICAgICAgb25TdWJtaXQ9e2FzeW5jIGUgPT4ge1xuICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpXG4gICAgICAgICAgICBhd2FpdCBoYW5kbGVTdWJtaXQoZSlcbiAgICAgICAgICB9fVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L1N0eWxlZEZvcm0+XG4gICAgICA8L0Vycm9yUHJvdmlkZXI+XG4gICAgPC9Gb3JtUHJvdmlkZXI+XG4gIClcbn1cbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const Form = ({
@@ -35,18 +35,18 @@ const Form = ({
     const result = await onSubmit(values);
     if (result) {
       methods.setError("root.submit", {
-        type: "custom",
-        message: result
+        message: result,
+        type: "custom"
       });
     }
   });
   return /* @__PURE__ */ jsxRuntime.jsx(reactHookForm.FormProvider, { ...methods, children: /* @__PURE__ */ jsxRuntime.jsx(index.ErrorProvider, { errors: {
     ...defaultErrors.defaultErrors,
     ...errors
-  }, children: /* @__PURE__ */ jsxRuntime.jsx(StyledForm, { onSubmit: async (e) => {
+  }, children: /* @__PURE__ */ jsxRuntime.jsx(StyledForm, { name, noValidate: true, onSubmit: async (e) => {
     e.preventDefault();
     e.stopPropagation();
     await handleSubmit(e);
-  }, name, noValidate: true, children }) }) });
+  }, children }) }) });
 };
 exports.Form = Form;

package/dist/components/Form/index.js

@@ -17,7 +17,7 @@ const StyledForm = /* @__PURE__ */ _styled("form", process.env.NODE_ENV === "pro
   styles: "display:contents"
 } : {
   name: "49aokf",
-  styles: "display:contents/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL2Zvcm0vc3JjL2NvbXBvbmVudHMvRm9ybS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0I4QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9mb3JtL3NyYy9jb21wb25lbnRzL0Zvcm0vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB0eXBlIHsgRmllbGRWYWx1ZXMsIFVzZUZvcm1SZXR1cm4gfSBmcm9tICdyZWFjdC1ob29rLWZvcm0nXG5pbXBvcnQgeyBGb3JtUHJvdmlkZXIgfSBmcm9tICdyZWFjdC1ob29rLWZvcm0nXG5pbXBvcnQgeyBFcnJvclByb3ZpZGVyIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzJ1xuaW1wb3J0IHR5cGUgeyBGb3JtRXJyb3JzIH0gZnJvbSAnLi4vLi4vdHlwZXMnXG5pbXBvcnQgeyBkZWZhdWx0RXJyb3JzIH0gZnJvbSAnLi9kZWZhdWx0RXJyb3JzJ1xuXG50eXBlIE9uU3VibWl0UmV0dXJuID0gc3RyaW5nIHwgbnVsbCB8IHVuZGVmaW5lZCB8IHZvaWRcblxudHlwZSBGb3JtUHJvcHM8VEZpZWxkVmFsdWVzIGV4dGVuZHMgRmllbGRWYWx1ZXM+ID0ge1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxuICBlcnJvcnM6IEZvcm1FcnJvcnNcbiAgbmFtZT86IHN0cmluZ1xuICBvblN1Ym1pdDogKGRhdGE6IFRGaWVsZFZhbHVlcykgPT4gUHJvbWlzZTxPblN1Ym1pdFJldHVybj4gfCBPblN1Ym1pdFJldHVyblxuICBtZXRob2RzOiBVc2VGb3JtUmV0dXJuPFRGaWVsZFZhbHVlcz5cbn1cblxuY29uc3QgU3R5bGVkRm9ybSA9IHN0eWxlZC5mb3JtYFxuICBkaXNwbGF5OiBjb250ZW50cztcbmBcblxuZXhwb3J0IGNvbnN0IEZvcm0gPSA8VEZpZWxkVmFsdWVzIGV4dGVuZHMgRmllbGRWYWx1ZXM+KHtcbiAgY2hpbGRyZW4sXG4gIG1ldGhvZHMsXG4gIGVycm9ycyxcbiAgb25TdWJtaXQsXG4gIG5hbWUsXG59OiBGb3JtUHJvcHM8VEZpZWxkVmFsdWVzPikgPT4ge1xuICBjb25zdCBoYW5kbGVTdWJtaXQgPSBtZXRob2RzLmhhbmRsZVN1Ym1pdChhc3luYyB2YWx1ZXMgPT4ge1xuICAgIGNvbnN0IHJlc3VsdCA9IGF3YWl0IG9uU3VibWl0KHZhbHVlcylcblxuICAgIGlmIChyZXN1bHQpIHtcbiAgICAgIG1ldGhvZHMuc2V0RXJyb3IoJ3Jvb3Quc3VibWl0Jywge1xuICAgICAgICB0eXBlOiAnY3VzdG9tJyxcbiAgICAgICAgbWVzc2FnZTogcmVzdWx0LFxuICAgICAgfSlcbiAgICB9XG4gIH0pXG5cbiAgcmV0dXJuIChcbiAgICA8Rm9ybVByb3ZpZGVyIHsuLi5tZXRob2RzfT5cbiAgICAgIDxFcnJvclByb3ZpZGVyIGVycm9ycz17eyAuLi5kZWZhdWx0RXJyb3JzLCAuLi5lcnJvcnMgfX0+XG4gICAgICAgIDxTdHlsZWRGb3JtXG4gICAgICAgICAgb25TdWJtaXQ9e2FzeW5jIGUgPT4ge1xuICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpXG4gICAgICAgICAgICBhd2FpdCBoYW5kbGVTdWJtaXQoZSlcbiAgICAgICAgICB9fVxuICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgbm9WYWxpZGF0ZVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L1N0eWxlZEZvcm0+XG4gICAgICA8L0Vycm9yUHJvdmlkZXI+XG4gICAgPC9Gb3JtUHJvdmlkZXI+XG4gIClcbn1cbiJdfQ== */",
+  styles: "display:contents/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL2Zvcm0vc3JjL2NvbXBvbmVudHMvRm9ybS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0I4QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9mb3JtL3NyYy9jb21wb25lbnRzL0Zvcm0vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB0eXBlIHsgRmllbGRWYWx1ZXMsIFVzZUZvcm1SZXR1cm4gfSBmcm9tICdyZWFjdC1ob29rLWZvcm0nXG5pbXBvcnQgeyBGb3JtUHJvdmlkZXIgfSBmcm9tICdyZWFjdC1ob29rLWZvcm0nXG5pbXBvcnQgeyBFcnJvclByb3ZpZGVyIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzJ1xuaW1wb3J0IHR5cGUgeyBGb3JtRXJyb3JzIH0gZnJvbSAnLi4vLi4vdHlwZXMnXG5pbXBvcnQgeyBkZWZhdWx0RXJyb3JzIH0gZnJvbSAnLi9kZWZhdWx0RXJyb3JzJ1xuXG50eXBlIE9uU3VibWl0UmV0dXJuID0gc3RyaW5nIHwgbnVsbCB8IHVuZGVmaW5lZCB8IHZvaWRcblxudHlwZSBGb3JtUHJvcHM8VEZpZWxkVmFsdWVzIGV4dGVuZHMgRmllbGRWYWx1ZXM+ID0ge1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxuICBlcnJvcnM6IEZvcm1FcnJvcnNcbiAgbmFtZT86IHN0cmluZ1xuICBvblN1Ym1pdDogKGRhdGE6IFRGaWVsZFZhbHVlcykgPT4gUHJvbWlzZTxPblN1Ym1pdFJldHVybj4gfCBPblN1Ym1pdFJldHVyblxuICBtZXRob2RzOiBVc2VGb3JtUmV0dXJuPFRGaWVsZFZhbHVlcz5cbn1cblxuY29uc3QgU3R5bGVkRm9ybSA9IHN0eWxlZC5mb3JtYFxuICBkaXNwbGF5OiBjb250ZW50cztcbmBcblxuZXhwb3J0IGNvbnN0IEZvcm0gPSA8VEZpZWxkVmFsdWVzIGV4dGVuZHMgRmllbGRWYWx1ZXM+KHtcbiAgY2hpbGRyZW4sXG4gIG1ldGhvZHMsXG4gIGVycm9ycyxcbiAgb25TdWJtaXQsXG4gIG5hbWUsXG59OiBGb3JtUHJvcHM8VEZpZWxkVmFsdWVzPikgPT4ge1xuICBjb25zdCBoYW5kbGVTdWJtaXQgPSBtZXRob2RzLmhhbmRsZVN1Ym1pdChhc3luYyB2YWx1ZXMgPT4ge1xuICAgIGNvbnN0IHJlc3VsdCA9IGF3YWl0IG9uU3VibWl0KHZhbHVlcylcblxuICAgIGlmIChyZXN1bHQpIHtcbiAgICAgIG1ldGhvZHMuc2V0RXJyb3IoJ3Jvb3Quc3VibWl0Jywge1xuICAgICAgICBtZXNzYWdlOiByZXN1bHQsXG4gICAgICAgIHR5cGU6ICdjdXN0b20nLFxuICAgICAgfSlcbiAgICB9XG4gIH0pXG5cbiAgcmV0dXJuIChcbiAgICA8Rm9ybVByb3ZpZGVyIHsuLi5tZXRob2RzfT5cbiAgICAgIDxFcnJvclByb3ZpZGVyIGVycm9ycz17eyAuLi5kZWZhdWx0RXJyb3JzLCAuLi5lcnJvcnMgfX0+XG4gICAgICAgIDxTdHlsZWRGb3JtXG4gICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICBub1ZhbGlkYXRlXG4gICAgICAgICAgb25TdWJtaXQ9e2FzeW5jIGUgPT4ge1xuICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpXG4gICAgICAgICAgICBhd2FpdCBoYW5kbGVTdWJtaXQoZSlcbiAgICAgICAgICB9fVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L1N0eWxlZEZvcm0+XG4gICAgICA8L0Vycm9yUHJvdmlkZXI+XG4gICAgPC9Gb3JtUHJvdmlkZXI+XG4gIClcbn1cbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const Form = ({
@@ -31,19 +31,19 @@ const Form = ({
     const result = await onSubmit(values);
     if (result) {
       methods.setError("root.submit", {
-        type: "custom",
-        message: result
+        message: result,
+        type: "custom"
       });
     }
   });
   return /* @__PURE__ */ jsx(FormProvider, { ...methods, children: /* @__PURE__ */ jsx(ErrorProvider, { errors: {
     ...defaultErrors,
     ...errors
-  }, children: /* @__PURE__ */ jsx(StyledForm, { onSubmit: async (e) => {
+  }, children: /* @__PURE__ */ jsx(StyledForm, { name, noValidate: true, onSubmit: async (e) => {
     e.preventDefault();
     e.stopPropagation();
     await handleSubmit(e);
-  }, name, noValidate: true, children }) }) });
+  }, children }) }) });
 };
 export {
   Form

package/dist/components/KeyValueField/index.cjs

@@ -20,30 +20,30 @@ const KeyValueField = ({
     append,
     remove
   } = reactHookForm.useFieldArray({
-    name,
-    control
+    control,
+    name
   });
   const canAdd = fields.length !== void 0 && fields.length < maxSize;
   const maxSizeReachedTooltip = addButton.maxSizeReachedTooltip ?? `Cannot add more than ${maxSize} elements`;
   return /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { gap: 3, children: [
-    fields.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { gap: 3, children: fields.map((field, index$1) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Row, { templateColumns: "1fr 1fr auto", gap: 2, alignItems: "end", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(index.TextInputField, { readOnly, required: inputKey.required, name: `${name}.${index$1}.key`, label: inputKey.label, regex: inputKey.regex }),
-      /* @__PURE__ */ jsxRuntime.jsx(index.TextInputField, { readOnly, required: inputValue.required, name: `${name}.${index$1}.value`, label: inputValue.label, placeholder: inputValue.placeholder, type: inputValue.type, autoComplete: "off", regex: inputValue.regex }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { disabled: readOnly, "data-testid": `remove-button-${index$1}`, variant: "outlined", sentiment: "danger", size: "large", onClick: () => remove(index$1), children: /* @__PURE__ */ jsxRuntime.jsx(icons.DeleteIcon, {}) })
+    fields.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { gap: 3, children: fields.map((field, index$1) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Row, { alignItems: "end", gap: 2, templateColumns: "1fr 1fr auto", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(index.TextInputField, { label: inputKey.label, name: `${name}.${index$1}.key`, readOnly, regex: inputKey.regex, required: inputKey.required }),
+      /* @__PURE__ */ jsxRuntime.jsx(index.TextInputField, { autoComplete: "off", label: inputValue.label, name: `${name}.${index$1}.value`, placeholder: inputValue.placeholder, readOnly, regex: inputValue.regex, required: inputValue.required, type: inputValue.type }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { "data-testid": `remove-button-${index$1}`, disabled: readOnly, onClick: () => remove(index$1), sentiment: "danger", size: "large", variant: "outlined", children: /* @__PURE__ */ jsxRuntime.jsx(icons.DeleteIcon, {}) })
     ] }, field.id)) }) : null,
     /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { direction: "row", justifyContent: "flex-start", children: /* @__PURE__ */ jsxRuntime.jsxs(
       ui.Button,
       {
         "data-testid": "add-button",
-        variant: "outlined",
-        sentiment: "primary",
-        fullWidth: addButton.fullWidth,
         disabled: !canAdd || readOnly,
-        tooltip: !canAdd ? maxSizeReachedTooltip : addButton.tooltip,
+        fullWidth: addButton.fullWidth,
         onClick: () => append({
           key: "",
           value: ""
         }),
+        sentiment: "primary",
+        tooltip: !canAdd ? maxSizeReachedTooltip : addButton.tooltip,
+        variant: "outlined",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(icons.PlusIcon, {}),
           addButton.name

package/dist/components/KeyValueField/index.js

@@ -18,30 +18,30 @@ const KeyValueField = ({
     append,
     remove
   } = useFieldArray({
-    name,
-    control
+    control,
+    name
   });
   const canAdd = fields.length !== void 0 && fields.length < maxSize;
   const maxSizeReachedTooltip = addButton.maxSizeReachedTooltip ?? `Cannot add more than ${maxSize} elements`;
   return /* @__PURE__ */ jsxs(Stack, { gap: 3, children: [
-    fields.length > 0 ? /* @__PURE__ */ jsx(Stack, { gap: 3, children: fields.map((field, index) => /* @__PURE__ */ jsxs(Row, { templateColumns: "1fr 1fr auto", gap: 2, alignItems: "end", children: [
-      /* @__PURE__ */ jsx(TextInputField, { readOnly, required: inputKey.required, name: `${name}.${index}.key`, label: inputKey.label, regex: inputKey.regex }),
-      /* @__PURE__ */ jsx(TextInputField, { readOnly, required: inputValue.required, name: `${name}.${index}.value`, label: inputValue.label, placeholder: inputValue.placeholder, type: inputValue.type, autoComplete: "off", regex: inputValue.regex }),
-      /* @__PURE__ */ jsx(Button, { disabled: readOnly, "data-testid": `remove-button-${index}`, variant: "outlined", sentiment: "danger", size: "large", onClick: () => remove(index), children: /* @__PURE__ */ jsx(DeleteIcon, {}) })
+    fields.length > 0 ? /* @__PURE__ */ jsx(Stack, { gap: 3, children: fields.map((field, index) => /* @__PURE__ */ jsxs(Row, { alignItems: "end", gap: 2, templateColumns: "1fr 1fr auto", children: [
+      /* @__PURE__ */ jsx(TextInputField, { label: inputKey.label, name: `${name}.${index}.key`, readOnly, regex: inputKey.regex, required: inputKey.required }),
+      /* @__PURE__ */ jsx(TextInputField, { autoComplete: "off", label: inputValue.label, name: `${name}.${index}.value`, placeholder: inputValue.placeholder, readOnly, regex: inputValue.regex, required: inputValue.required, type: inputValue.type }),
+      /* @__PURE__ */ jsx(Button, { "data-testid": `remove-button-${index}`, disabled: readOnly, onClick: () => remove(index), sentiment: "danger", size: "large", variant: "outlined", children: /* @__PURE__ */ jsx(DeleteIcon, {}) })
     ] }, field.id)) }) : null,
     /* @__PURE__ */ jsx(Stack, { direction: "row", justifyContent: "flex-start", children: /* @__PURE__ */ jsxs(
       Button,
       {
         "data-testid": "add-button",
-        variant: "outlined",
-        sentiment: "primary",
-        fullWidth: addButton.fullWidth,
         disabled: !canAdd || readOnly,
-        tooltip: !canAdd ? maxSizeReachedTooltip : addButton.tooltip,
+        fullWidth: addButton.fullWidth,
         onClick: () => append({
           key: "",
           value: ""
         }),
+        sentiment: "primary",
+        tooltip: !canAdd ? maxSizeReachedTooltip : addButton.tooltip,
+        variant: "outlined",
         children: [
           /* @__PURE__ */ jsx(PlusIcon, {}),
           addButton.name

package/dist/components/NumberInputField/index.cjs

@@ -30,9 +30,8 @@ const NumberInputField = ({
       error
     }
   } = reactHookForm.useController({
-    name,
     control,
-    shouldUnregister,
+    name,
     rules: {
       max,
       min,
@@ -41,19 +40,20 @@ const NumberInputField = ({
         ...validate,
         isInteger: isInteger.isInteger(step)
       }
-    }
+    },
+    shouldUnregister
   });
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.NumberInput, { ...props, name: field.name, value: field.value, onBlur: (event) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.NumberInput, { ...props, "aria-label": ariaLabel, error: getError({
+    isInteger: step,
+    label: label ?? ariaLabel ?? name,
+    max,
+    min
+  }, error), label, max, min, name: field.name, onBlur: (event) => {
     field.onBlur();
     onBlur?.(event);
   }, onChange: (newValue) => {
     field.onChange(newValue);
     onChange?.(newValue);
-  }, max, min, step, label, error: getError({
-    label: label ?? ariaLabel ?? name,
-    max,
-    min,
-    isInteger: step
-  }, error), "aria-label": ariaLabel, required });
+  }, required, step, value: field.value });
 };
 exports.NumberInputField = NumberInputField;

package/dist/components/NumberInputField/index.js

@@ -28,9 +28,8 @@ const NumberInputField = ({
       error
     }
   } = useController({
-    name,
     control,
-    shouldUnregister,
+    name,
     rules: {
       max,
       min,
@@ -39,20 +38,21 @@ const NumberInputField = ({
         ...validate,
         isInteger: isInteger(step)
       }
-    }
+    },
+    shouldUnregister
   });
-  return /* @__PURE__ */ jsx(NumberInput, { ...props, name: field.name, value: field.value, onBlur: (event) => {
+  return /* @__PURE__ */ jsx(NumberInput, { ...props, "aria-label": ariaLabel, error: getError({
+    isInteger: step,
+    label: label ?? ariaLabel ?? name,
+    max,
+    min
+  }, error), label, max, min, name: field.name, onBlur: (event) => {
     field.onBlur();
     onBlur?.(event);
   }, onChange: (newValue) => {
     field.onChange(newValue);
     onChange?.(newValue);
-  }, max, min, step, label, error: getError({
-    label: label ?? ariaLabel ?? name,
-    max,
-    min,
-    isInteger: step
-  }, error), "aria-label": ariaLabel, required });
+  }, required, step, value: field.value });
 };
 export {
   NumberInputField

package/dist/components/RadioField/index.cjs

@@ -30,13 +30,13 @@ const RadioField = ({
       error
     }
   } = reactHookForm.useController({
-    name,
     control,
-    shouldUnregister,
+    name,
     rules: {
       required,
       validate
-    }
+    },
+    shouldUnregister
   });
   const errorLabel = react.useMemo(() => {
     if (label && typeof label === "string") {
@@ -47,14 +47,14 @@ const RadioField = ({
     }
     return name;
   }, [label, name, ariaLabel]);
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Radio, { ...props, name: field.name, checked: field.value === value, disabled, error: getError({
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Radio, { ...props, checked: field.value === value, disabled, error: getError({
     label: errorLabel
-  }, error), onChange: () => {
-    field.onChange(value);
-    onChange?.(value);
-  }, onBlur: (event) => {
+  }, error), name: field.name, onBlur: (event) => {
     field.onBlur();
     onBlur?.(event);
+  }, onChange: () => {
+    field.onChange(value);
+    onChange?.(value);
   }, onFocus, required, value: value ?? "", ...label ? {
     label
   } : {