@jcoreio/zod-forms 1.0.0

package/useArrayField.d.ts

@@ -0,0 +1,34 @@
+import z from 'zod';
+import { FieldPath, FieldPathForRawValue } from './FieldPath';
+import { PathInSchema, PathstringInSchema } from './util/PathInSchema';
+import { parsePathstring } from './util/parsePathstring';
+import { SchemaAt } from './util/SchemaAt';
+import { bindActionsToField } from './util/bindActionsToField';
+import { arrayActions } from './actions/arrayActions';
+import { setValue } from './actions/setValue';
+import { setRawValue } from './actions/setRawValue';
+import { setMeta } from './actions/setMeta';
+import { FieldMeta } from './FormState';
+export type UseArrayFieldProps<Field extends FieldPath> = NonNullable<z.input<Field['schema']>> extends any[] ? FieldMeta & ReturnType<typeof bindActionsToField<typeof arrayActions & {
+    setValue: typeof setValue;
+    setRawValue: typeof setRawValue;
+    setMeta: typeof setMeta;
+}>> & {
+    elements: FieldPath<SchemaAt<Field['schema'], [number]>>[];
+    error?: string;
+    dirty: boolean;
+    pristine: boolean;
+    valid: boolean;
+    invalid: boolean;
+} : {
+    ERROR: 'not an array field';
+};
+export interface TypedUseArrayField<T extends z.ZodTypeAny> {
+    <Field extends FieldPathForRawValue<any[] | null | undefined>>(field: Field): UseArrayFieldProps<Field>;
+    <Path extends PathInSchema<T>>(path: Path): UseArrayFieldProps<FieldPath<SchemaAt<T, Path>>>;
+    <Pathstring extends PathstringInSchema<T>>(path: Pathstring): UseArrayFieldProps<FieldPath<SchemaAt<T, parsePathstring<Pathstring>>>>;
+}
+export declare function useArrayField<Field extends FieldPath>(field: Field): UseArrayFieldProps<Field>;
+export declare function useArrayField<T extends z.ZodTypeAny, Path extends PathInSchema<T>>(field: Path): UseArrayFieldProps<FieldPath<SchemaAt<T, Path>>>;
+export declare function useArrayField<T extends z.ZodTypeAny, Pathstring extends PathstringInSchema<T>>(field: Pathstring): UseArrayFieldProps<FieldPath<SchemaAt<T, parsePathstring<Pathstring>>>>;
+//# sourceMappingURL=useArrayField.d.ts.map

package/useArrayField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useArrayField.d.ts","sourceRoot":"","sources":["src/useArrayField.ts"],"names":[],"mappings":"AAAA,OAAO,CAAC,MAAM,KAAK,CAAA;AACnB,OAAO,EAAY,SAAS,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAGvE,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AASrD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,MAAM,MAAM,kBAAkB,CAAC,KAAK,SAAS,SAAS,IAAI,WAAW,CACnE,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CACzB,SAAS,GAAG,EAAE,GACX,SAAS,GACP,UAAU,CACR,OAAO,kBAAkB,CACvB,OAAO,YAAY,GAAG;IACpB,QAAQ,EAAE,OAAO,QAAQ,CAAA;IACzB,WAAW,EAAE,OAAO,WAAW,CAAA;IAC/B,OAAO,EAAE,OAAO,OAAO,CAAA;CACxB,CACF,CACF,GAAG;IACF,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAA;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,OAAO,CAAA;IACd,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,OAAO,CAAA;IACd,OAAO,EAAE,OAAO,CAAA;CACjB,GACH;IAAE,KAAK,EAAE,oBAAoB,CAAA;CAAE,CAAA;AAEnC,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,CAAC,CAAC,UAAU;IACxD,CAAC,KAAK,SAAS,oBAAoB,CAAC,GAAG,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC,EAC3D,KAAK,EAAE,KAAK,GACX,kBAAkB,CAAC,KAAK,CAAC,CAAA;IAC5B,CAAC,IAAI,SAAS,YAAY,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,GAAG,kBAAkB,CAC5D,SAAS,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAC7B,CAAA;IACD,CAAC,UAAU,SAAS,kBAAkB,CAAC,CAAC,CAAC,EACvC,IAAI,EAAE,UAAU,GACf,kBAAkB,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA;CAC3E;AAsFD,wBAAgB,aAAa,CAAC,KAAK,SAAS,SAAS,EACnD,KAAK,EAAE,KAAK,GACX,kBAAkB,CAAC,KAAK,CAAC,CAAA;AAC5B,wBAAgB,aAAa,CAC3B,CAAC,SAAS,CAAC,CAAC,UAAU,EACtB,IAAI,SAAS,YAAY,CAAC,CAAC,CAAC,EAC5B,KAAK,EAAE,IAAI,GAAG,kBAAkB,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAA;AAChE,wBAAgB,aAAa,CAC3B,CAAC,SAAS,CAAC,CAAC,UAAU,EACtB,UAAU,SAAS,kBAAkB,CAAC,CAAC,CAAC,EAExC,KAAK,EAAE,UAAU,GAChB,kBAAkB,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA"}

package/useArrayField.js

@@ -0,0 +1,99 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useArrayField = useArrayField;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _FieldPath = require("./FieldPath.js");
+var _react = _interopRequireDefault(require("react"));
+var _useFormContext3 = require("./useFormContext.js");
+var _bindActionsToField = require("./util/bindActionsToField.js");
+var _reselect = require("reselect");
+var _get = require("./util/get.js");
+var _fastDeepEqual = _interopRequireDefault(require("fast-deep-equal"));
+var _useFormSelector2 = require("./useFormSelector.js");
+var _reactRedux = require("react-redux");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function useArrayFieldBase(field) {
+  var _useFormContext = (0, _useFormContext3.useFormContext)(),
+    arrayActions = _useFormContext.arrayActions,
+    setValue = _useFormContext.setValue,
+    setRawValue = _useFormContext.setRawValue,
+    setMeta = _useFormContext.setMeta,
+    selectFormValues = _useFormContext.selectFormValues,
+    selectFieldErrorMap = _useFormContext.selectFieldErrorMap;
+  var useFormSelector = _useFormSelector2.useFormSelector;
+  var valuesSelector = _react["default"].useMemo(function () {
+    return (0, _reselect.createSelector)([selectFormValues], (0, _reselect.createSelector)([(0, _reselect.createStructuredSelector)({
+      value: function value(_ref) {
+        var values = _ref.values;
+        return (0, _get.get)(values, field.path);
+      },
+      rawValue: function rawValue(_ref2) {
+        var rawValues = _ref2.rawValues;
+        return (0, _get.get)(rawValues, field.path);
+      },
+      initialValue: function initialValue(_ref3) {
+        var initialValues = _ref3.initialValues;
+        return (0, _get.get)(initialValues, field.path);
+      }
+    })], function (_ref4) {
+      var rawValue = _ref4.rawValue,
+        value = _ref4.value,
+        initialValue = _ref4.initialValue;
+      var dirty = !(0, _fastDeepEqual["default"])(value, initialValue);
+      var pristine = !dirty;
+      return {
+        dirty: dirty,
+        pristine: pristine,
+        length: Array.isArray(rawValue) ? rawValue.length : 0
+      };
+    }));
+  }, [field.pathstring]);
+  var _useFormSelector = useFormSelector(valuesSelector, _reactRedux.shallowEqual),
+    dirty = _useFormSelector.dirty,
+    pristine = _useFormSelector.pristine,
+    length = _useFormSelector.length;
+  var error = useFormSelector(function (state) {
+    return selectFieldErrorMap(state)[field.pathstring];
+  });
+  var meta = useFormSelector(function (state) {
+    return state.fieldMeta[field.pathstring];
+  });
+  var submitFailed = useFormSelector(function (state) {
+    return state.submitFailed;
+  });
+  var boundActions = _react["default"].useMemo(function () {
+    return (0, _bindActionsToField.bindActionsToField)(_objectSpread(_objectSpread({}, arrayActions), {}, {
+      setValue: setValue,
+      setRawValue: setRawValue,
+      setMeta: setMeta
+    }), field);
+  }, [field.pathstring]);
+  var elements = _react["default"].useMemo(function () {
+    return (0, _toConsumableArray2["default"])(new Array(length).keys()).map(function (index) {
+      return field.subfield(index);
+    });
+  }, [length]);
+  return _react["default"].useMemo(function () {
+    return _objectSpread(_objectSpread({}, boundActions), {}, {
+      visited: (meta === null || meta === void 0 ? void 0 : meta.visited) || false,
+      touched: (meta === null || meta === void 0 ? void 0 : meta.touched) || submitFailed,
+      elements: elements,
+      dirty: dirty,
+      pristine: pristine,
+      valid: !error,
+      invalid: Boolean(error)
+    });
+  }, [dirty, boundActions, elements, meta, submitFailed, error]);
+}
+function useArrayField(field) {
+  var _useFormContext2 = (0, _useFormContext3.useFormContext)(),
+    root = _useFormContext2.root;
+  return useArrayFieldBase(field instanceof _FieldPath.FieldPath ? field : root.get(field));
+}
+//# sourceMappingURL=useArrayField.js.map

