@strictly/react-form 0.0.30 → 0.0.32

package/dist/index.cjs

@@ -110,6 +110,7 @@ __export(index_exports, {
   mergeAdaptersWithValidators: () => mergeAdaptersWithValidators,
   mergeFieldAdaptersWithTwoWayConverter: () => mergeFieldAdaptersWithTwoWayConverter,
   mergeValidators: () => mergeValidators,
+  peek: () => peek,
   prototypingFieldValueFactory: () => prototypingFieldValueFactory,
   subFormFieldAdapters: () => subFormFieldAdapters,
   trimmingStringAdapter: () => trimmingStringAdapter,
@@ -121,17 +122,17 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 
-// field_converters/chain_field_converter.ts
+// field_converters/chainFieldConverter.ts
 var import_base = require("@strictly/base");
 
-// types/field_converters.ts
+// types/FieldConverters.ts
 var UnreliableFieldConversionType = /* @__PURE__ */ ((UnreliableFieldConversionType2) => {
   UnreliableFieldConversionType2[UnreliableFieldConversionType2["Success"] = 0] = "Success";
   UnreliableFieldConversionType2[UnreliableFieldConversionType2["Failure"] = 1] = "Failure";
   return UnreliableFieldConversionType2;
 })(UnreliableFieldConversionType || {});
 
-// field_converters/chain_field_converter.ts
+// field_converters/chainFieldConverter.ts
 function chainUnreliableFieldConverter(from, to) {
   return function(value, valuePath, context) {
     const fromConversion = from(value, valuePath, context);
@@ -189,7 +190,7 @@ function chainAnnotatedFieldConverter(from, to) {
   };
 }
 
-// field_converters/identity_converter.ts
+// field_converters/identityConverter.ts
 function annotatedIdentityConverter(required = false) {
   return function(value) {
     return {
@@ -208,7 +209,7 @@ function unreliableIdentityConverter() {
   };
 }
 
-// field_converters/maybe_identity_converter.ts
+// field_converters/MaybeIdentityConverter.ts
 var MaybeIdentityConverter = class {
   constructor(converter, isFrom) {
     this.converter = converter;
@@ -223,7 +224,7 @@ var MaybeIdentityConverter = class {
   }
 };
 
-// field_converters/trimming_string_converter.ts
+// field_converters/TrimmingStringConverter.ts
 var TrimmingStringConverter = class {
   constructor() {
   }
@@ -242,14 +243,14 @@ var TrimmingStringConverter = class {
   }
 };
 
-// field_value_factories/prototyping_field_value_factory.ts
+// field_value_factories/prototypingFieldValueFactory.ts
 function prototypingFieldValueFactory(prototype) {
   return function() {
     return prototype;
   };
 }
 
-// core/mobx/field_adapter_builder.ts
+// core/mobx/fieldAdapterBuilder.ts
 var FieldAdapterBuilder = class _FieldAdapterBuilder {
   constructor(convert, create, revert) {
     this.convert = convert;
@@ -353,7 +354,7 @@ function listAdapter() {
   );
 }
 
-// core/mobx/form_model.ts
+// core/mobx/FormModel.ts
 var import_base2 = require("@strictly/base");
 var import_define = require("@strictly/define");
 var import_mobx = require("mobx");
@@ -363,8 +364,8 @@ var Validation = /* @__PURE__ */ ((Validation2) => {
   Validation2[Validation2["Always"] = 2] = "Always";
   return Validation2;
 })(Validation || {});
-var _valueChanged_dec, _dirty_dec, _accessors_dec, _knownFields_dec, _fields_dec, _validation_dec, _errorOverrides_dec, _fieldOverrides_dec, _value_dec, _init, _value, _fieldOverrides, _errorOverrides, _validation;
-_value_dec = [import_mobx.observable.ref], _fieldOverrides_dec = [import_mobx.observable.shallow], _errorOverrides_dec = [import_mobx.observable.shallow], _validation_dec = [import_mobx.observable.shallow], _fields_dec = [import_mobx.computed], _knownFields_dec = [import_mobx.computed], _accessors_dec = [import_mobx.computed], _dirty_dec = [import_mobx.computed], _valueChanged_dec = [import_mobx.computed];
+var _validateAll_dec, _validateField_dec, _setFieldValue_dec, _valueChanged_dec, _dirty_dec, _accessors_dec, _knownFields_dec, _fields_dec, _value_dec, _validation_dec, _errorOverrides_dec, _fieldOverrides_dec, _observableValue_dec, _init, _observableValue, _fieldOverrides, _errorOverrides, _validation;
+_observableValue_dec = [import_mobx.observable.ref], _fieldOverrides_dec = [import_mobx.observable.shallow], _errorOverrides_dec = [import_mobx.observable.shallow], _validation_dec = [import_mobx.observable.shallow], _value_dec = [import_mobx.computed], _fields_dec = [import_mobx.computed], _knownFields_dec = [import_mobx.computed], _accessors_dec = [import_mobx.computed], _dirty_dec = [import_mobx.computed], _valueChanged_dec = [import_mobx.computed], _setFieldValue_dec = [import_mobx.action], _validateField_dec = [import_mobx.action], _validateAll_dec = [import_mobx.action];
 var FormModel = class {
   constructor(type, originalValue, adapters, mode) {
     this.type = type;
@@ -372,7 +373,7 @@ var FormModel = class {
     this.adapters = adapters;
     this.mode = mode;
     __runInitializers(_init, 5, this);
-    __privateAdd(this, _value, __runInitializers(_init, 8, this)), __runInitializers(_init, 11, this);
+    __privateAdd(this, _observableValue, __runInitializers(_init, 8, this)), __runInitializers(_init, 11, this);
     __privateAdd(this, _fieldOverrides, __runInitializers(_init, 12, this)), __runInitializers(_init, 15, this);
     __privateAdd(this, _errorOverrides, __runInitializers(_init, 16, this, {})), __runInitializers(_init, 19, this);
     __privateAdd(this, _validation, __runInitializers(_init, 20, this, {})), __runInitializers(_init, 23, this);
@@ -383,11 +384,11 @@ var FormModel = class {
     // maintains the value paths of lists when the original order is destroyed by deletes or reordering
     __publicField(this, "listIndicesToKeys", {});
     this.originalValues = (0, import_define.flattenValuesOfType)(type, originalValue, this.listIndicesToKeys);
-    this.value = (0, import_define.mobxCopy)(type, originalValue);
+    this.observableValue = (0, import_define.mobxCopy)(type, originalValue);
     this.flattenedTypeDefs = (0, import_define.flattenTypesOfType)(type);
     const conversions = (0, import_define.flattenValueTo)(
       type,
-      this.value,
+      originalValue,
       () => {
       },
       (_t, fieldValue, _setter, typePath, valuePath) => {
@@ -421,6 +422,9 @@ var FormModel = class {
         throw new import_base2.UnreachableError(this.mode);
     }
   }
+  get value() {
+    return (0, import_define.copy)(this.type, this.observableValue);
+  }
   get fields() {
     return new Proxy(
       this.knownFields,
@@ -440,7 +444,7 @@ var FormModel = class {
   get knownFields() {
     return (0, import_define.flattenValueTo)(
       this.type,
-      this.value,
+      this.observableValue,
       () => {
       },
       // TODO swap these to valuePath, typePath in flatten
@@ -482,7 +486,7 @@ var FormModel = class {
     const fieldOverride = this.fieldOverrides[valuePath];
     const accessor = this.getAccessorForValuePath(valuePath);
     const fieldTypeDef = this.flattenedTypeDefs[typePath];
-    const context = this.toContext(this.value, valuePath);
+    const context = this.toContext(this.observableValue, valuePath);
     const defaultValue = create(valuePath, context);
     const {
       value,
@@ -574,9 +578,9 @@ var FormModel = class {
   get accessors() {
     return (0, import_define.flattenAccessorsOfType)(
       this.type,
-      this.value,
+      this.observableValue,
       (value) => {
-        this.value = (0, import_define.mobxCopy)(this.type, value);
+        this.observableValue = (0, import_define.mobxCopy)(this.type, value);
       },
       this.listIndicesToKeys
     );
@@ -598,7 +602,7 @@ var FormModel = class {
     });
   }
   get valueChanged() {
-    return !(0, import_define.equals)(this.type, this.value, this.originalValue);
+    return !(0, import_define.equals)(this.type, this.observableValue, this.originalValue);
   }
   typePath(valuePath) {
     return (0, import_define.valuePathToTypePath)(this.type, valuePath, true);
@@ -623,7 +627,7 @@ var FormModel = class {
       elementTypePath,
       // TODO what can we use for the value path here?
       // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-      this.toContext(this.value, valuePath)
+      this.toContext(this.observableValue, valuePath)
     );
     const originalList = accessor.value;
     const newList = [
@@ -678,7 +682,7 @@ var FormModel = class {
   internalSetFieldValue(valuePath, value, validation) {
     const { revert } = this.getAdapterForValuePath(valuePath);
     (0, import_base2.assertExists)(revert, "setting value not supported {}", valuePath);
-    const conversion = revert(value, valuePath, this.toContext(this.value, valuePath));
+    const conversion = revert(value, valuePath, this.toContext(this.observableValue, valuePath));
     const accessor = this.getAccessorForValuePath(valuePath);
     return (0, import_mobx.runInAction)(() => {
       this.fieldOverrides[valuePath] = [value];
@@ -733,7 +737,7 @@ var FormModel = class {
       convert,
       create
     } = adapter2;
-    const context = this.toContext(this.value, valuePath);
+    const context = this.toContext(this.observableValue, valuePath);
     const value = create(valuePath, context);
     const {
       value: displayValue
@@ -750,11 +754,11 @@ var FormModel = class {
       this.validation = {};
       this.fieldOverrides = {};
       this.errorOverrides = {};
-      this.value = (0, import_define.mobxCopy)(this.type, value);
+      this.observableValue = (0, import_define.mobxCopy)(this.type, value);
     });
   }
   isValuePathActive(valuePath) {
-    const values = (0, import_define.flattenValuesOfType)(this.type, this.value, this.listIndicesToKeys);
+    const values = (0, import_define.flattenValuesOfType)(this.type, this.observableValue, this.listIndicesToKeys);
     const keys = new Set(Object.keys(values));
     return keys.has(valuePath);
   }
@@ -797,18 +801,14 @@ var FormModel = class {
     return displayedValue !== originalDisplayedValue;
   }
   validateField(valuePath, validation = 2 /* Always */) {
-    (0, import_mobx.runInAction)(() => {
-      this.validation[valuePath] = validation;
-      delete this.errorOverrides[valuePath];
-    });
+    this.validation[valuePath] = validation;
+    delete this.errorOverrides[valuePath];
     return this.fields[valuePath].error == null;
   }
   validateAll(validation = 2 /* Always */) {
     const accessors = (0, import_base2.toArray)(this.accessors);
-    (0, import_mobx.runInAction)(() => {
-      accessors.forEach(([valuePath]) => {
-        this.validation[valuePath] = validation;
-      });
+    accessors.forEach(([valuePath]) => {
+      this.validation[valuePath] = validation;
     });
     return accessors.every(
       ([valuePath]) => {
@@ -822,30 +822,48 @@ var FormModel = class {
   }
 };
 _init = __decoratorStart(null);
-_value = new WeakMap();
+_observableValue = new WeakMap();
 _fieldOverrides = new WeakMap();
 _errorOverrides = new WeakMap();
 _validation = new WeakMap();
-__decorateElement(_init, 4, "value", _value_dec, FormModel, _value);
+__decorateElement(_init, 4, "observableValue", _observableValue_dec, FormModel, _observableValue);
 __decorateElement(_init, 4, "fieldOverrides", _fieldOverrides_dec, FormModel, _fieldOverrides);
 __decorateElement(_init, 4, "errorOverrides", _errorOverrides_dec, FormModel, _errorOverrides);
 __decorateElement(_init, 4, "validation", _validation_dec, FormModel, _validation);
+__decorateElement(_init, 2, "value", _value_dec, FormModel);
 __decorateElement(_init, 2, "fields", _fields_dec, FormModel);
 __decorateElement(_init, 2, "knownFields", _knownFields_dec, FormModel);
 __decorateElement(_init, 2, "accessors", _accessors_dec, FormModel);
 __decorateElement(_init, 2, "dirty", _dirty_dec, FormModel);
 __decorateElement(_init, 2, "valueChanged", _valueChanged_dec, FormModel);
+__decorateElement(_init, 1, "setFieldValue", _setFieldValue_dec, FormModel);
+__decorateElement(_init, 1, "validateField", _validateField_dec, FormModel);
+__decorateElement(_init, 1, "validateAll", _validateAll_dec, FormModel);
 __decoratorMetadata(_init, FormModel);
 
 // core/mobx/hooks.tsx
 var import_react = require("react");
+
+// core/mobx/peek.ts
+var import_mobx2 = require("mobx");
+function peek(operation) {
+  let result;
+  void (0, import_mobx2.when)(() => {
+    result = operation();
+    return true;
+  });
+  return result;
+}
+
+// core/mobx/hooks.tsx
 function useDefaultMobxFormHooks(model, {
   onValidFieldSubmit,
   onValidFormSubmit
 } = {}) {
   const onFieldValueChange = (0, import_react.useCallback)(
     function(path, value) {
-      const validation = Math.min(model.getValidation(path), 1 /* Changed */);
+      const activeValidation = peek(() => model.getValidation(path));
+      const validation = Math.min(activeValidation, 1 /* Changed */);
       model.setFieldValue(path, value, validation);
     },
     [model]
@@ -865,8 +883,16 @@ function useDefaultMobxFormHooks(model, {
   const onFieldBlur = (0, import_react.useCallback)(
     function(path) {
       setTimeout(function() {
-        if (model.isValuePathActive(path) && model.isFieldDirty(path) && model.fields[path].error == null) {
-          model.validateField(path, Math.max(1 /* Changed */, model.getValidation(path)));
+        const [
+          validate4,
+          activeValidation
+        ] = peek(() => [
+          model.isValuePathActive(path) && model.isFieldDirty(path) && model.fields[path].error == null,
+          model.getValidation(path)
+        ]);
+        if (validate4) {
+          const validation = Math.max(1 /* Changed */, activeValidation);
+          model.validateField(path, validation);
         }
       }, 100);
     },
@@ -874,8 +900,10 @@ function useDefaultMobxFormHooks(model, {
   );
   const onFormSubmit = (0, import_react.useCallback)(
     function() {
-      if (model.validateSubmit()) {
-        onValidFormSubmit == null ? void 0 : onValidFormSubmit(model.value);
+      const valid = peek(() => model.validateSubmit());
+      if (valid && onValidFormSubmit) {
+        const value = peek(() => model.value);
+        onValidFormSubmit(value);
       }
     },
     [
@@ -891,7 +919,7 @@ function useDefaultMobxFormHooks(model, {
   };
 }
 
-// core/mobx/merge_field_adapters_with_two_way_converter.ts
+// core/mobx/mergeFieldAdaptersWithTwoWayConverter.ts
 var import_base3 = require("@strictly/base");
 function mergeFieldAdaptersWithTwoWayConverter(fieldAdapters, converter) {
   return (0, import_base3.map)(
@@ -912,7 +940,7 @@ function mergeFieldAdaptersWithTwoWayConverter(fieldAdapters, converter) {
   );
 }
 
-// core/mobx/merge_field_adapters_with_validators.ts
+// core/mobx/mergeFieldAdaptersWithValidators.ts
 var import_base4 = require("@strictly/base");
 var import_define2 = require("@strictly/define");
 function mergeAdaptersWithValidators(adapters, validators) {
@@ -966,7 +994,7 @@ function mergeAdaptersWithValidators(adapters, validators) {
   );
 }
 
-// core/mobx/sub_form_field_adapters.ts
+// core/mobx/subFormFieldAdapters.ts
 function subFormFieldAdapters(subAdapters, parentTypePath) {
   const dotCount = parentTypePath.split(".").length;
   function getSubValuePath(valuePath) {
@@ -995,7 +1023,7 @@ function subFormFieldAdapters(subAdapters, parentTypePath) {
   }, {});
 }
 
-// field_converters/integer_to_string_converter.ts
+// field_converters/IntegerToStringConverter.ts
 var IntegerToStringConverter = class {
   constructor(isNanError, base = 10) {
     this.isNanError = isNanError;
@@ -1026,7 +1054,7 @@ var IntegerToStringConverter = class {
   }
 };
 
-// field_converters/nullable_to_boolean_converter.ts
+// field_converters/NullableToBooleanConverter.ts
 var import_define3 = require("@strictly/define");
 var NullableToBooleanConverter = class {
   constructor(typeDef, prototype, nullType, defaultToNull = true) {
@@ -1061,7 +1089,7 @@ var NullableToBooleanConverter = class {
   }
 };
 
-// field_converters/select_value_type_converter.ts
+// field_converters/SelectValueTypeConverter.ts
 var import_base5 = require("@strictly/base");
 var import_define4 = require("@strictly/define");
 var AbstractSelectValueTypeConverter = class {
@@ -1154,7 +1182,7 @@ var SelectStringConverter = class extends AbstractSelectValueTypeConverter {
   }
 };
 
-// field_converters/validating_converter.ts
+// field_converters/validatingConverter.ts
 var import_define5 = require("@strictly/define");
 function validatingConverter(validators = []) {
   return function(value, valuePath, context) {
@@ -1180,7 +1208,7 @@ function validatingConverter(validators = []) {
   };
 }
 
-// mantine/error_renderer.ts
+// mantine/ErrorRenderer.ts
 function DefaultErrorRenderer({
   error
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -1191,10 +1219,10 @@ function DefaultErrorRenderer({
 // mantine/hooks.tsx
 var import_core = require("@mantine/core");
 var import_base7 = require("@strictly/base");
-var import_mobx2 = require("mobx");
+var import_mobx3 = require("mobx");
 var import_react6 = require("react");
 
-// util/partial.tsx
+// util/Partial.tsx
 var import_mobx_react = require("mobx-react");
 var import_react2 = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -1339,7 +1367,7 @@ function usePartialObserverComponent(curriedPropsSource, deps, Component, additi
   );
 }
 
-// mantine/create_checkbox.tsx
+// mantine/createCheckbox.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 function createCheckbox(valuePath, Checkbox) {
   const onChange = (e) => {
@@ -1391,17 +1419,82 @@ function createCheckbox(valuePath, Checkbox) {
   );
 }
 
-// mantine/create_field_view.tsx
+// mantine/createFieldsView.tsx
+var import_define6 = require("@strictly/define");
 var import_mobx_react2 = require("mobx-react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function createFieldsView(valuePath, FieldsView, observableProps) {
+  function toKey(subKey) {
+    return (0, import_define6.jsonPathPrefix)(valuePath, subKey);
+  }
+  function toSubKey(key) {
+    return (0, import_define6.jsonPathUnprefix)(valuePath, key);
+  }
+  function onFieldValueChange(subKey, value) {
+    observableProps.onFieldValueChange(toKey(subKey), value);
+  }
+  function onFieldBlur(subKey) {
+    var _a;
+    (_a = observableProps.onFieldBlur) == null ? void 0 : _a.call(observableProps, toKey(subKey));
+  }
+  function onFieldFocus(subKey) {
+    var _a;
+    (_a = observableProps.onFieldFocus) == null ? void 0 : _a.call(observableProps, toKey(subKey));
+  }
+  function onFieldSubmit(subKey) {
+    var _a;
+    (_a = observableProps.onFieldSubmit) == null ? void 0 : _a.call(observableProps, toKey(subKey));
+  }
+  const Component = (0, import_mobx_react2.observer)(
+    function(props) {
+      const subFields = Object.entries(observableProps.fields).reduce(
+        (acc, [
+          fieldKey,
+          fieldValue
+        ]) => {
+          if (fieldKey.startsWith(valuePath)) {
+            acc[toSubKey(fieldKey)] = fieldValue;
+          }
+          return acc;
+        },
+        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+        {}
+      );
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        FieldsView,
+        __spreadProps(__spreadValues({}, props), {
+          fields: subFields,
+          onFieldBlur,
+          onFieldFocus,
+          onFieldSubmit,
+          onFieldValueChange
+        })
+      );
+    }
+  );
+  const callbackMapper = (callback) => {
+    return (subFormValuePath, ...args) => {
+      const valuePath2 = toKey(subFormValuePath);
+      return callback(valuePath2, ...args);
+    };
+  };
+  return {
+    Component,
+    callbackMapper
+  };
+}
+
+// mantine/createFieldView.tsx
+var import_mobx_react3 = require("mobx-react");
 var import_react3 = require("react");
 
-// util/empty.tsx
+// util/Empty.tsx
 function Empty() {
   return null;
 }
 
-// mantine/create_field_view.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+// mantine/createFieldView.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function FieldView({
   valuePath,
   form,
@@ -1435,7 +1528,7 @@ function FieldView({
     form,
     valuePath
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_mobx_react2.Observer, { children: () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_mobx_react3.Observer, { children: () => {
     const {
       value,
       error
@@ -1453,7 +1546,7 @@ function FieldView({
 }
 function createFieldView(valuePath) {
   return (props) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       FieldView,
       __spreadValues({
         form: this,
@@ -1463,72 +1556,7 @@ function createFieldView(valuePath) {
   };
 }
 
-// mantine/create_fields_view.tsx
-var import_define6 = require("@strictly/define");
-var import_mobx_react3 = require("mobx-react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-function createFieldsView(valuePath, FieldsView, observableProps) {
-  function toKey(subKey) {
-    return (0, import_define6.jsonPathPrefix)(valuePath, subKey);
-  }
-  function toSubKey(key) {
-    return (0, import_define6.jsonPathUnprefix)(valuePath, key);
-  }
-  function onFieldValueChange(subKey, value) {
-    observableProps.onFieldValueChange(toKey(subKey), value);
-  }
-  function onFieldBlur(subKey) {
-    var _a;
-    (_a = observableProps.onFieldBlur) == null ? void 0 : _a.call(observableProps, toKey(subKey));
-  }
-  function onFieldFocus(subKey) {
-    var _a;
-    (_a = observableProps.onFieldFocus) == null ? void 0 : _a.call(observableProps, toKey(subKey));
-  }
-  function onFieldSubmit(subKey) {
-    var _a;
-    (_a = observableProps.onFieldSubmit) == null ? void 0 : _a.call(observableProps, toKey(subKey));
-  }
-  const Component = (0, import_mobx_react3.observer)(
-    function(props) {
-      const subFields = Object.entries(observableProps.fields).reduce(
-        (acc, [
-          fieldKey,
-          fieldValue
-        ]) => {
-          if (fieldKey.startsWith(valuePath)) {
-            acc[toSubKey(fieldKey)] = fieldValue;
-          }
-          return acc;
-        },
-        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-        {}
-      );
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-        FieldsView,
-        __spreadProps(__spreadValues({}, props), {
-          fields: subFields,
-          onFieldBlur,
-          onFieldFocus,
-          onFieldSubmit,
-          onFieldValueChange
-        })
-      );
-    }
-  );
-  const callbackMapper = (callback) => {
-    return (subFormValuePath, ...args) => {
-      const valuePath2 = toKey(subFormValuePath);
-      return callback(valuePath2, ...args);
-    };
-  };
-  return {
-    Component,
-    callbackMapper
-  };
-}
-
-// mantine/create_form.tsx
+// mantine/createForm.tsx
 var import_mobx_react4 = require("mobx-react");
 var import_react4 = require("react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
@@ -1548,7 +1576,7 @@ function createForm(valuePath, Form, observableProps) {
   });
 }
 
-// mantine/create_list.tsx
+// mantine/createList.tsx
 var import_base6 = require("@strictly/base");
 var import_react5 = require("react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
@@ -1577,7 +1605,7 @@ function DefaultList({
       indexKeys[index]
     ];
   }).filter(function([
-    _value2,
+    _value,
     _index,
     key
   ]) {
@@ -1592,7 +1620,7 @@ function DefaultList({
   }) });
 }
 
-// mantine/create_pill.tsx
+// mantine/createPill.tsx
 function createPill(valuePath, Pill) {
   const propSource = () => {
     const {
@@ -1610,7 +1638,7 @@ function createPill(valuePath, Pill) {
   return createUnsafePartialObserverComponent(Pill, propSource);
 }
 
-// mantine/create_radio.tsx
+// mantine/createRadio.tsx
 function createRadio(valuePath, value, Radio) {
   const propSource = () => {
     return {
@@ -1624,7 +1652,7 @@ function createRadio(valuePath, value, Radio) {
   );
 }
 
-// mantine/create_radio_group.tsx
+// mantine/createRadioGroup.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
 function createRadioGroup(valuePath, RadioGroup) {
   const onChange = (value) => {
@@ -1667,7 +1695,7 @@ function createRadioGroup(valuePath, RadioGroup) {
   return createUnsafePartialObserverComponent(RadioGroup, propSource, ["ErrorRenderer"]);
 }
 
-// mantine/create_text_input.tsx
+// mantine/createTextInput.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
 function createTextInput(valuePath, TextInput) {
   const onChange = (e) => {
@@ -1723,7 +1751,7 @@ function createTextInput(valuePath, TextInput) {
   );
 }
 
-// mantine/create_value_input.tsx
+// mantine/createValueInput.tsx
 var import_jsx_runtime9 = require("react/jsx-runtime");
 function createValueInput(valuePath, ValueInput) {
   const onChange = (value) => {
@@ -1798,7 +1826,7 @@ function useMantineFormFields({
     []
   );
   (0, import_react6.useEffect)(function() {
-    (0, import_mobx2.runInAction)(function() {
+    (0, import_mobx3.runInAction)(function() {
       form.fields = fields;
     });
   }, [
@@ -1832,7 +1860,7 @@ function useMantineFormFields({
   return form;
 }
 var _fields_dec2, _init2, _fields;
-_fields_dec2 = [import_mobx2.observable.ref];
+_fields_dec2 = [import_mobx3.observable.ref];
 var MantineFormImpl = class {
   constructor(fields) {
     __publicField(this, "textInputCache", new import_base7.Cache(
@@ -1956,7 +1984,7 @@ _fields = new WeakMap();
 __decorateElement(_init2, 4, "fields", _fields_dec2, MantineFormImpl, _fields);
 __decoratorMetadata(_init2, MantineFormImpl);
 
-// types/merge_validators.ts
+// types/mergeValidators.ts
 var import_define7 = require("@strictly/define");
 function mergeValidators(validators1, validators2) {
   const validators = __spreadValues(__spreadValues({}, validators1), validators2);
@@ -2017,6 +2045,7 @@ function mergeValidators(validators1, validators2) {
   mergeAdaptersWithValidators,
   mergeFieldAdaptersWithTwoWayConverter,
   mergeValidators,
+  peek,
   prototypingFieldValueFactory,
   subFormFieldAdapters,
   trimmingStringAdapter,