package/useArrayField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useArrayField.js","names":["_FieldPath","require","_react","_interopRequireDefault","_useFormContext3","_bindActionsToField","_reselect","_get","_fastDeepEqual","_useFormSelector2","_reactRedux","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","useArrayFieldBase","field","_useFormContext","useFormContext","arrayActions","setValue","setRawValue","setMeta","selectFormValues","selectFieldErrorMap","useFormSelector","untypedUseFormSelector","valuesSelector","React","useMemo","createSelector","createStructuredSelector","value","_ref","values","get","path","rawValue","_ref2","rawValues","initialValue","_ref3","initialValues","_ref4","dirty","isEqual","pristine","Array","isArray","pathstring","_useFormSelector","shallowEqual","error","state","meta","fieldMeta","submitFailed","boundActions","bindActionsToField","elements","_toConsumableArray2","map","index","subfield","visited","touched","valid","invalid","Boolean","useArrayField","_useFormContext2","root","FieldPath"],"sources":["src/useArrayField.ts"],"sourcesContent":["import z from 'zod'\nimport { BasePath, FieldPath, FieldPathForRawValue } from './FieldPath'\nimport React from 'react'\nimport { useFormContext } from './useFormContext'\nimport { PathInSchema, PathstringInSchema } from './util/PathInSchema'\nimport { parsePathstring } from './util/parsePathstring'\nimport { SchemaAt } from './util/SchemaAt'\nimport { bindActionsToField } from './util/bindActionsToField'\nimport { arrayActions } from './actions/arrayActions'\nimport { createSelector, createStructuredSelector } from 'reselect'\nimport { get } from './util/get'\nimport isEqual from 'fast-deep-equal'\nimport {\n  TypedUseFormSelector,\n  useFormSelector as untypedUseFormSelector,\n} from './useFormSelector'\nimport { shallowEqual } from 'react-redux'\nimport { setValue } from './actions/setValue'\nimport { setRawValue } from './actions/setRawValue'\nimport { setMeta } from './actions/setMeta'\nimport { FieldMeta } from './FormState'\n\nexport type UseArrayFieldProps<Field extends FieldPath> = NonNullable<\n  z.input<Field['schema']>\n> extends any[]\n  ? FieldMeta &\n      ReturnType<\n        typeof bindActionsToField<\n          typeof arrayActions & {\n            setValue: typeof setValue\n            setRawValue: typeof setRawValue\n            setMeta: typeof setMeta\n          }\n        >\n      > & {\n        elements: FieldPath<SchemaAt<Field['schema'], [number]>>[]\n        error?: string\n        dirty: boolean\n        pristine: boolean\n        valid: boolean\n        invalid: boolean\n      }\n  : { ERROR: 'not an array field' }\n\nexport interface TypedUseArrayField<T extends z.ZodTypeAny> {\n  <Field extends FieldPathForRawValue<any[] | null | undefined>>(\n    field: Field\n  ): UseArrayFieldProps<Field>\n  <Path extends PathInSchema<T>>(path: Path): UseArrayFieldProps<\n    FieldPath<SchemaAt<T, Path>>\n  >\n  <Pathstring extends PathstringInSchema<T>>(\n    path: Pathstring\n  ): UseArrayFieldProps<FieldPath<SchemaAt<T, parsePathstring<Pathstring>>>>\n}\n\nfunction useArrayFieldBase<Field extends FieldPath>(\n  field: Field\n): UseArrayFieldProps<Field> {\n  type Schema = Field['schema']\n\n  const {\n    arrayActions,\n    setValue,\n    setRawValue,\n    setMeta,\n    selectFormValues,\n    selectFieldErrorMap,\n  } = useFormContext()\n\n  const useFormSelector = untypedUseFormSelector as TypedUseFormSelector<Schema>\n\n  const valuesSelector = React.useMemo(\n    () =>\n      createSelector(\n        [selectFormValues],\n        createSelector(\n          [\n            createStructuredSelector({\n              value: ({ values }) =>\n                get(values, field.path) as z.output<Schema> | undefined,\n              rawValue: ({ rawValues }) =>\n                get(rawValues, field.path) as unknown,\n              initialValue: ({ initialValues }) =>\n                get(initialValues, field.path) as z.output<Schema> | undefined,\n            }),\n          ],\n          ({ rawValue, value, initialValue }) => {\n            const dirty = !isEqual(value, initialValue)\n            const pristine = !dirty\n            return {\n              dirty,\n              pristine,\n              length: Array.isArray(rawValue) ? rawValue.length : 0,\n            }\n          }\n        )\n      ),\n    [field.pathstring]\n  )\n\n  const { dirty, pristine, length } = useFormSelector(\n    valuesSelector,\n    shallowEqual\n  )\n\n  const error = useFormSelector(\n    (state) => selectFieldErrorMap(state)[field.pathstring]\n  )\n  const meta = useFormSelector((state) => state.fieldMeta[field.pathstring])\n  const submitFailed = useFormSelector((state) => state.submitFailed)\n\n  const boundActions = React.useMemo(\n    () =>\n      bindActionsToField(\n        { ...arrayActions, setValue, setRawValue, setMeta },\n        field\n      ),\n    [field.pathstring]\n  )\n  const elements = React.useMemo(\n    () => [...new Array(length).keys()].map((index) => field.subfield(index)),\n    [length]\n  )\n\n  return React.useMemo(\n    () => ({\n      ...boundActions,\n      visited: meta?.visited || false,\n      touched: meta?.touched || submitFailed,\n      elements,\n      dirty,\n      pristine,\n      valid: !error,\n      invalid: Boolean(error),\n    }),\n    [dirty, boundActions, elements, meta, submitFailed, error]\n  ) as any\n}\n\nexport function useArrayField<Field extends FieldPath>(\n  field: Field\n): UseArrayFieldProps<Field>\nexport function useArrayField<\n  T extends z.ZodTypeAny,\n  Path extends PathInSchema<T>\n>(field: Path): UseArrayFieldProps<FieldPath<SchemaAt<T, Path>>>\nexport function useArrayField<\n  T extends z.ZodTypeAny,\n  Pathstring extends PathstringInSchema<T>\n>(\n  field: Pathstring\n): UseArrayFieldProps<FieldPath<SchemaAt<T, parsePathstring<Pathstring>>>>\nexport function useArrayField<T extends z.ZodTypeAny>(\n  field: FieldPath | BasePath | string\n): UseArrayFieldProps<any> {\n  const { root } = useFormContext<T>()\n  return useArrayFieldBase(\n    field instanceof FieldPath ? field : root.get(field as any)\n  )\n}\n"],"mappings":";;;;;;;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AAIA,IAAAI,mBAAA,GAAAJ,OAAA;AAEA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,IAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,iBAAA,GAAAR,OAAA;AAIA,IAAAS,WAAA,GAAAT,OAAA;AAA0C,SAAAU,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,aAAAhB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAc,yBAAA,GAAAd,MAAA,CAAAe,gBAAA,CAAAlB,CAAA,EAAAG,MAAA,CAAAc,yBAAA,CAAAf,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAgB,cAAA,CAAAnB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAwC1C,SAASoB,iBAAiBA,CACxBC,KAAY,EACe;EAG3B,IAAAC,eAAA,GAOI,IAAAC,+BAAc,EAAC,CAAC;IANlBC,YAAY,GAAAF,eAAA,CAAZE,YAAY;IACZC,QAAQ,GAAAH,eAAA,CAARG,QAAQ;IACRC,WAAW,GAAAJ,eAAA,CAAXI,WAAW;IACXC,OAAO,GAAAL,eAAA,CAAPK,OAAO;IACPC,gBAAgB,GAAAN,eAAA,CAAhBM,gBAAgB;IAChBC,mBAAmB,GAAAP,eAAA,CAAnBO,mBAAmB;EAGrB,IAAMC,eAAe,GAAGC,iCAAsD;EAE9E,IAAMC,cAAc,GAAGC,iBAAK,CAACC,OAAO,CAClC;IAAA,OACE,IAAAC,wBAAc,EACZ,CAACP,gBAAgB,CAAC,EAClB,IAAAO,wBAAc,EACZ,CACE,IAAAC,kCAAwB,EAAC;MACvBC,KAAK,EAAE,SAAAA,MAAAC,IAAA;QAAA,IAAGC,MAAM,GAAAD,IAAA,CAANC,MAAM;QAAA,OACd,IAAAC,QAAG,EAACD,MAAM,EAAElB,KAAK,CAACoB,IAAI,CAAC;MAAA,CAAgC;MACzDC,QAAQ,EAAE,SAAAA,SAAAC,KAAA;QAAA,IAAGC,SAAS,GAAAD,KAAA,CAATC,SAAS;QAAA,OACpB,IAAAJ,QAAG,EAACI,SAAS,EAAEvB,KAAK,CAACoB,IAAI,CAAC;MAAA,CAAW;MACvCI,YAAY,EAAE,SAAAA,aAAAC,KAAA;QAAA,IAAGC,aAAa,GAAAD,KAAA,CAAbC,aAAa;QAAA,OAC5B,IAAAP,QAAG,EAACO,aAAa,EAAE1B,KAAK,CAACoB,IAAI,CAAC;MAAA;IAClC,CAAC,CAAC,CACH,EACD,UAAAO,KAAA,EAAuC;MAAA,IAApCN,QAAQ,GAAAM,KAAA,CAARN,QAAQ;QAAEL,KAAK,GAAAW,KAAA,CAALX,KAAK;QAAEQ,YAAY,GAAAG,KAAA,CAAZH,YAAY;MAC9B,IAAMI,KAAK,GAAG,CAAC,IAAAC,yBAAO,EAACb,KAAK,EAAEQ,YAAY,CAAC;MAC3C,IAAMM,QAAQ,GAAG,CAACF,KAAK;MACvB,OAAO;QACLA,KAAK,EAALA,KAAK;QACLE,QAAQ,EAARA,QAAQ;QACRrC,MAAM,EAAEsC,KAAK,CAACC,OAAO,CAACX,QAAQ,CAAC,GAAGA,QAAQ,CAAC5B,MAAM,GAAG;MACtD,CAAC;IACH,CACF,CACF,CAAC;EAAA,GACH,CAACO,KAAK,CAACiC,UAAU,CACnB,CAAC;EAED,IAAAC,gBAAA,GAAoCzB,eAAe,CACjDE,cAAc,EACdwB,wBACF,CAAC;IAHOP,KAAK,GAAAM,gBAAA,CAALN,KAAK;IAAEE,QAAQ,GAAAI,gBAAA,CAARJ,QAAQ;IAAErC,MAAM,GAAAyC,gBAAA,CAANzC,MAAM;EAK/B,IAAM2C,KAAK,GAAG3B,eAAe,CAC3B,UAAC4B,KAAK;IAAA,OAAK7B,mBAAmB,CAAC6B,KAAK,CAAC,CAACrC,KAAK,CAACiC,UAAU,CAAC;EAAA,CACzD,CAAC;EACD,IAAMK,IAAI,GAAG7B,eAAe,CAAC,UAAC4B,KAAK;IAAA,OAAKA,KAAK,CAACE,SAAS,CAACvC,KAAK,CAACiC,UAAU,CAAC;EAAA,EAAC;EAC1E,IAAMO,YAAY,GAAG/B,eAAe,CAAC,UAAC4B,KAAK;IAAA,OAAKA,KAAK,CAACG,YAAY;EAAA,EAAC;EAEnE,IAAMC,YAAY,GAAG7B,iBAAK,CAACC,OAAO,CAChC;IAAA,OACE,IAAA6B,sCAAkB,EAAAnD,aAAA,CAAAA,aAAA,KACXY,YAAY;MAAEC,QAAQ,EAARA,QAAQ;MAAEC,WAAW,EAAXA,WAAW;MAAEC,OAAO,EAAPA;IAAO,IACjDN,KACF,CAAC;EAAA,GACH,CAACA,KAAK,CAACiC,UAAU,CACnB,CAAC;EACD,IAAMU,QAAQ,GAAG/B,iBAAK,CAACC,OAAO,CAC5B;IAAA,OAAM,IAAA+B,mBAAA,aAAI,IAAIb,KAAK,CAACtC,MAAM,CAAC,CAACV,IAAI,CAAC,CAAC,EAAE8D,GAAG,CAAC,UAACC,KAAK;MAAA,OAAK9C,KAAK,CAAC+C,QAAQ,CAACD,KAAK,CAAC;IAAA,EAAC;EAAA,GACzE,CAACrD,MAAM,CACT,CAAC;EAED,OAAOmB,iBAAK,CAACC,OAAO,CAClB;IAAA,OAAAtB,aAAA,CAAAA,aAAA,KACKkD,YAAY;MACfO,OAAO,EAAE,CAAAV,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEU,OAAO,KAAI,KAAK;MAC/BC,OAAO,EAAE,CAAAX,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEW,OAAO,KAAIT,YAAY;MACtCG,QAAQ,EAARA,QAAQ;MACRf,KAAK,EAALA,KAAK;MACLE,QAAQ,EAARA,QAAQ;MACRoB,KAAK,EAAE,CAACd,KAAK;MACbe,OAAO,EAAEC,OAAO,CAAChB,KAAK;IAAC;EAAA,CACvB,EACF,CAACR,KAAK,EAAEa,YAAY,EAAEE,QAAQ,EAAEL,IAAI,EAAEE,YAAY,EAAEJ,KAAK,CAC3D,CAAC;AACH;AAeO,SAASiB,aAAaA,CAC3BrD,KAAoC,EACX;EACzB,IAAAsD,gBAAA,GAAiB,IAAApD,+BAAc,EAAI,CAAC;IAA5BqD,IAAI,GAAAD,gBAAA,CAAJC,IAAI;EACZ,OAAOxD,iBAAiB,CACtBC,KAAK,YAAYwD,oBAAS,GAAGxD,KAAK,GAAGuD,IAAI,CAACpC,GAAG,CAACnB,KAAY,CAC5D,CAAC;AACH","ignoreList":[]}

package/useArrayField.mjs

@@ -0,0 +1,75 @@
+import { FieldPath } from "./FieldPath.mjs";
+import React from 'react';
+import { useFormContext } from "./useFormContext.mjs";
+import { bindActionsToField } from "./util/bindActionsToField.mjs";
+import { createSelector, createStructuredSelector } from 'reselect';
+import { get } from "./util/get.mjs";
+import isEqual from 'fast-deep-equal';
+import { useFormSelector as untypedUseFormSelector } from "./useFormSelector.mjs";
+import { shallowEqual } from 'react-redux';
+function useArrayFieldBase(field) {
+  const {
+    arrayActions,
+    setValue,
+    setRawValue,
+    setMeta,
+    selectFormValues,
+    selectFieldErrorMap
+  } = useFormContext();
+  const useFormSelector = untypedUseFormSelector;
+  const valuesSelector = React.useMemo(() => createSelector([selectFormValues], createSelector([createStructuredSelector({
+    value: ({
+      values
+    }) => get(values, field.path),
+    rawValue: ({
+      rawValues
+    }) => get(rawValues, field.path),
+    initialValue: ({
+      initialValues
+    }) => get(initialValues, field.path)
+  })], ({
+    rawValue,
+    value,
+    initialValue
+  }) => {
+    const dirty = !isEqual(value, initialValue);
+    const pristine = !dirty;
+    return {
+      dirty,
+      pristine,
+      length: Array.isArray(rawValue) ? rawValue.length : 0
+    };
+  })), [field.pathstring]);
+  const {
+    dirty,
+    pristine,
+    length
+  } = useFormSelector(valuesSelector, shallowEqual);
+  const error = useFormSelector(state => selectFieldErrorMap(state)[field.pathstring]);
+  const meta = useFormSelector(state => state.fieldMeta[field.pathstring]);
+  const submitFailed = useFormSelector(state => state.submitFailed);
+  const boundActions = React.useMemo(() => bindActionsToField({
+    ...arrayActions,
+    setValue,
+    setRawValue,
+    setMeta
+  }, field), [field.pathstring]);
+  const elements = React.useMemo(() => [...new Array(length).keys()].map(index => field.subfield(index)), [length]);
+  return React.useMemo(() => ({
+    ...boundActions,
+    visited: (meta === null || meta === void 0 ? void 0 : meta.visited) || false,
+    touched: (meta === null || meta === void 0 ? void 0 : meta.touched) || submitFailed,
+    elements,
+    dirty,
+    pristine,
+    valid: !error,
+    invalid: Boolean(error)
+  }), [dirty, boundActions, elements, meta, submitFailed, error]);
+}
+export function useArrayField(field) {
+  const {
+    root
+  } = useFormContext();
+  return useArrayFieldBase(field instanceof FieldPath ? field : root.get(field));
+}
+//# sourceMappingURL=useArrayField.mjs.map

package/useArrayField.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useArrayField.mjs","names":["FieldPath","React","useFormContext","bindActionsToField","createSelector","createStructuredSelector","get","isEqual","useFormSelector","untypedUseFormSelector","shallowEqual","useArrayFieldBase","field","arrayActions","setValue","setRawValue","setMeta","selectFormValues","selectFieldErrorMap","valuesSelector","useMemo","value","values","path","rawValue","rawValues","initialValue","initialValues","dirty","pristine","length","Array","isArray","pathstring","error","state","meta","fieldMeta","submitFailed","boundActions","elements","keys","map","index","subfield","visited","touched","valid","invalid","Boolean","useArrayField","root"],"sources":["src/useArrayField.ts"],"sourcesContent":["import z from 'zod'\nimport { BasePath, FieldPath, FieldPathForRawValue } from './FieldPath'\nimport React from 'react'\nimport { useFormContext } from './useFormContext'\nimport { PathInSchema, PathstringInSchema } from './util/PathInSchema'\nimport { parsePathstring } from './util/parsePathstring'\nimport { SchemaAt } from './util/SchemaAt'\nimport { bindActionsToField } from './util/bindActionsToField'\nimport { arrayActions } from './actions/arrayActions'\nimport { createSelector, createStructuredSelector } from 'reselect'\nimport { get } from './util/get'\nimport isEqual from 'fast-deep-equal'\nimport {\n  TypedUseFormSelector,\n  useFormSelector as untypedUseFormSelector,\n} from './useFormSelector'\nimport { shallowEqual } from 'react-redux'\nimport { setValue } from './actions/setValue'\nimport { setRawValue } from './actions/setRawValue'\nimport { setMeta } from './actions/setMeta'\nimport { FieldMeta } from './FormState'\n\nexport type UseArrayFieldProps<Field extends FieldPath> = NonNullable<\n  z.input<Field['schema']>\n> extends any[]\n  ? FieldMeta &\n      ReturnType<\n        typeof bindActionsToField<\n          typeof arrayActions & {\n            setValue: typeof setValue\n            setRawValue: typeof setRawValue\n            setMeta: typeof setMeta\n          }\n        >\n      > & {\n        elements: FieldPath<SchemaAt<Field['schema'], [number]>>[]\n        error?: string\n        dirty: boolean\n        pristine: boolean\n        valid: boolean\n        invalid: boolean\n      }\n  : { ERROR: 'not an array field' }\n\nexport interface TypedUseArrayField<T extends z.ZodTypeAny> {\n  <Field extends FieldPathForRawValue<any[] | null | undefined>>(\n    field: Field\n  ): UseArrayFieldProps<Field>\n  <Path extends PathInSchema<T>>(path: Path): UseArrayFieldProps<\n    FieldPath<SchemaAt<T, Path>>\n  >\n  <Pathstring extends PathstringInSchema<T>>(\n    path: Pathstring\n  ): UseArrayFieldProps<FieldPath<SchemaAt<T, parsePathstring<Pathstring>>>>\n}\n\nfunction useArrayFieldBase<Field extends FieldPath>(\n  field: Field\n): UseArrayFieldProps<Field> {\n  type Schema = Field['schema']\n\n  const {\n    arrayActions,\n    setValue,\n    setRawValue,\n    setMeta,\n    selectFormValues,\n    selectFieldErrorMap,\n  } = useFormContext()\n\n  const useFormSelector = untypedUseFormSelector as TypedUseFormSelector<Schema>\n\n  const valuesSelector = React.useMemo(\n    () =>\n      createSelector(\n        [selectFormValues],\n        createSelector(\n          [\n            createStructuredSelector({\n              value: ({ values }) =>\n                get(values, field.path) as z.output<Schema> | undefined,\n              rawValue: ({ rawValues }) =>\n                get(rawValues, field.path) as unknown,\n              initialValue: ({ initialValues }) =>\n                get(initialValues, field.path) as z.output<Schema> | undefined,\n            }),\n          ],\n          ({ rawValue, value, initialValue }) => {\n            const dirty = !isEqual(value, initialValue)\n            const pristine = !dirty\n            return {\n              dirty,\n              pristine,\n              length: Array.isArray(rawValue) ? rawValue.length : 0,\n            }\n          }\n        )\n      ),\n    [field.pathstring]\n  )\n\n  const { dirty, pristine, length } = useFormSelector(\n    valuesSelector,\n    shallowEqual\n  )\n\n  const error = useFormSelector(\n    (state) => selectFieldErrorMap(state)[field.pathstring]\n  )\n  const meta = useFormSelector((state) => state.fieldMeta[field.pathstring])\n  const submitFailed = useFormSelector((state) => state.submitFailed)\n\n  const boundActions = React.useMemo(\n    () =>\n      bindActionsToField(\n        { ...arrayActions, setValue, setRawValue, setMeta },\n        field\n      ),\n    [field.pathstring]\n  )\n  const elements = React.useMemo(\n    () => [...new Array(length).keys()].map((index) => field.subfield(index)),\n    [length]\n  )\n\n  return React.useMemo(\n    () => ({\n      ...boundActions,\n      visited: meta?.visited || false,\n      touched: meta?.touched || submitFailed,\n      elements,\n      dirty,\n      pristine,\n      valid: !error,\n      invalid: Boolean(error),\n    }),\n    [dirty, boundActions, elements, meta, submitFailed, error]\n  ) as any\n}\n\nexport function useArrayField<Field extends FieldPath>(\n  field: Field\n): UseArrayFieldProps<Field>\nexport function useArrayField<\n  T extends z.ZodTypeAny,\n  Path extends PathInSchema<T>\n>(field: Path): UseArrayFieldProps<FieldPath<SchemaAt<T, Path>>>\nexport function useArrayField<\n  T extends z.ZodTypeAny,\n  Pathstring extends PathstringInSchema<T>\n>(\n  field: Pathstring\n): UseArrayFieldProps<FieldPath<SchemaAt<T, parsePathstring<Pathstring>>>>\nexport function useArrayField<T extends z.ZodTypeAny>(\n  field: FieldPath | BasePath | string\n): UseArrayFieldProps<any> {\n  const { root } = useFormContext<T>()\n  return useArrayFieldBase(\n    field instanceof FieldPath ? field : root.get(field as any)\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/useField.d.ts

@@ -0,0 +1,34 @@
+import z from 'zod';
+import { FieldPath } from './FieldPath';
+import { FieldMeta } from './FormState';
+import { setValue } from './actions/setValue';
+import { setRawValue } from './actions/setRawValue';
+import { setMeta } from './actions/setMeta';
+import { PathInSchema, PathstringInSchema } from './util/PathInSchema';
+import { parsePathstring } from './util/parsePathstring';
+import { SchemaAt } from './util/SchemaAt';
+import { bindActionsToField } from './util/bindActionsToField';
+export type UseFieldProps<Field extends FieldPath> = FieldMeta & ReturnType<typeof bindActionsToField<{
+    setValue: typeof setValue;
+    setRawValue: typeof setRawValue;
+    setMeta: typeof setMeta;
+}>> & {
+    value: z.output<Field['schema']> | undefined;
+    rawValue: unknown;
+    initialValue: z.output<Field['schema']> | undefined;
+    rawInitialValue: unknown;
+    error?: string;
+    dirty: boolean;
+    pristine: boolean;
+    valid: boolean;
+    invalid: boolean;
+};
+export interface TypedUseField<T extends z.ZodTypeAny> {
+    <Field extends FieldPath>(field: Field): UseFieldProps<Field>;
+    <Path extends PathInSchema<T>>(path: Path): UseFieldProps<FieldPath<SchemaAt<T, Path>>>;
+    <Pathstring extends PathstringInSchema<T>>(path: Pathstring): UseFieldProps<FieldPath<SchemaAt<T, parsePathstring<Pathstring>>>>;
+}
+export declare function useField<Field extends FieldPath>(field: Field): UseFieldProps<Field>;
+export declare function useField<T extends z.ZodTypeAny, Path extends PathInSchema<T>>(field: Path): UseFieldProps<FieldPath<SchemaAt<T, Path>>>;
+export declare function useField<T extends z.ZodTypeAny, Pathstring extends PathstringInSchema<T>>(field: Pathstring): UseFieldProps<FieldPath<SchemaAt<T, parsePathstring<Pathstring>>>>;
+//# sourceMappingURL=useField.d.ts.map

package/useField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useField.d.ts","sourceRoot":"","sources":["src/useField.ts"],"names":[],"mappings":"AAAA,OAAO,CAAC,MAAM,KAAK,CAAA;AACnB,OAAO,EAAY,SAAS,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAGvC,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAS3C,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAE1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAE9D,MAAM,MAAM,aAAa,CAAC,KAAK,SAAS,SAAS,IAAI,SAAS,GAC5D,UAAU,CACR,OAAO,kBAAkB,CAAC;IACxB,QAAQ,EAAE,OAAO,QAAQ,CAAA;IACzB,WAAW,EAAE,OAAO,WAAW,CAAA;IAC/B,OAAO,EAAE,OAAO,OAAO,CAAA;CACxB,CAAC,CACH,GAAG;IACF,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,GAAG,SAAS,CAAA;IAC5C,QAAQ,EAAE,OAAO,CAAA;IACjB,YAAY,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,GAAG,SAAS,CAAA;IACnD,eAAe,EAAE,OAAO,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,OAAO,CAAA;IACd,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,OAAO,CAAA;IACd,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAEH,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,CAAC,CAAC,UAAU;IACnD,CAAC,KAAK,SAAS,SAAS,EAAE,KAAK,EAAE,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,CAAA;IAC7D,CAAC,IAAI,SAAS,YAAY,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,GAAG,aAAa,CACvD,SAAS,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAC7B,CAAA;IACD,CAAC,UAAU,SAAS,kBAAkB,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,UAAU,GAAG,aAAa,CACzE,SAAS,CAAC,QAAQ,CAAC,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC,CACpD,CAAA;CACF;AAmFD,wBAAgB,QAAQ,CAAC,KAAK,SAAS,SAAS,EAC9C,KAAK,EAAE,KAAK,GACX,aAAa,CAAC,KAAK,CAAC,CAAA;AACvB,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,IAAI,SAAS,YAAY,CAAC,CAAC,CAAC,EAC3E,KAAK,EAAE,IAAI,GACV,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAA;AAC9C,wBAAgB,QAAQ,CACtB,CAAC,SAAS,CAAC,CAAC,UAAU,EACtB,UAAU,SAAS,kBAAkB,CAAC,CAAC,CAAC,EAExC,KAAK,EAAE,UAAU,GAChB,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA"}

package/useField.js

@@ -0,0 +1,98 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useField = useField;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _FieldPath = require("./FieldPath.js");
+var _get = require("./util/get.js");
+var _react = _interopRequireDefault(require("react"));
+var _useFormSelector = require("./useFormSelector.js");
+var _useFormContext3 = require("./useFormContext.js");
+var _reselect = require("reselect");
+var _reactRedux = require("react-redux");
+var _fastDeepEqual = _interopRequireDefault(require("fast-deep-equal"));
+var _maybeParse = require("./util/maybeParse.js");
+var _bindActionsToField = require("./util/bindActionsToField.js");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function useFieldBase(field) {
+  var _useFormContext = (0, _useFormContext3.useFormContext)(),
+    setValue = _useFormContext.setValue,
+    setRawValue = _useFormContext.setRawValue,
+    setMeta = _useFormContext.setMeta,
+    selectFormValues = _useFormContext.selectFormValues,
+    selectFieldErrorMap = _useFormContext.selectFieldErrorMap;
+  var useFormSelector = _useFormSelector.useFormSelector;
+  var valuesSelector = _react["default"].useMemo(function () {
+    return (0, _reselect.createSelector)([selectFormValues], (0, _reselect.createSelector)([(0, _reselect.createStructuredSelector)({
+      value: function value(_ref) {
+        var values = _ref.values;
+        return (0, _get.get)(values, field.path);
+      },
+      rawValue: function rawValue(_ref2) {
+        var rawValues = _ref2.rawValues;
+        return (0, _get.get)(rawValues, field.path);
+      },
+      initialValue: function initialValue(_ref3) {
+        var initialValues = _ref3.initialValues;
+        return (0, _get.get)(initialValues, field.path);
+      },
+      rawInitialValue: function rawInitialValue(_ref4) {
+        var rawInitialValues = _ref4.rawInitialValues;
+        return (0, _get.get)(rawInitialValues, field.path);
+      }
+    })], function (_ref5) {
+      var rawValue = _ref5.rawValue,
+        _ref5$value = _ref5.value,
+        value = _ref5$value === void 0 ? (0, _maybeParse.maybeParse)(field.schema, rawValue) : _ref5$value,
+        rawInitialValue = _ref5.rawInitialValue,
+        _ref5$initialValue = _ref5.initialValue,
+        initialValue = _ref5$initialValue === void 0 ? (0, _maybeParse.maybeParse)(field.schema, rawInitialValue) : _ref5$initialValue;
+      var dirty = !(0, _fastDeepEqual["default"])(value, initialValue);
+      var pristine = !dirty;
+      return {
+        value: value,
+        rawValue: rawValue,
+        initialValue: initialValue,
+        rawInitialValue: rawInitialValue,
+        dirty: dirty,
+        pristine: pristine
+      };
+    }));
+  }, [field.pathstring]);
+  var values = useFormSelector(valuesSelector, _reactRedux.shallowEqual);
+  var error = useFormSelector(function (state) {
+    return selectFieldErrorMap(state)[field.pathstring];
+  });
+  var meta = useFormSelector(function (state) {
+    return state.fieldMeta[field.pathstring];
+  });
+  var submitFailed = useFormSelector(function (state) {
+    return state.submitFailed;
+  });
+  var boundActions = _react["default"].useMemo(function () {
+    return (0, _bindActionsToField.bindActionsToField)({
+      setValue: setValue,
+      setRawValue: setRawValue,
+      setMeta: setMeta
+    }, field);
+  }, [field.pathstring]);
+  return _react["default"].useMemo(function () {
+    return _objectSpread(_objectSpread(_objectSpread({}, boundActions), values), {}, {
+      visited: (meta === null || meta === void 0 ? void 0 : meta.visited) || false,
+      touched: (meta === null || meta === void 0 ? void 0 : meta.touched) || submitFailed,
+      error: error,
+      valid: !error,
+      invalid: Boolean(error)
+    });
+  }, [field.pathstring, values, meta, error, submitFailed]);
+}
+function useField(field) {
+  var _useFormContext2 = (0, _useFormContext3.useFormContext)(),
+    root = _useFormContext2.root;
+  return useFieldBase(field instanceof _FieldPath.FieldPath ? field : root.get(field));
+}
+//# sourceMappingURL=useField.js.map

package/useField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useField.js","names":["_FieldPath","require","_get","_react","_interopRequireDefault","_useFormSelector","_useFormContext3","_reselect","_reactRedux","_fastDeepEqual","_maybeParse","_bindActionsToField","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","useFieldBase","field","_useFormContext","useFormContext","setValue","setRawValue","setMeta","selectFormValues","selectFieldErrorMap","useFormSelector","untypedUseFormSelector","valuesSelector","React","useMemo","createSelector","createStructuredSelector","value","_ref","values","get","path","rawValue","_ref2","rawValues","initialValue","_ref3","initialValues","rawInitialValue","_ref4","rawInitialValues","_ref5","_ref5$value","maybeParse","schema","_ref5$initialValue","dirty","isEqual","pristine","pathstring","shallowEqual","error","state","meta","fieldMeta","submitFailed","boundActions","bindActionsToField","visited","touched","valid","invalid","Boolean","useField","_useFormContext2","root","FieldPath"],"sources":["src/useField.ts"],"sourcesContent":["import z from 'zod'\nimport { BasePath, FieldPath } from './FieldPath'\nimport { FieldMeta } from './FormState'\nimport { get } from './util/get'\nimport React from 'react'\nimport { setValue } from './actions/setValue'\nimport { setRawValue } from './actions/setRawValue'\nimport { setMeta } from './actions/setMeta'\nimport {\n  useFormSelector as untypedUseFormSelector,\n  TypedUseFormSelector,\n} from './useFormSelector'\nimport { useFormContext } from './useFormContext'\nimport { createSelector, createStructuredSelector } from 'reselect'\nimport { shallowEqual } from 'react-redux'\nimport isEqual from 'fast-deep-equal'\nimport { PathInSchema, PathstringInSchema } from './util/PathInSchema'\nimport { parsePathstring } from './util/parsePathstring'\nimport { SchemaAt } from './util/SchemaAt'\nimport { maybeParse } from './util/maybeParse'\nimport { bindActionsToField } from './util/bindActionsToField'\n\nexport type UseFieldProps<Field extends FieldPath> = FieldMeta &\n  ReturnType<\n    typeof bindActionsToField<{\n      setValue: typeof setValue\n      setRawValue: typeof setRawValue\n      setMeta: typeof setMeta\n    }>\n  > & {\n    value: z.output<Field['schema']> | undefined\n    rawValue: unknown\n    initialValue: z.output<Field['schema']> | undefined\n    rawInitialValue: unknown\n    error?: string\n    dirty: boolean\n    pristine: boolean\n    valid: boolean\n    invalid: boolean\n  }\n\nexport interface TypedUseField<T extends z.ZodTypeAny> {\n  <Field extends FieldPath>(field: Field): UseFieldProps<Field>\n  <Path extends PathInSchema<T>>(path: Path): UseFieldProps<\n    FieldPath<SchemaAt<T, Path>>\n  >\n  <Pathstring extends PathstringInSchema<T>>(path: Pathstring): UseFieldProps<\n    FieldPath<SchemaAt<T, parsePathstring<Pathstring>>>\n  >\n}\n\nfunction useFieldBase<T extends z.ZodTypeAny, Field extends FieldPath>(\n  field: Field\n): UseFieldProps<Field> {\n  type Schema = Field['schema']\n\n  const {\n    setValue,\n    setRawValue,\n    setMeta,\n    selectFormValues,\n    selectFieldErrorMap,\n  } = useFormContext<T>()\n\n  const useFormSelector = untypedUseFormSelector as TypedUseFormSelector<T>\n\n  const valuesSelector = React.useMemo(\n    () =>\n      createSelector(\n        [selectFormValues],\n        createSelector(\n          [\n            createStructuredSelector({\n              value: ({ values }) =>\n                get(values, field.path) as z.output<Schema> | undefined,\n              rawValue: ({ rawValues }) =>\n                get(rawValues, field.path) as unknown,\n              initialValue: ({ initialValues }) =>\n                get(initialValues, field.path) as z.output<Schema> | undefined,\n              rawInitialValue: ({ rawInitialValues }) =>\n                get(rawInitialValues, field.path) as unknown,\n            }),\n          ],\n          ({\n            rawValue,\n            value = maybeParse(field.schema, rawValue),\n            rawInitialValue,\n            initialValue = maybeParse(field.schema, rawInitialValue),\n          }) => {\n            const dirty = !isEqual(value, initialValue)\n            const pristine = !dirty\n            return {\n              value,\n              rawValue,\n              initialValue,\n              rawInitialValue,\n              dirty,\n              pristine,\n            }\n          }\n        )\n      ),\n    [field.pathstring]\n  )\n\n  const values = useFormSelector(valuesSelector, shallowEqual)\n\n  const error = useFormSelector(\n    (state) => selectFieldErrorMap(state)[field.pathstring]\n  )\n  const meta = useFormSelector((state) => state.fieldMeta[field.pathstring])\n  const submitFailed = useFormSelector((state) => state.submitFailed)\n\n  const boundActions = React.useMemo(\n    () => bindActionsToField({ setValue, setRawValue, setMeta }, field),\n    [field.pathstring]\n  )\n\n  return React.useMemo(\n    () => ({\n      ...boundActions,\n      ...values,\n      visited: meta?.visited || false,\n      touched: meta?.touched || submitFailed,\n      error,\n      valid: !error,\n      invalid: Boolean(error),\n    }),\n    [field.pathstring, values, meta, error, submitFailed]\n  ) as any\n}\n\nexport function useField<Field extends FieldPath>(\n  field: Field\n): UseFieldProps<Field>\nexport function useField<T extends z.ZodTypeAny, Path extends PathInSchema<T>>(\n  field: Path\n): UseFieldProps<FieldPath<SchemaAt<T, Path>>>\nexport function useField<\n  T extends z.ZodTypeAny,\n  Pathstring extends PathstringInSchema<T>\n>(\n  field: Pathstring\n): UseFieldProps<FieldPath<SchemaAt<T, parsePathstring<Pathstring>>>>\nexport function useField<T extends z.ZodTypeAny>(\n  field: FieldPath | BasePath | string\n): UseFieldProps<any> {\n  const { root } = useFormContext<T>()\n  return useFieldBase(\n    field instanceof FieldPath ? field : root.get(field as any)\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/useField.mjs

@@ -0,0 +1,75 @@
+import { FieldPath } from "./FieldPath.mjs";
+import { get } from "./util/get.mjs";
+import React from 'react';
+import { useFormSelector as untypedUseFormSelector } from "./useFormSelector.mjs";
+import { useFormContext } from "./useFormContext.mjs";
+import { createSelector, createStructuredSelector } from 'reselect';
+import { shallowEqual } from 'react-redux';
+import isEqual from 'fast-deep-equal';
+import { maybeParse } from "./util/maybeParse.mjs";
+import { bindActionsToField } from "./util/bindActionsToField.mjs";
+function useFieldBase(field) {
+  const {
+    setValue,
+    setRawValue,
+    setMeta,
+    selectFormValues,
+    selectFieldErrorMap
+  } = useFormContext();
+  const useFormSelector = untypedUseFormSelector;
+  const valuesSelector = React.useMemo(() => createSelector([selectFormValues], createSelector([createStructuredSelector({
+    value: ({
+      values
+    }) => get(values, field.path),
+    rawValue: ({
+      rawValues
+    }) => get(rawValues, field.path),
+    initialValue: ({
+      initialValues
+    }) => get(initialValues, field.path),
+    rawInitialValue: ({
+      rawInitialValues
+    }) => get(rawInitialValues, field.path)
+  })], ({
+    rawValue,
+    value = maybeParse(field.schema, rawValue),
+    rawInitialValue,
+    initialValue = maybeParse(field.schema, rawInitialValue)
+  }) => {
+    const dirty = !isEqual(value, initialValue);
+    const pristine = !dirty;
+    return {
+      value,
+      rawValue,
+      initialValue,
+      rawInitialValue,
+      dirty,
+      pristine
+    };
+  })), [field.pathstring]);
+  const values = useFormSelector(valuesSelector, shallowEqual);
+  const error = useFormSelector(state => selectFieldErrorMap(state)[field.pathstring]);
+  const meta = useFormSelector(state => state.fieldMeta[field.pathstring]);
+  const submitFailed = useFormSelector(state => state.submitFailed);
+  const boundActions = React.useMemo(() => bindActionsToField({
+    setValue,
+    setRawValue,
+    setMeta
+  }, field), [field.pathstring]);
+  return React.useMemo(() => ({
+    ...boundActions,
+    ...values,
+    visited: (meta === null || meta === void 0 ? void 0 : meta.visited) || false,
+    touched: (meta === null || meta === void 0 ? void 0 : meta.touched) || submitFailed,
+    error,
+    valid: !error,
+    invalid: Boolean(error)
+  }), [field.pathstring, values, meta, error, submitFailed]);
+}
+export function useField(field) {
+  const {
+    root
+  } = useFormContext();
+  return useFieldBase(field instanceof FieldPath ? field : root.get(field));
+}
+//# sourceMappingURL=useField.mjs.map

package/useField.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useField.mjs","names":["FieldPath","get","React","useFormSelector","untypedUseFormSelector","useFormContext","createSelector","createStructuredSelector","shallowEqual","isEqual","maybeParse","bindActionsToField","useFieldBase","field","setValue","setRawValue","setMeta","selectFormValues","selectFieldErrorMap","valuesSelector","useMemo","value","values","path","rawValue","rawValues","initialValue","initialValues","rawInitialValue","rawInitialValues","schema","dirty","pristine","pathstring","error","state","meta","fieldMeta","submitFailed","boundActions","visited","touched","valid","invalid","Boolean","useField","root"],"sources":["src/useField.ts"],"sourcesContent":["import z from 'zod'\nimport { BasePath, FieldPath } from './FieldPath'\nimport { FieldMeta } from './FormState'\nimport { get } from './util/get'\nimport React from 'react'\nimport { setValue } from './actions/setValue'\nimport { setRawValue } from './actions/setRawValue'\nimport { setMeta } from './actions/setMeta'\nimport {\n  useFormSelector as untypedUseFormSelector,\n  TypedUseFormSelector,\n} from './useFormSelector'\nimport { useFormContext } from './useFormContext'\nimport { createSelector, createStructuredSelector } from 'reselect'\nimport { shallowEqual } from 'react-redux'\nimport isEqual from 'fast-deep-equal'\nimport { PathInSchema, PathstringInSchema } from './util/PathInSchema'\nimport { parsePathstring } from './util/parsePathstring'\nimport { SchemaAt } from './util/SchemaAt'\nimport { maybeParse } from './util/maybeParse'\nimport { bindActionsToField } from './util/bindActionsToField'\n\nexport type UseFieldProps<Field extends FieldPath> = FieldMeta &\n  ReturnType<\n    typeof bindActionsToField<{\n      setValue: typeof setValue\n      setRawValue: typeof setRawValue\n      setMeta: typeof setMeta\n    }>\n  > & {\n    value: z.output<Field['schema']> | undefined\n    rawValue: unknown\n    initialValue: z.output<Field['schema']> | undefined\n    rawInitialValue: unknown\n    error?: string\n    dirty: boolean\n    pristine: boolean\n    valid: boolean\n    invalid: boolean\n  }\n\nexport interface TypedUseField<T extends z.ZodTypeAny> {\n  <Field extends FieldPath>(field: Field): UseFieldProps<Field>\n  <Path extends PathInSchema<T>>(path: Path): UseFieldProps<\n    FieldPath<SchemaAt<T, Path>>\n  >\n  <Pathstring extends PathstringInSchema<T>>(path: Pathstring): UseFieldProps<\n    FieldPath<SchemaAt<T, parsePathstring<Pathstring>>>\n  >\n}\n\nfunction useFieldBase<T extends z.ZodTypeAny, Field extends FieldPath>(\n  field: Field\n): UseFieldProps<Field> {\n  type Schema = Field['schema']\n\n  const {\n    setValue,\n    setRawValue,\n    setMeta,\n    selectFormValues,\n    selectFieldErrorMap,\n  } = useFormContext<T>()\n\n  const useFormSelector = untypedUseFormSelector as TypedUseFormSelector<T>\n\n  const valuesSelector = React.useMemo(\n    () =>\n      createSelector(\n        [selectFormValues],\n        createSelector(\n          [\n            createStructuredSelector({\n              value: ({ values }) =>\n                get(values, field.path) as z.output<Schema> | undefined,\n              rawValue: ({ rawValues }) =>\n                get(rawValues, field.path) as unknown,\n              initialValue: ({ initialValues }) =>\n                get(initialValues, field.path) as z.output<Schema> | undefined,\n              rawInitialValue: ({ rawInitialValues }) =>\n                get(rawInitialValues, field.path) as unknown,\n            }),\n          ],\n          ({\n            rawValue,\n            value = maybeParse(field.schema, rawValue),\n            rawInitialValue,\n            initialValue = maybeParse(field.schema, rawInitialValue),\n          }) => {\n            const dirty = !isEqual(value, initialValue)\n            const pristine = !dirty\n            return {\n              value,\n              rawValue,\n              initialValue,\n              rawInitialValue,\n              dirty,\n              pristine,\n            }\n          }\n        )\n      ),\n    [field.pathstring]\n  )\n\n  const values = useFormSelector(valuesSelector, shallowEqual)\n\n  const error = useFormSelector(\n    (state) => selectFieldErrorMap(state)[field.pathstring]\n  )\n  const meta = useFormSelector((state) => state.fieldMeta[field.pathstring])\n  const submitFailed = useFormSelector((state) => state.submitFailed)\n\n  const boundActions = React.useMemo(\n    () => bindActionsToField({ setValue, setRawValue, setMeta }, field),\n    [field.pathstring]\n  )\n\n  return React.useMemo(\n    () => ({\n      ...boundActions,\n      ...values,\n      visited: meta?.visited || false,\n      touched: meta?.touched || submitFailed,\n      error,\n      valid: !error,\n      invalid: Boolean(error),\n    }),\n    [field.pathstring, values, meta, error, submitFailed]\n  ) as any\n}\n\nexport function useField<Field extends FieldPath>(\n  field: Field\n): UseFieldProps<Field>\nexport function useField<T extends z.ZodTypeAny, Path extends PathInSchema<T>>(\n  field: Path\n): UseFieldProps<FieldPath<SchemaAt<T, Path>>>\nexport function useField<\n  T extends z.ZodTypeAny,\n  Pathstring extends PathstringInSchema<T>\n>(\n  field: Pathstring\n): UseFieldProps<FieldPath<SchemaAt<T, parsePathstring<Pathstring>>>>\nexport function useField<T extends z.ZodTypeAny>(\n  field: FieldPath | BasePath | string\n): UseFieldProps<any> {\n  const { root } = useFormContext<T>()\n  return useFieldBase(\n    field instanceof FieldPath ? field : root.get(field as any)\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/useFormContext.d.ts

@@ -0,0 +1,4 @@
+import z from 'zod';
+import { FormContextProps } from './FormContext';
+export declare function useFormContext<T extends z.ZodTypeAny>(): FormContextProps<T>;
+//# sourceMappingURL=useFormContext.d.ts.map

package/useFormContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormContext.d.ts","sourceRoot":"","sources":["src/useFormContext.ts"],"names":[],"mappings":"AAAA,OAAO,CAAC,MAAM,KAAK,CAAA;AAEnB,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAE7D,wBAAgB,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC,UAAU,KAAK,gBAAgB,CAAC,CAAC,CAAC,CAM5E"}

package/useFormContext.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFormContext = useFormContext;
+var _react = _interopRequireDefault(require("react"));
+var _FormContext = require("./FormContext.js");
+function useFormContext() {
+  var props = _react["default"].useContext(_FormContext.FormContext);
+  if (!props) {
+    throw new Error("must be used inside a <FormProvider>");
+  }
+  return props;
+}
+//# sourceMappingURL=useFormContext.js.map

package/useFormContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormContext.js","names":["_react","_interopRequireDefault","require","_FormContext","useFormContext","props","React","useContext","FormContext","Error"],"sources":["src/useFormContext.ts"],"sourcesContent":["import z from 'zod'\nimport React from 'react'\nimport { FormContext, FormContextProps } from './FormContext'\n\nexport function useFormContext<T extends z.ZodTypeAny>(): FormContextProps<T> {\n  const props: FormContextProps<T> = React.useContext(FormContext) as any\n  if (!props) {\n    throw new Error(`must be used inside a <FormProvider>`)\n  }\n  return props\n}\n"],"mappings":";;;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEO,SAASE,cAAcA,CAAA,EAAgD;EAC5E,IAAMC,KAA0B,GAAGC,iBAAK,CAACC,UAAU,CAACC,wBAAW,CAAQ;EACvE,IAAI,CAACH,KAAK,EAAE;IACV,MAAM,IAAII,KAAK,uCAAuC,CAAC;EACzD;EACA,OAAOJ,KAAK;AACd","ignoreList":[]}

package/useFormContext.mjs

@@ -0,0 +1,10 @@
+import React from 'react';
+import { FormContext } from "./FormContext.mjs";
+export function useFormContext() {
+  const props = React.useContext(FormContext);
+  if (!props) {
+    throw new Error(`must be used inside a <FormProvider>`);
+  }
+  return props;
+}
+//# sourceMappingURL=useFormContext.mjs.map

package/useFormContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormContext.mjs","names":["React","FormContext","useFormContext","props","useContext","Error"],"sources":["src/useFormContext.ts"],"sourcesContent":["import z from 'zod'\nimport React from 'react'\nimport { FormContext, FormContextProps } from './FormContext'\n\nexport function useFormContext<T extends z.ZodTypeAny>(): FormContextProps<T> {\n  const props: FormContextProps<T> = React.useContext(FormContext) as any\n  if (!props) {\n    throw new Error(`must be used inside a <FormProvider>`)\n  }\n  return props\n}\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW;AAEpB,OAAO,SAASC,cAAcA,CAAA,EAAgD;EAC5E,MAAMC,KAA0B,GAAGH,KAAK,CAACI,UAAU,CAACH,WAAW,CAAQ;EACvE,IAAI,CAACE,KAAK,EAAE;IACV,MAAM,IAAIE,KAAK,CAAC,sCAAsC,CAAC;EACzD;EACA,OAAOF,KAAK;AACd","ignoreList":[]}

package/useFormDispatch.d.ts

@@ -0,0 +1,7 @@
+import z from 'zod';
+import { FormAction } from './FormAction';
+import { Dispatch } from 'redux';
+export declare const useFormDispatch: typeof useFormDispatchType;
+declare function useFormDispatchType<T extends z.ZodTypeAny>(): Dispatch<FormAction<T>>;
+export {};
+//# sourceMappingURL=useFormDispatch.d.ts.map

package/useFormDispatch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormDispatch.d.ts","sourceRoot":"","sources":["src/useFormDispatch.ts"],"names":[],"mappings":"AAEA,OAAO,CAAC,MAAM,KAAK,CAAA;AACnB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,eAAO,MAAM,eAAe,EAEvB,OAAO,mBAAmB,CAAA;AAE/B,OAAO,UAAU,mBAAmB,CAAC,CAAC,SAAS,CAAC,CAAC,UAAU,KAAK,QAAQ,CACtE,UAAU,CAAC,CAAC,CAAC,CACd,CAAA"}

package/useFormDispatch.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFormDispatch = void 0;
+var _reactRedux = require("react-redux");
+var _FormStateContext = require("./FormStateContext.js");
+var useFormDispatch = exports.useFormDispatch = (0, _reactRedux.createDispatchHook)(_FormStateContext.FormStateContext);
+//# sourceMappingURL=useFormDispatch.js.map

package/useFormDispatch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormDispatch.js","names":["_reactRedux","require","_FormStateContext","useFormDispatch","exports","createDispatchHook","FormStateContext"],"sources":["src/useFormDispatch.ts"],"sourcesContent":["import { createDispatchHook } from 'react-redux'\nimport { FormStateContext } from './FormStateContext'\nimport z from 'zod'\nimport { FormAction } from './FormAction'\nimport { Dispatch } from 'redux'\n\nexport const useFormDispatch = createDispatchHook(\n  FormStateContext\n) as typeof useFormDispatchType\n\ndeclare function useFormDispatchType<T extends z.ZodTypeAny>(): Dispatch<\n  FormAction<T>\n>\n"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAKO,IAAME,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,8BAAkB,EAC/CC,kCACF,CAA+B","ignoreList":[]}

package/useFormDispatch.mjs

@@ -0,0 +1,4 @@
+import { createDispatchHook } from 'react-redux';
+import { FormStateContext } from "./FormStateContext.mjs";
+export const useFormDispatch = createDispatchHook(FormStateContext);
+//# sourceMappingURL=useFormDispatch.mjs.map

package/useFormDispatch.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormDispatch.mjs","names":["createDispatchHook","FormStateContext","useFormDispatch"],"sources":["src/useFormDispatch.ts"],"sourcesContent":["import { createDispatchHook } from 'react-redux'\nimport { FormStateContext } from './FormStateContext'\nimport z from 'zod'\nimport { FormAction } from './FormAction'\nimport { Dispatch } from 'redux'\n\nexport const useFormDispatch = createDispatchHook(\n  FormStateContext\n) as typeof useFormDispatchType\n\ndeclare function useFormDispatchType<T extends z.ZodTypeAny>(): Dispatch<\n  FormAction<T>\n>\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,aAAa;AAChD,SAASC,gBAAgB;AAKzB,OAAO,MAAMC,eAAe,GAAGF,kBAAkB,CAC/CC,gBACF,CAA+B","ignoreList":[]}

package/useFormSelector.d.ts

@@ -0,0 +1,6 @@
+import { TypedUseSelectorHook } from 'react-redux';
+import { FormState } from './FormState';
+import z from 'zod';
+export declare const useFormSelector: import("react-redux").UseSelector<unknown>;
+export type TypedUseFormSelector<T extends z.ZodTypeAny> = TypedUseSelectorHook<FormState<T>>;
+//# sourceMappingURL=useFormSelector.d.ts.map