@saas-ui/forms 1.0.0-rc.0 → 1.0.0-rc.3

package/CHANGELOG.md

@@ -1,5 +1,57 @@
 # @saas-ui/forms
 
+## 1.0.0-rc.3
+
+### Minor Changes
+
+- 532a7d4: Updated to Chakra UI 2.2.1
+- 7a16ef7: Updated to Chakra UI 2.2.1
+
+### Patch Changes
+
+- 6133901: No longer passing down label to input fields.
+- ddec417: ArrayField no longer passing down items to the container element.
+- 5f80cea: AutoForm now renders children.
+- 532a7d4: Fixed all theme onconsistencies.
+- 1c247cb: InputField now has type="text" by default.
+- d1fb472: Select now renders a hidden input with the current value.
+- Updated dependencies [c8621b8]
+- Updated dependencies [532a7d4]
+- Updated dependencies [7a16ef7]
+- Updated dependencies [532a7d4]
+  - @saas-ui/select@1.0.0-rc.2
+  - @saas-ui/button@1.0.0-rc.2
+  - @saas-ui/input-right-button@1.0.0-rc.2
+  - @saas-ui/number-input@1.0.0-rc.2
+  - @saas-ui/password-input@1.0.0-rc.2
+  - @saas-ui/pin-input@1.0.0-rc.3
+  - @saas-ui/radio@1.0.0-rc.2
+  - @saas-ui/react-utils@1.0.0-rc.2
+  - @saas-ui/stepper@1.0.0-rc.2
+
+## 1.0.0-rc.2
+
+### Patch Changes
+
+- Re-publish.
+- Updated dependencies
+  - @saas-ui/button@1.0.0-rc.1
+  - @saas-ui/input-right-button@1.0.0-rc.1
+  - @saas-ui/number-input@1.0.0-rc.1
+  - @saas-ui/password-input@1.0.0-rc.1
+  - @saas-ui/pin-input@1.0.0-rc.2
+  - @saas-ui/radio@1.0.0-rc.1
+  - @saas-ui/react-utils@1.0.0-rc.1
+  - @saas-ui/select@1.0.0-rc.1
+  - @saas-ui/stepper@1.0.0-rc.1
+
+## 1.0.0-rc.1
+
+### Patch Changes
+
+- Updated dependencies [3dee538]
+  - @saas-ui/pin-input@1.0.0-rc.1
+
 ## 1.0.0-rc.0
 
 ### Major Changes

package/dist/auto-form.d.ts

@@ -3,8 +3,20 @@ import { FieldValues, UseFormReturn } from 'react-hook-form';
 import { FormProps } from './form';
 import { FieldResolver } from '.';
 interface AutoFormOptions {
-    submitLabel?: false | string;
+    /**
+     * The submit button label.
+     * Pass `null` to render no submit button.
+     */
+    submitLabel?: React.ReactNode;
+    /**
+     * The schema.
+     * Supports object schema, Yup or Zod.
+     * @see https://www.saas-ui.dev/docs/forms/auto-form
+     */
     schema: any;
+    /**
+     * The field resolver.
+     */
     fieldResolver?: any;
 }
 export interface AutoFormProps<TFieldValues extends FieldValues> extends Omit<FormProps<TFieldValues>, 'schema'>, AutoFormOptions {

package/dist/auto-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"auto-form.d.ts","sourceRoot":"","sources":["../src/auto-form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAI5D,OAAO,EAAQ,SAAS,EAAE,MAAM,QAAQ,CAAA;AAIxC,OAAO,EAAE,aAAa,EAAE,MAAM,GAAG,CAAA;AAEjC,UAAU,eAAe;IACvB,WAAW,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IAC5B,MAAM,EAAE,GAAG,CAAA;IACX,aAAa,CAAC,EAAE,GAAG,CAAA;CACpB;AAED,MAAM,WAAW,aAAa,CAAC,YAAY,SAAS,WAAW,CAC7D,SAAQ,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,QAAQ,CAAC,EAC7C,eAAe;CAAG;AAEtB,eAAO,MAAM,QAAQ;;MAoBhB,MAAM,YAAY;;iCAEO,GAAG,KAAK,aAAa;CAClD,CAAA"}
+{"version":3,"file":"auto-form.d.ts","sourceRoot":"","sources":["../src/auto-form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAI5D,OAAO,EAAQ,SAAS,EAAE,MAAM,QAAQ,CAAA;AAIxC,OAAO,EAAE,aAAa,EAAE,MAAM,GAAG,CAAA;AAEjC,UAAU,eAAe;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B;;;;OAIG;IACH,MAAM,EAAE,GAAG,CAAA;IACX;;OAEG;IACH,aAAa,CAAC,EAAE,GAAG,CAAA;CACpB;AAED,MAAM,WAAW,aAAa,CAAC,YAAY,SAAS,WAAW,CAC7D,SAAQ,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,QAAQ,CAAC,EAC7C,eAAe;CAAG;AAEtB,eAAO,MAAM,QAAQ;;MA2BhB,MAAM,YAAY;;iCAEO,GAAG,KAAK,aAAa;CAClD,CAAA"}

package/dist/field.d.ts

@@ -76,9 +76,9 @@ export interface RegisterFieldTypeOptions {
  * @param component The React component
  * @param options
  * @param options.isControlled Set this to true if this is a controlled field.
- * @param options.hideLabel Hide the field label, for example for checkbox or switch field.
+ * @param options.hideLabel Hide the field label, for example for the checkbox field.
  */
-export declare const registerFieldType: (type: string, component: React.FC<any>, options?: RegisterFieldTypeOptions | undefined) => import("@chakra-ui/react").ComponentWithAs<import("@chakra-ui/react").ComponentWithAs<"div", FormControlProps>, FieldProps<FieldValues, string>>;
+export declare const registerFieldType: (type: string, component: React.FC<any>, options?: RegisterFieldTypeOptions) => import("@chakra-ui/react").ComponentWithAs<import("@chakra-ui/react").ComponentWithAs<"div", FormControlProps>, FieldProps<FieldValues, string>>;
 export declare const InputField: import("@chakra-ui/react").ComponentWithAs<import("@chakra-ui/react").ComponentWithAs<"div", FormControlProps>, FieldProps<FieldValues, string>>;
 export declare const NumberInputField: import("@chakra-ui/react").ComponentWithAs<import("@chakra-ui/react").ComponentWithAs<"div", FormControlProps>, FieldProps<FieldValues, string>>;
 export declare const PasswordInputFIeld: import("@chakra-ui/react").ComponentWithAs<import("@chakra-ui/react").ComponentWithAs<"div", FormControlProps>, FieldProps<FieldValues, string>>;

package/dist/field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../src/field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAKL,eAAe,EACf,WAAW,EACX,SAAS,EACV,MAAM,iBAAiB,CAAA;AAExB,OAAO,EAIL,gBAAgB,EASjB,MAAM,kBAAkB,CAAA;AAQzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAEnD,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAED,oBAAY,UAAU,GAAG,IAAI,CAC3B,eAAe,EACf,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,WAAW,GAAG,WAAW,GAAG,SAAS,CACnE,CAAA;AAED,oBAAY,UAAU,GAClB,MAAM,GACN,QAAQ,GACR,UAAU,GACV,UAAU,GACV,QAAQ,GACR,eAAe,GACf,UAAU,GACV,OAAO,GACP,QAAQ,GACR,KAAK,GACL,MAAM,CAAA;AAEV,MAAM,WAAW,UAAU,CACzB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,CAC/D,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,MAAM,CAAC;IAChD;;OAEG;IACH,IAAI,EAAE,KAAK,CAAA;IACX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,IAAI,CACV,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,EACpC,eAAe,GAAG,aAAa,GAAG,YAAY,GAAG,UAAU,CAC5D,CAAA;IACD;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB;;;;;;;;;;;;;;;;OAgBG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAqBD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAwB1C,CAAA;AAMD,eAAO,MAAM,KAAK;;;;MAkBb,MAAM,YAAY,CAAA;AA6DvB,eAAO,MAAM,mBAAmB,mBAAoB,GAAG,qFAqBtD,CAAA;AAED,eAAO,MAAM,qBAAqB,mBAAoB,GAAG,qFAgBxD,CAAA;AAED,MAAM,WAAW,wBAAwB;IACvC,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAA;CAC1B;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,SACtB,MAAM,aACD,MAAM,EAAE,CAAC,GAAG,CAAC,qMAsBzB,CAAA;AAID,eAAO,MAAM,UAAU,kJAAmC,CAAA;AAC1D,eAAO,MAAM,gBAAgB,kJAE3B,CAAA;AACF,eAAO,MAAM,kBAAkB,kJAA+C,CAAA;AAC9E,eAAO,MAAM,aAAa,kJAA0C,CAAA;AACpE,eAAO,MAAM,WAAW,kJAavB,CAAA;AACD,eAAO,MAAM,WAAW,kJAEtB,CAAA;AACF,eAAO,MAAM,aAAa,kJAYzB,CAAA;AACD,eAAO,MAAM,UAAU,kJAErB,CAAA;AACF,eAAO,MAAM,QAAQ,kJAEnB,CAAA;AACF,eAAO,MAAM,iBAAiB,kJAI7B,CAAA"}
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../src/field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAKL,eAAe,EACf,WAAW,EACX,SAAS,EACV,MAAM,iBAAiB,CAAA;AAExB,OAAO,EAIL,gBAAgB,EASjB,MAAM,kBAAkB,CAAA;AAQzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAEnD,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAED,oBAAY,UAAU,GAAG,IAAI,CAC3B,eAAe,EACf,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,WAAW,GAAG,WAAW,GAAG,SAAS,CACnE,CAAA;AAED,oBAAY,UAAU,GAClB,MAAM,GACN,QAAQ,GACR,UAAU,GACV,UAAU,GACV,QAAQ,GACR,eAAe,GACf,UAAU,GACV,OAAO,GACP,QAAQ,GACR,KAAK,GACL,MAAM,CAAA;AAEV,MAAM,WAAW,UAAU,CACzB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,CAC/D,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,MAAM,CAAC;IAChD;;OAEG;IACH,IAAI,EAAE,KAAK,CAAA;IACX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,IAAI,CACV,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,EACpC,eAAe,GAAG,aAAa,GAAG,YAAY,GAAG,UAAU,CAC5D,CAAA;IACD;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB;;;;;;;;;;;;;;;;OAgBG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAqBD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAwB1C,CAAA;AAMD,eAAO,MAAM,KAAK;;;;MAkBb,MAAM,YAAY,CAAA;AA6DvB,eAAO,MAAM,mBAAmB,mBAAoB,GAAG,qFAqBtD,CAAA;AAED,eAAO,MAAM,qBAAqB,mBAAoB,GAAG,qFAgBxD,CAAA;AAED,MAAM,WAAW,wBAAwB;IACvC,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAA;CAC1B;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,SACtB,MAAM,aACD,MAAM,EAAE,CAAC,GAAG,CAAC,YACd,wBAAwB,qJAqBnC,CAAA;AAED,eAAO,MAAM,UAAU,kJAKtB,CAAA;AACD,eAAO,MAAM,gBAAgB,kJAE3B,CAAA;AACF,eAAO,MAAM,kBAAkB,kJAA+C,CAAA;AAC9E,eAAO,MAAM,aAAa,kJAA0C,CAAA;AACpE,eAAO,MAAM,WAAW,kJAQvB,CAAA;AACD,eAAO,MAAM,WAAW,kJAEtB,CAAA;AACF,eAAO,MAAM,aAAa,kJAczB,CAAA;AACD,eAAO,MAAM,UAAU,kJAErB,CAAA;AACF,eAAO,MAAM,QAAQ,kJAEnB,CAAA;AACF,eAAO,MAAM,iBAAiB,kJAI7B,CAAA"}

package/dist/index.js

@@ -1,2 +1,2 @@
-var e=require("react"),r=require("@chakra-ui/utils"),t=require("react-hook-form"),n=require("@chakra-ui/react"),a=require("@saas-ui/number-input"),l=require("@saas-ui/password-input"),i=require("@saas-ui/radio"),o=require("@saas-ui/pin-input"),s=require("@saas-ui/select"),u=require("@chakra-ui/system"),d=require("@chakra-ui/icons"),m=require("@saas-ui/button"),c=require("@chakra-ui/react-utils"),p=require("@saas-ui/stepper"),f=require("@saas-ui/input-right-button");function v(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}}),r.default=e,r}var x=/*#__PURE__*/v(e);function h(){return h=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},h.apply(this,arguments)}function F(e,r){if(null==e)return{};var t,n,a={},l=Object.keys(e);for(n=0;n<l.length;n++)r.indexOf(t=l[n])>=0||(a[t]=e[t]);return a}var y=["name","label","placeholder"],b=function(e){var r=e.name,t=e.label,a=F(e,y);/*#__PURE__*/return x.createElement(n.FormControl,a,t?/*#__PURE__*/x.createElement(n.FormLabel,{htmlFor:r},t):null,/*#__PURE__*/x.createElement(n.Text,{fontSize:"md"},/*#__PURE__*/x.createElement(E,{name:r})))};r.__DEV__&&(b.displayName="DisplayField");var E=function(e){var r=e.name;return(0,t.useFormContext().getValues)(r)||null};r.__DEV__&&(E.displayName="FormValue");var _=["name","label","help","variant","hideLabel","children"],C=["id","name","label","help","isDisabled","isInvalid","isReadOnly","isRequired","rules","variant"],g=["name","rules"],S=["ref"],N=["name","rules"],R=["ref"],V=["label"],w=["label"],D={},A=function(e){var r=e.name,a=e.label,l=e.help,i=e.variant,o=e.hideLabel,s=e.children,u=F(e,_),d=function(e,r){return t.get(r.errors,e)}(r,t.useFormContext().formState);/*#__PURE__*/return x.createElement(n.FormControl,h({variant:i},u,{isInvalid:!!d}),a&&!o?/*#__PURE__*/x.createElement(n.FormLabel,{variant:i},a):null,/*#__PURE__*/x.createElement(n.Box,null,s,!l||null!=d&&d.message?null:/*#__PURE__*/x.createElement(n.FormHelperText,null,l),(null==d?void 0:d.message)&&/*#__PURE__*/x.createElement(n.FormErrorMessage,null,null==d?void 0:d.message)))};r.__DEV__&&(A.displayName="BaseField");var k=n.forwardRef(function(e,r){var t=e.type;/*#__PURE__*/return x.createElement(D[void 0===t?"text":t]||D.text,h({ref:r},e))}),I=function(e){return n.forwardRef(function(r,a){var l=r.name,i=r.rules,o=F(r,g),s=t.useFormContext();/*#__PURE__*/return x.createElement(t.Controller,{name:l,control:s.control,rules:i,render:function(r){var t=r.field,l=t.ref,i=F(t,S);/*#__PURE__*/return x.createElement(e,h({},i,o,{ref:n.useMergeRefs(a,l)}))}})})},L=function(e){return n.forwardRef(function(r,a){var l=r.name,i=r.rules,o=F(r,N),s=(0,t.useFormContext().register)(l,i),u=s.ref,d=F(s,R);/*#__PURE__*/return x.createElement(e,h({},d,o,{ref:n.useMergeRefs(a,u)}))})},P=function(e,r,t){var a=function(e,r){var t=r.displayName,a=r.hideLabel,l=r.BaseField,i=n.forwardRef(function(r,t){var n=r.id,i=r.name,o=r.label,s=r.help,u=r.isDisabled,d=r.isInvalid,m=r.isReadOnly,c=r.isRequired,p=r.rules,f=r.variant,v=F(r,C),y=h({required:c},p);/*#__PURE__*/return x.createElement(l,{id:n,name:i,label:o,help:s,hideLabel:a,isDisabled:u,isInvalid:d,isReadOnly:m,isRequired:c,variant:f},/*#__PURE__*/x.createElement(e,h({ref:t,id:n,name:i,label:o,rules:y},v)))});return i.displayName=t,i}(null!=t&&t.isControlled?I(r):L(r),{displayName:e.split("-").map(function(e){return e.charAt(0).toUpperCase()+e.slice(1)}).join("")+"Field",hideLabel:null==t?void 0:t.hideLabel,BaseField:(null==t?void 0:t.BaseField)||A});return D[e]=a,a},B=P("text",n.Input),q=P("number",a.NumberInput,{isControlled:!0}),O=P("password",l.PasswordInput),j=P("textarea",n.Textarea),M=P("switch",n.forwardRef(function(e,r){var t=e.label,a=F(e,V);/*#__PURE__*/return x.createElement(n.Switch,h({ref:r},a),t)}),{isControlled:!0,hideLabel:!0}),U=P("select",s.Select,{isControlled:!0}),T=P("checkbox",n.forwardRef(function(e,r){var t=e.label,a=F(e,w);/*#__PURE__*/return x.createElement(n.Checkbox,h({ref:r},a),t)}),{hideLabel:!0}),H=P("radio",i.RadioInput,{isControlled:!0}),G=P("pin",o.PinInput,{isControlled:!0}),z=P("native-select",s.NativeSelect,{isControlled:!0}),W=function(e){return e&&Object.entries(e).map(function(e){return h({},e[1],{name:e[0]})})},J=function(e){return{getFields:function(){return W(e)},getNestedFields:function(t){var n,a=r.get(e,t);return a?"object"===(null==(n=a.items)?void 0:n.type)?W(a.items.properties):"object"===a.type?W(a.properties):[a.items]:[]}}},K=["mode","resolver","reValidateMode","shouldFocusError","shouldUnregister","shouldUseNativeValidation","criteriaMode","delayError","schema","defaultValues","onSubmit","onError","formRef","children"],Q=n.forwardRef(function(e,a){var l=e.mode,i=void 0===l?"all":l,o=e.resolver,s=e.reValidateMode,u=e.shouldFocusError,d=e.shouldUnregister,m=e.shouldUseNativeValidation,c=e.criteriaMode,p=e.delayError,f=e.schema,v=e.defaultValues,y=e.onSubmit,b=e.onError,E=e.formRef,_=e.children,C=F(e,K),g={mode:i,resolver:o,defaultValues:v,reValidateMode:s,shouldFocusError:u,shouldUnregister:d,shouldUseNativeValidation:m,criteriaMode:c,delayError:p};f&&!o&&(g.resolver=null==Q.getResolver?void 0:Q.getResolver(f));var S=t.useForm(g),N=S.handleSubmit;return x.useImperativeHandle(a,function(){return S},[a,S]),/*#__PURE__*/x.createElement(t.FormProvider,S,/*#__PURE__*/x.createElement(n.chakra.form,h({ref:E,onSubmit:N(y,b)},C,{className:r.cx("saas-form",e.className)}),_))});Q.getFieldResolver=J,r.__DEV__&&(Q.displayName="Form");var X=["children"],Y=function(e){/*#__PURE__*/return x.createElement(n.chakra.div,null,e.children)};r.__DEV__&&(Y.displayName="FormLayoutItem");var Z=function(e){var t,a,l,i=e.children,o=F(e,X),s=h({},null!=(t=null==(a=n.useTheme().components)||null==(l=a.FormLayout)?void 0:l.defaultProps)?t:{spacing:4},o);/*#__PURE__*/return x.createElement(n.SimpleGrid,h({},s,{className:r.cx("saas-form__layout",o.className)}),x.Children.map(i,function(e){return x.isValidElement(e)?/*#__PURE__*/x.createElement(Y,null,e):e}))};r.__DEV__&&(Z.displayName="FormLayout");var $=function(e,r){return x.Children.map(r,function(r){return x.isValidElement(r)&&r.props.name?x.cloneElement(r,h({},r.props,{name:e+"."+r.props.name})):r})},ee=c.createContext({name:"ArrayFieldContext"}),re=ee[0],te=ee[1],ne=c.createContext({name:"ArrayFieldRowContext"}),ae=ne[0],le=ne[1],ie=function(e){var r=e.name,n=e.defaultValue,a=void 0===n?{}:n,l=e.keyName,i=e.min,o=e.max,s=t.useFormContext();return h({},t.useFieldArray({control:s.control,name:r,keyName:l}),{name:r,defaultValue:a,min:i,max:o})},oe=function(e){var r=e.index,n=t.useFormContext().clearErrors,a=te(),l=a.name,i=a.remove,o=a.fields;return x.useEffect(function(){n(l)},[]),{index:r,isFirst:0===r,isLast:r===o.length-1,name:l+"."+r,remove:x.useCallback(function(){n(l),i(r)},[r])}},se=function(){var e=le(),r=e.isFirst,t=e.remove,n=te(),a=n.min;return{onClick:function(){return t()},isDisabled:r&&!!(a&&n.fields.length<=a)}},ue=function(){var e=te(),r=e.append,t=e.defaultValue,n=e.max;return{onClick:function(){return r(t,{shouldFocus:!1})},isDisabled:!!(n&&e.fields.length>=n)}},de=["children","columns","spacing"],me=["children"],ce=["name","defaultValue","keyName","min","max","children"],pe=function(e){/*#__PURE__*/return x.createElement(ve,{index:e.index},/*#__PURE__*/x.createElement(fe,{columns:e.columns,spacing:e.spacing},e.children),/*#__PURE__*/x.createElement(xe,null))};r.__DEV__&&(pe.displayName="ArrayFieldRow");var fe=function(e){var r=e.children,t=e.columns,n=e.spacing,a=F(e,de),l=le().name;/*#__PURE__*/return x.createElement(Z,h({flex:"1",columns:t,gridGap:n,mr:"2"},a),$(l,r))};r.__DEV__&&(fe.displayName="ArrayFieldRowFields");var ve=function(e){var r=e.children,t=oe({index:e.index});/*#__PURE__*/return x.createElement(ae,{value:t},/*#__PURE__*/x.createElement(u.chakra.div,{__css:{display:"flex",flexDirection:"row",alignItems:"flex-end",width:"100%",mb:4}},r))};r.__DEV__&&(ve.displayName="ArrayFieldRowContainer");var xe=function(e){/*#__PURE__*/return x.createElement(m.IconButton,h({icon:/*#__PURE__*/x.createElement(d.MinusIcon,null),"aria-label":"Remove row"},se(),e))};r.__DEV__&&(xe.displayName="ArrayFieldRemoveButton");var he=function(e){/*#__PURE__*/return x.createElement(m.IconButton,h({icon:/*#__PURE__*/x.createElement(d.AddIcon,null),"aria-label":"Add row",float:"right"},ue(),e))};r.__DEV__&&(he.displayName="ArrayFieldAddButton");var Fe=x.forwardRef(function(e,r){var t=e.children,n=F(e,me);/*#__PURE__*/return x.createElement(be,h({ref:r},n),/*#__PURE__*/x.createElement(ye,null,function(e){/*#__PURE__*/return x.createElement(x.Fragment,null,e.map(function(e,r){/*#__PURE__*/return x.createElement(pe,{key:e.id,index:r},t)}))}),/*#__PURE__*/x.createElement(he,null))});r.__DEV__&&(Fe.displayName="ArrayField");var ye=function(e){return(0,e.children)(te().fields)};r.__DEV__&&(ye.displayName="ArrayFieldRows");var be=x.forwardRef(function(e,r){var t=e.name,n=e.defaultValue,a=e.keyName,l=e.min,i=e.max,o=e.children,s=F(e,ce),u=ie({name:t,defaultValue:n,keyName:a,min:l,max:i});return x.useImperativeHandle(r,function(){return u},[r,u]),/*#__PURE__*/x.createElement(re,{value:u},/*#__PURE__*/x.createElement(A,h({name:t},s),o))});r.__DEV__&&(be.displayName="ArrayFieldContainer");var Ee=["name","label","hideLabel","children","columns","spacing"],_e=function(e){var r=n.useStyles();/*#__PURE__*/return x.createElement(n.FormLabel,h({as:"legend",sx:r.legend},e))},Ce=function(e){var r=e.name,t=e.label,a=e.hideLabel,l=e.children,i=e.columns,o=e.spacing,s=F(e,Ee);/*#__PURE__*/return x.createElement(n.FormControl,h({name:r,as:"fieldset"},s),/*#__PURE__*/x.createElement(_e,{display:a?"none":"block"},t),/*#__PURE__*/x.createElement(Z,{columns:i,gridGap:o},$(r,l)))};r.__DEV__&&(Ce.displayName="ObjectField");var ge=["name","type"],Se=["schema","fieldResolver"],Ne=["name","type","defaultValue"],Re=function(e,r){var t;return null==(t=e.getNestedFields(r))?void 0:t.map(function(e,r){var t=e.name,n=e.type,a=F(e,ge);/*#__PURE__*/return x.createElement(k,h({key:t||r,name:t,type:n},a))})},Ve=function(e){var r=e.schema,t=e.fieldResolver,n=F(e,Se),a=x.useMemo(function(){return t||Q.getFieldResolver(r)},[r,t]);/*#__PURE__*/return x.createElement(Z,n,a.getFields().map(function(e){var r=e.name,t=e.type,n=F(e,Ne);return"array"===t?/*#__PURE__*/x.createElement(Fe,h({key:r,name:r},n),Re(a,r)):"object"===t?/*#__PURE__*/x.createElement(Ce,h({key:r,name:r},n),Re(a,r)):/*#__PURE__*/x.createElement(k,h({key:r,name:r,type:t},n))}))};r.__DEV__&&(Ve.displayName="Fields");var we=["children","disableIfUntouched","disableIfInvalid"],De=u.forwardRef(function(e,r){var n=e.children,a=e.disableIfUntouched,l=e.disableIfInvalid,i=F(e,we),o=t.useFormContext().formState;/*#__PURE__*/return x.createElement(m.Button,h({type:"submit",isLoading:o.isSubmitting,isPrimary:!0,ref:r,isDisabled:a&&!o.isDirty||l&&!o.isValid},i),n)});De.defaultProps={label:"Submit",disableIfUntouched:!1,disableIfInvalid:!1},r.__DEV__&&(De.displayName="SubmitButton");var Ae=["schema","submitLabel","fieldResolver"],ke=n.forwardRef(function(e,r){var t=e.schema,n=e.submitLabel,a=void 0===n?"Submit":n,l=e.fieldResolver,i=F(e,Ae);/*#__PURE__*/return x.createElement(Q,h({},i,{schema:t,ref:r}),/*#__PURE__*/x.createElement(Z,null,/*#__PURE__*/x.createElement(Ve,{schema:t,fieldResolver:l}),a&&/*#__PURE__*/x.createElement(De,{label:a})))});r.__DEV__&&(ke.displayName="AutoForm");var Ie=function(e){var r=e.children,n=e.condition;return(void 0===n?function(e){return!!e}:n)(t.useWatch({name:e.name,defaultValue:e.defaultValue,disabled:e.isDisabled,exact:e.isExact}),t.useFormContext())?r:null};r.__DEV__&&(Ie.displayName="DisplayIf");var Le=c.createContext({name:"StepFormContext",errorMessage:"useStepFormContext: `context` is undefined. Seems you forgot to wrap step form components in `<StepForm />`"}),Pe=Le[0],Be=Le[1];function qe(e){var r=p.useStepper(e),t=r.activeStep,n=r.isLastStep,a=r.nextStep,l=x.useState({}),i=l[0],o=l[1],s=x.useCallback(function(r){try{return n?Promise.resolve(null==e.onSubmit?void 0:e.onSubmit(r).then(function(){d(h({},i[t],{isCompleted:!0}))}).then(a)):(a(),Promise.resolve())}catch(e){return Promise.reject(e)}},[t,n]),u=x.useCallback(function(){var e=i[t];return{onSubmit:s,schema:null==e?void 0:e.schema,resolver:null==e?void 0:e.resolver}},[i,s,t]),d=x.useCallback(function(e){o(function(r){var t;return h({},r,((t={})[e.name]=e,t))})},[i]);return h({getFormProps:u,updateStep:d,steps:i},r)}function Oe(e){var r=e.name,t=e.schema,n=e.resolver,a=p.useStep({name:r}),l=Be(),i=l.steps,o=l.updateStep;return x.useEffect(function(){o({name:r,schema:t,resolver:n})},[r,t]),h({},a,i[r]||{name:r,schema:t})}var je=["children"],Me=["getFormProps"],Ue=["name","schema","resolver","children","className"],Te=["label","submitLabel"],He=x.forwardRef(function(e,t){var n=e.children,a=F(e,je),l=qe(e),i=l.getFormProps,o=F(l,Me),s=x.useMemo(function(){return o},[o]);/*#__PURE__*/return x.createElement(p.StepperProvider,{value:s},/*#__PURE__*/x.createElement(Pe,{value:s},/*#__PURE__*/x.createElement(Q,h({ref:t},a,i()),r.runIfFn(n,l))))}),Ge=function(e){var t=e.name,n=e.schema,a=e.resolver,l=e.children,i=e.className,o=F(e,Ue);return Oe({name:t,schema:n,resolver:a}).isActive?/*#__PURE__*/x.createElement(u.chakra.div,h({},o,{className:r.cx("saas-form__step",i)}),l):null};r.__DEV__&&(Ge.displayName="FormStep");var ze=function(e){var t=p.useStepperContext(),n=t.prevStep;/*#__PURE__*/return x.createElement(m.Button,h({isDisabled:t.isFirstStep||t.isCompleted,label:"Back"},e,{className:r.cx("saas-form__prev-button",e.className),onClick:r.callAllHandlers(e.onClick,n)}))};r.__DEV__&&(ze.displayName="PrevButton");var We=function(e){var t=e.label,n=void 0===t?"Next":t,a=e.submitLabel,l=void 0===a?"Complete":a,i=F(e,Te),o=p.useStepperContext(),s=o.isCompleted;/*#__PURE__*/return x.createElement(De,h({isDisabled:s,label:o.isLastStep||s?l:n},i,{className:r.cx("saas-form__next-button",e.className)}))};r.__DEV__&&(We.displayName="NextButton"),exports.ArrayField=Fe,exports.ArrayFieldAddButton=he,exports.ArrayFieldContainer=be,exports.ArrayFieldProvider=re,exports.ArrayFieldRemoveButton=xe,exports.ArrayFieldRow=pe,exports.ArrayFieldRowContainer=ve,exports.ArrayFieldRowFields=fe,exports.ArrayFieldRowProvider=ae,exports.ArrayFieldRows=ye,exports.AutoForm=ke,exports.BaseField=A,exports.CheckboxField=T,exports.DisplayField=b,exports.DisplayIf=Ie,exports.Field=k,exports.Fields=Ve,exports.Form=Q,exports.FormLayout=Z,exports.FormLegend=_e,exports.FormStep=Ge,exports.FormStepper=function(e){var r=u.useMultiStyleConfig("Stepper",e),t=x.Children.map(e.children,function(e){if(x.isValidElement(e)&&(null==e?void 0:e.type)===Ge){var r=Oe(e.props);/*#__PURE__*/return x.createElement(p.StepperStep,{name:e.props.name,title:e.props.title,isCompleted:r.isCompleted},e.props.children)}return e});/*#__PURE__*/return x.createElement(u.StylesProvider,{value:r},/*#__PURE__*/x.createElement(p.StepperSteps,h({mb:"4"},e),t))},exports.FormValue=E,exports.InputField=B,exports.NativeSelectField=z,exports.NextButton=We,exports.NumberInputField=q,exports.ObjectField=Ce,exports.PasswordInputFIeld=O,exports.PinField=G,exports.PrevButton=ze,exports.RadioField=H,exports.SelectField=U,exports.StepForm=He,exports.StepFormProvider=Pe,exports.SubmitButton=De,exports.SwitchField=M,exports.TextareaField=j,exports.objectFieldResolver=J,exports.registerFieldType=P,exports.useArrayField=ie,exports.useArrayFieldAddButton=ue,exports.useArrayFieldContext=te,exports.useArrayFieldRemoveButton=se,exports.useArrayFieldRow=oe,exports.useArrayFieldRowContext=le,exports.useFormStep=Oe,exports.useStepForm=qe,exports.useStepFormContext=Be,exports.withControlledInput=I,exports.withUncontrolledInput=L,Object.keys(f).forEach(function(e){"default"===e||exports.hasOwnProperty(e)||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return f[e]}})});
+var e=require("react"),r=require("@chakra-ui/utils"),t=require("react-hook-form"),n=require("@chakra-ui/react"),a=require("@saas-ui/number-input"),l=require("@saas-ui/password-input"),i=require("@saas-ui/radio"),o=require("@saas-ui/pin-input"),s=require("@saas-ui/select"),u=require("@chakra-ui/system"),d=require("@chakra-ui/icons"),m=require("@saas-ui/button"),c=require("@chakra-ui/react-utils"),p=require("@saas-ui/stepper"),f=require("@saas-ui/input-right-button");function v(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}}),r.default=e,r}var x=/*#__PURE__*/v(e);function h(){return h=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},h.apply(this,arguments)}function y(e,r){if(null==e)return{};var t,n,a={},l=Object.keys(e);for(n=0;n<l.length;n++)r.indexOf(t=l[n])>=0||(a[t]=e[t]);return a}var F=["name","label","placeholder"],b=function(e){var r=e.name,t=e.label,a=y(e,F);/*#__PURE__*/return x.createElement(n.FormControl,a,t?/*#__PURE__*/x.createElement(n.FormLabel,{htmlFor:r},t):null,/*#__PURE__*/x.createElement(n.Text,{fontSize:"md"},/*#__PURE__*/x.createElement(E,{name:r})))};r.__DEV__&&(b.displayName="DisplayField");var E=function(e){var r=e.name;return(0,t.useFormContext().getValues)(r)||null};r.__DEV__&&(E.displayName="FormValue");var _=["name","label","help","variant","hideLabel","children"],g=["id","name","label","help","isDisabled","isInvalid","isReadOnly","isRequired","rules","variant"],C=["name","rules"],S=["ref"],N=["name","rules"],R=["ref"],V=["type"],w=["type"],D=["label","type"],A={},k=function(e){var r=e.name,a=e.label,l=e.help,i=e.variant,o=e.hideLabel,s=e.children,u=y(e,_),d=function(e,r){return t.get(r.errors,e)}(r,t.useFormContext().formState);/*#__PURE__*/return x.createElement(n.FormControl,h({variant:i},u,{isInvalid:!!d}),a&&!o?/*#__PURE__*/x.createElement(n.FormLabel,{variant:i},a):null,/*#__PURE__*/x.createElement(n.Box,null,s,!l||null!=d&&d.message?null:/*#__PURE__*/x.createElement(n.FormHelperText,null,l),(null==d?void 0:d.message)&&/*#__PURE__*/x.createElement(n.FormErrorMessage,null,null==d?void 0:d.message)))};r.__DEV__&&(k.displayName="BaseField");var I=n.forwardRef(function(e,r){var t=e.type;/*#__PURE__*/return x.createElement(A[void 0===t?"text":t]||A.text,h({ref:r},e))}),L=function(e){return n.forwardRef(function(r,a){var l=r.name,i=r.rules,o=y(r,C),s=t.useFormContext();/*#__PURE__*/return x.createElement(t.Controller,{name:l,control:s.control,rules:i,render:function(r){var t=r.field,l=t.ref,i=y(t,S);/*#__PURE__*/return x.createElement(e,h({},i,o,{ref:n.useMergeRefs(a,l)}))}})})},P=function(e){return n.forwardRef(function(r,a){var l=r.name,i=r.rules,o=y(r,N),s=(0,t.useFormContext().register)(l,i),u=s.ref,d=y(s,R);/*#__PURE__*/return x.createElement(e,h({},d,o,{ref:n.useMergeRefs(a,u)}))})},B=function(e,r,t){var a=function(e,r){var t=r.displayName,a=r.hideLabel,l=r.BaseField,i=n.forwardRef(function(r,t){var n=r.id,i=r.name,o=r.label,s=r.help,u=r.isDisabled,d=r.isInvalid,m=r.isReadOnly,c=r.isRequired,p=r.rules,f=r.variant,v=y(r,g),F=h({required:c},p);/*#__PURE__*/return x.createElement(l,{id:n,name:i,label:o,help:s,hideLabel:a,isDisabled:u,isInvalid:d,isReadOnly:m,isRequired:c,variant:f},/*#__PURE__*/x.createElement(e,h({ref:t,id:n,name:i,label:a?o:void 0,rules:F},v)))});return i.displayName=t,i}(null!=t&&t.isControlled?L(r):P(r),{displayName:e.split("-").map(function(e){return e.charAt(0).toUpperCase()+e.slice(1)}).join("")+"Field",hideLabel:null==t?void 0:t.hideLabel,BaseField:(null==t?void 0:t.BaseField)||k});return A[e]=a,a},O=B("text",n.forwardRef(function(e,r){var t=e.type,a=void 0===t?"text":t,l=y(e,V);/*#__PURE__*/return x.createElement(n.Input,h({type:a},l,{ref:r}))})),j=B("number",a.NumberInput,{isControlled:!0}),q=B("password",l.PasswordInput),M=B("textarea",n.Textarea),U=B("switch",n.forwardRef(function(e,r){var t=y(e,w);/*#__PURE__*/return x.createElement(n.Switch,h({},t,{ref:r}))}),{isControlled:!0}),T=B("select",s.Select,{isControlled:!0}),H=B("checkbox",n.forwardRef(function(e,r){var t=e.label,a=y(e,D);/*#__PURE__*/return x.createElement(n.Checkbox,h({ref:r},a),t)}),{hideLabel:!0}),G=B("radio",i.RadioInput,{isControlled:!0}),z=B("pin",o.PinInput,{isControlled:!0}),W=B("native-select",s.NativeSelect,{isControlled:!0}),J=["items"],K=function(e){return e&&Object.entries(e).map(function(e){var r=e[0];return h({},y(e[1],J),{name:r})})},Q=function(e){return{getFields:function(){return K(e)},getNestedFields:function(t){var n,a=r.get(e,t);return a?"object"===(null==(n=a.items)?void 0:n.type)?K(a.items.properties):"object"===a.type?K(a.properties):[a.items]:[]}}},X=["mode","resolver","reValidateMode","shouldFocusError","shouldUnregister","shouldUseNativeValidation","criteriaMode","delayError","schema","defaultValues","onSubmit","onError","formRef","children"],Y=n.forwardRef(function(e,a){var l=e.mode,i=void 0===l?"all":l,o=e.resolver,s=e.reValidateMode,u=e.shouldFocusError,d=e.shouldUnregister,m=e.shouldUseNativeValidation,c=e.criteriaMode,p=e.delayError,f=e.schema,v=e.defaultValues,F=e.onSubmit,b=e.onError,E=e.formRef,_=e.children,g=y(e,X),C={mode:i,resolver:o,defaultValues:v,reValidateMode:s,shouldFocusError:u,shouldUnregister:d,shouldUseNativeValidation:m,criteriaMode:c,delayError:p};f&&!o&&(C.resolver=null==Y.getResolver?void 0:Y.getResolver(f));var S=t.useForm(C),N=S.handleSubmit;return x.useImperativeHandle(a,function(){return S},[a,S]),/*#__PURE__*/x.createElement(t.FormProvider,S,/*#__PURE__*/x.createElement(n.chakra.form,h({ref:E,onSubmit:N(F,b)},g,{className:r.cx("saas-form",e.className)}),_))});Y.getFieldResolver=Q,r.__DEV__&&(Y.displayName="Form");var Z=["children"],$=function(e){/*#__PURE__*/return x.createElement(n.chakra.div,null,e.children)};r.__DEV__&&($.displayName="FormLayoutItem");var ee=function(e){var t,a,l,i=e.children,o=y(e,Z),s=h({},null!=(t=null==(a=n.useTheme().components)||null==(l=a.FormLayout)?void 0:l.defaultProps)?t:{spacing:4},o);/*#__PURE__*/return x.createElement(n.SimpleGrid,h({},s,{className:r.cx("saas-form__layout",o.className)}),x.Children.map(i,function(e){return x.isValidElement(e)?/*#__PURE__*/x.createElement($,null,e):e}))};r.__DEV__&&(ee.displayName="FormLayout");var re=function(e,r){return x.Children.map(r,function(r){return x.isValidElement(r)&&r.props.name?x.cloneElement(r,h({},r.props,{name:e+"."+r.props.name})):r})},te=c.createContext({name:"ArrayFieldContext"}),ne=te[0],ae=te[1],le=c.createContext({name:"ArrayFieldRowContext"}),ie=le[0],oe=le[1],se=function(e){var r=e.name,n=e.defaultValue,a=void 0===n?{}:n,l=e.keyName,i=e.min,o=e.max,s=t.useFormContext();return h({},t.useFieldArray({control:s.control,name:r,keyName:l}),{name:r,defaultValue:a,min:i,max:o})},ue=function(e){var r=e.index,n=t.useFormContext().clearErrors,a=ae(),l=a.name,i=a.remove,o=a.fields;return x.useEffect(function(){n(l)},[]),{index:r,isFirst:0===r,isLast:r===o.length-1,name:l+"."+r,remove:x.useCallback(function(){n(l),i(r)},[r])}},de=function(){var e=oe(),r=e.isFirst,t=e.remove,n=ae(),a=n.min;return{onClick:function(){return t()},isDisabled:r&&!!(a&&n.fields.length<=a)}},me=function(){var e=ae(),r=e.append,t=e.defaultValue,n=e.max;return{onClick:function(){return r(t,{shouldFocus:!1})},isDisabled:!!(n&&e.fields.length>=n)}},ce=["children","columns","spacing"],pe=["children"],fe=["name","defaultValue","keyName","min","max","children"],ve=function(e){/*#__PURE__*/return x.createElement(he,{index:e.index},/*#__PURE__*/x.createElement(xe,{columns:e.columns,spacing:e.spacing},e.children),/*#__PURE__*/x.createElement(ye,null))};r.__DEV__&&(ve.displayName="ArrayFieldRow");var xe=function(e){var r=e.children,t=e.columns,n=e.spacing,a=y(e,ce),l=oe().name;/*#__PURE__*/return x.createElement(ee,h({flex:"1",columns:t,gridGap:n,mr:"2"},a),re(l,r))};r.__DEV__&&(xe.displayName="ArrayFieldRowFields");var he=function(e){var r=e.children,t=ue({index:e.index});/*#__PURE__*/return x.createElement(ie,{value:t},/*#__PURE__*/x.createElement(u.chakra.div,{__css:{display:"flex",flexDirection:"row",alignItems:"flex-end",width:"100%",mb:4}},r))};r.__DEV__&&(he.displayName="ArrayFieldRowContainer");var ye=function(e){/*#__PURE__*/return x.createElement(m.IconButton,h({icon:/*#__PURE__*/x.createElement(d.MinusIcon,null),"aria-label":"Remove row"},de(),e))};r.__DEV__&&(ye.displayName="ArrayFieldRemoveButton");var Fe=function(e){/*#__PURE__*/return x.createElement(m.IconButton,h({icon:/*#__PURE__*/x.createElement(d.AddIcon,null),"aria-label":"Add row",float:"right"},me(),e))};r.__DEV__&&(Fe.displayName="ArrayFieldAddButton");var be=x.forwardRef(function(e,r){var t=e.children,n=y(e,pe);/*#__PURE__*/return x.createElement(_e,h({ref:r},n),/*#__PURE__*/x.createElement(Ee,null,function(e){/*#__PURE__*/return x.createElement(x.Fragment,null,e.map(function(e,r){/*#__PURE__*/return x.createElement(ve,{key:e.id,index:r},t)}))}),/*#__PURE__*/x.createElement(Fe,null))});r.__DEV__&&(be.displayName="ArrayField");var Ee=function(e){return(0,e.children)(ae().fields)};r.__DEV__&&(Ee.displayName="ArrayFieldRows");var _e=x.forwardRef(function(e,r){var t=e.name,n=e.defaultValue,a=e.keyName,l=e.min,i=e.max,o=e.children,s=y(e,fe),u=se({name:t,defaultValue:n,keyName:a,min:l,max:i});return x.useImperativeHandle(r,function(){return u},[r,u]),/*#__PURE__*/x.createElement(ne,{value:u},/*#__PURE__*/x.createElement(k,h({name:t},s),o))});r.__DEV__&&(_e.displayName="ArrayFieldContainer");var ge=["name","label","hideLabel","children","columns","spacing"],Ce=function(e){var r=n.useStyleConfig("FormLegend");/*#__PURE__*/return x.createElement(n.FormLabel,h({as:"legend",sx:r},e))},Se=function(e){var r=e.name,t=e.label,a=e.hideLabel,l=e.children,i=e.columns,o=e.spacing,s=y(e,ge);/*#__PURE__*/return x.createElement(n.FormControl,h({name:r,as:"fieldset"},s),/*#__PURE__*/x.createElement(Ce,{display:a?"none":"block"},t),/*#__PURE__*/x.createElement(ee,{columns:i,gridGap:o},re(r,l)))};r.__DEV__&&(Se.displayName="ObjectField");var Ne=["name","type"],Re=["schema","fieldResolver"],Ve=["name","type","defaultValue"],we=function(e,r){var t;return null==(t=e.getNestedFields(r))?void 0:t.map(function(e,r){var t=e.name,n=e.type,a=y(e,Ne);/*#__PURE__*/return x.createElement(I,h({key:t||r,name:t,type:n},a))})},De=function(e){var r=e.schema,t=e.fieldResolver,n=y(e,Re),a=x.useMemo(function(){return t||Y.getFieldResolver(r)},[r,t]);/*#__PURE__*/return x.createElement(ee,n,a.getFields().map(function(e){var r=e.name,t=e.type,n=y(e,Ve);return"array"===t?/*#__PURE__*/x.createElement(be,h({key:r,name:r},n),we(a,r)):"object"===t?/*#__PURE__*/x.createElement(Se,h({key:r,name:r},n),we(a,r)):/*#__PURE__*/x.createElement(I,h({key:r,name:r,type:t},n))}))};r.__DEV__&&(De.displayName="Fields");var Ae=["children","disableIfUntouched","disableIfInvalid"],ke=u.forwardRef(function(e,r){var n=e.children,a=e.disableIfUntouched,l=e.disableIfInvalid,i=y(e,Ae),o=t.useFormContext().formState;/*#__PURE__*/return x.createElement(m.Button,h({type:"submit",isLoading:o.isSubmitting,isPrimary:!0,ref:r,isDisabled:a&&!o.isDirty||l&&!o.isValid},i),n)});ke.defaultProps={label:"Submit",disableIfUntouched:!1,disableIfInvalid:!1},r.__DEV__&&(ke.displayName="SubmitButton");var Ie=["schema","submitLabel","fieldResolver","children"],Le=n.forwardRef(function(e,r){var t=e.schema,n=e.submitLabel,a=void 0===n?"Submit":n,l=e.fieldResolver,i=e.children,o=y(e,Ie);/*#__PURE__*/return x.createElement(Y,h({},o,{schema:t,ref:r}),/*#__PURE__*/x.createElement(ee,null,/*#__PURE__*/x.createElement(De,{schema:t,fieldResolver:l}),a&&/*#__PURE__*/x.createElement(ke,{label:a}),i))});r.__DEV__&&(Le.displayName="AutoForm");var Pe=function(e){var r=e.children,n=e.condition;return(void 0===n?function(e){return!!e}:n)(t.useWatch({name:e.name,defaultValue:e.defaultValue,disabled:e.isDisabled,exact:e.isExact}),t.useFormContext())?r:null};r.__DEV__&&(Pe.displayName="DisplayIf");var Be=c.createContext({name:"StepFormContext",errorMessage:"useStepFormContext: `context` is undefined. Seems you forgot to wrap step form components in `<StepForm />`"}),Oe=Be[0],je=Be[1];function qe(e){var r=p.useStepper(e),t=r.activeStep,n=r.isLastStep,a=r.nextStep,l=x.useState({}),i=l[0],o=l[1],s=x.useCallback(function(r){try{return n?Promise.resolve(null==e.onSubmit?void 0:e.onSubmit(r).then(function(){d(h({},i[t],{isCompleted:!0}))}).then(a)):(a(),Promise.resolve())}catch(e){return Promise.reject(e)}},[t,n]),u=x.useCallback(function(){var e=i[t];return{onSubmit:s,schema:null==e?void 0:e.schema,resolver:null==e?void 0:e.resolver}},[i,s,t]),d=x.useCallback(function(e){o(function(r){var t;return h({},r,((t={})[e.name]=e,t))})},[i]);return h({getFormProps:u,updateStep:d,steps:i},r)}function Me(e){var r=e.name,t=e.schema,n=e.resolver,a=p.useStep({name:r}),l=je(),i=l.steps,o=l.updateStep;return x.useEffect(function(){o({name:r,schema:t,resolver:n})},[r,t]),h({},a,i[r]||{name:r,schema:t})}var Ue=["children"],Te=["getFormProps"],He=["name","schema","resolver","children","className"],Ge=["label","submitLabel"],ze=x.forwardRef(function(e,t){var n=e.children,a=y(e,Ue),l=qe(e),i=l.getFormProps,o=y(l,Te),s=x.useMemo(function(){return o},[o]);/*#__PURE__*/return x.createElement(p.StepperProvider,{value:s},/*#__PURE__*/x.createElement(Oe,{value:s},/*#__PURE__*/x.createElement(Y,h({ref:t},a,i()),r.runIfFn(n,l))))}),We=function(e){var t=e.name,n=e.schema,a=e.resolver,l=e.children,i=e.className,o=y(e,He);return Me({name:t,schema:n,resolver:a}).isActive?/*#__PURE__*/x.createElement(u.chakra.div,h({},o,{className:r.cx("saas-form__step",i)}),l):null};r.__DEV__&&(We.displayName="FormStep");var Je=function(e){var t=p.useStepperContext(),n=t.prevStep;/*#__PURE__*/return x.createElement(m.Button,h({isDisabled:t.isFirstStep||t.isCompleted,label:"Back"},e,{className:r.cx("saas-form__prev-button",e.className),onClick:r.callAllHandlers(e.onClick,n)}))};r.__DEV__&&(Je.displayName="PrevButton");var Ke=function(e){var t=e.label,n=void 0===t?"Next":t,a=e.submitLabel,l=void 0===a?"Complete":a,i=y(e,Ge),o=p.useStepperContext(),s=o.isCompleted;/*#__PURE__*/return x.createElement(ke,h({isDisabled:s,label:o.isLastStep||s?l:n},i,{className:r.cx("saas-form__next-button",e.className)}))};r.__DEV__&&(Ke.displayName="NextButton"),exports.ArrayField=be,exports.ArrayFieldAddButton=Fe,exports.ArrayFieldContainer=_e,exports.ArrayFieldProvider=ne,exports.ArrayFieldRemoveButton=ye,exports.ArrayFieldRow=ve,exports.ArrayFieldRowContainer=he,exports.ArrayFieldRowFields=xe,exports.ArrayFieldRowProvider=ie,exports.ArrayFieldRows=Ee,exports.AutoForm=Le,exports.BaseField=k,exports.CheckboxField=H,exports.DisplayField=b,exports.DisplayIf=Pe,exports.Field=I,exports.Fields=De,exports.Form=Y,exports.FormLayout=ee,exports.FormLegend=Ce,exports.FormStep=We,exports.FormStepper=function(e){var r=u.useMultiStyleConfig("Stepper",e),t=x.Children.map(e.children,function(e){if(x.isValidElement(e)&&(null==e?void 0:e.type)===We){var r=Me(e.props);/*#__PURE__*/return x.createElement(p.StepperStep,{name:e.props.name,title:e.props.title,isCompleted:r.isCompleted},e.props.children)}return e});/*#__PURE__*/return x.createElement(u.StylesProvider,{value:r},/*#__PURE__*/x.createElement(p.StepperSteps,h({mb:"4"},e),t))},exports.FormValue=E,exports.InputField=O,exports.NativeSelectField=W,exports.NextButton=Ke,exports.NumberInputField=j,exports.ObjectField=Se,exports.PasswordInputFIeld=q,exports.PinField=z,exports.PrevButton=Je,exports.RadioField=G,exports.SelectField=T,exports.StepForm=ze,exports.StepFormProvider=Oe,exports.SubmitButton=ke,exports.SwitchField=U,exports.TextareaField=M,exports.objectFieldResolver=Q,exports.registerFieldType=B,exports.useArrayField=se,exports.useArrayFieldAddButton=me,exports.useArrayFieldContext=ae,exports.useArrayFieldRemoveButton=de,exports.useArrayFieldRow=ue,exports.useArrayFieldRowContext=oe,exports.useFormStep=Me,exports.useStepForm=qe,exports.useStepFormContext=je,exports.withControlledInput=L,exports.withUncontrolledInput=P,Object.keys(f).forEach(function(e){"default"===e||exports.hasOwnProperty(e)||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return f[e]}})});
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/display-field.tsx","../src/field.tsx","../src/field-resolver.ts","../src/form.tsx","../src/layout.tsx","../src/utils.ts","../src/use-array-field.tsx","../src/array-field.tsx","../src/object-field.tsx","../src/fields.tsx","../src/submit-button.tsx","../src/auto-form.tsx","../src/display-if.tsx","../src/use-step-form.tsx","../src/step-form.tsx"],"sourcesContent":["import * as React from 'react'\nimport { __DEV__ } from '@chakra-ui/utils'\nimport { useFormContext } from 'react-hook-form'\n\nimport {\n  Text,\n  FormControl,\n  FormControlProps,\n  FormLabel,\n} from '@chakra-ui/react'\n\nimport { FieldProps } from './field'\n\nexport interface DisplayFieldProps\n  extends FormControlProps,\n    Omit<FieldProps, 'type' | 'label'> {}\n\nexport const DisplayField: React.FC<DisplayFieldProps> = ({\n  name,\n  label,\n  placeholder,\n  ...props\n}) => {\n  return (\n    <FormControl {...props}>\n      {label ? <FormLabel htmlFor={name}>{label}</FormLabel> : null}\n      <Text fontSize=\"md\">\n        <FormValue name={name} />\n      </Text>\n    </FormControl>\n  )\n}\n\nif (__DEV__) {\n  DisplayField.displayName = 'DisplayField'\n}\n\nexport const FormValue: React.FC<{ name: string }> = ({ name }) => {\n  const { getValues } = useFormContext()\n  return getValues(name) || null\n}\n\nif (__DEV__) {\n  FormValue.displayName = 'FormValue'\n}\n","import * as React from 'react'\nimport {\n  useFormContext,\n  FormState,\n  Controller,\n  get,\n  RegisterOptions,\n  FieldValues,\n  FieldPath,\n} from 'react-hook-form'\n\nimport {\n  forwardRef,\n  Box,\n  FormControl,\n  FormControlProps,\n  FormLabel,\n  FormHelperText,\n  FormErrorMessage,\n  Input,\n  Textarea,\n  Checkbox,\n  Switch,\n  useMergeRefs,\n} from '@chakra-ui/react'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nimport { NumberInput } from '@saas-ui/number-input'\nimport { PasswordInput } from '@saas-ui/password-input'\nimport { RadioInput } from '@saas-ui/radio'\nimport { PinInput } from '@saas-ui/pin-input'\nimport { Select, NativeSelect } from '@saas-ui/select'\nimport { FocusableElement } from '@chakra-ui/utils'\n\nexport interface Option {\n  value: string\n  label?: string\n  [key: string]: unknown\n}\n\nexport type FieldRules = Pick<\n  RegisterOptions,\n  'required' | 'min' | 'max' | 'maxLength' | 'minLength' | 'pattern'\n>\n\nexport type FieldTypes =\n  | 'text'\n  | 'number'\n  | 'password'\n  | 'textarea'\n  | 'select'\n  | 'native-select'\n  | 'checkbox'\n  | 'radio'\n  | 'switch'\n  | 'pin'\n  | string\n\nexport interface FieldProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> extends Omit<FormControlProps, 'label' | 'type'> {\n  /**\n   * The field name\n   */\n  name: TName\n  /**\n   * The field label\n   */\n  label?: string\n  /**\n   * Hide the field label\n   */\n  hideLabel?: boolean\n  /**\n   * Field help text\n   */\n  help?: string\n  /**\n   * React hook form rules\n   */\n  rules?: Omit<\n    RegisterOptions<TFieldValues, TName>,\n    'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled'\n  >\n  /**\n   * Options used for selects and radio fields\n   */\n  options?: Option[]\n  /**\n   * The field type\n   * Build-in types:\n   * - text\n   * - number\n   * - password\n   * - textarea\n   * - select\n   * - native-select\n   * - checkbox\n   * - radio\n   * - switch\n   * - pin\n   *\n   * Will default to a text field if there is no matching type.\n   * @default 'text'\n   */\n  type?: FieldTypes\n  /**\n   * The input placeholder\n   */\n  placeholder?: string\n}\n\nconst inputTypes: Record<FieldTypes, any> = {}\n\nconst defaultInputType = 'text'\n\nconst getInput = (type: string) => {\n  return inputTypes[type] || inputTypes[defaultInputType]\n}\n\nconst getError = (name: string, formState: FormState<{ [x: string]: any }>) => {\n  return get(formState.errors, name)\n}\n\nconst isTouched = (\n  name: string,\n  formState: FormState<{ [x: string]: any }>\n) => {\n  return get(formState.touchedFields, name)\n}\n\nexport const BaseField: React.FC<FieldProps> = (props) => {\n  const { name, label, help, variant, hideLabel, children, ...controlProps } =\n    props\n\n  const { formState } = useFormContext()\n\n  const error = getError(name, formState)\n\n  return (\n    <FormControl variant={variant} {...controlProps} isInvalid={!!error}>\n      {label && !hideLabel ? (\n        <FormLabel variant={variant}>{label}</FormLabel>\n      ) : null}\n      <Box>\n        {children}\n        {help && !error?.message ? (\n          <FormHelperText>{help}</FormHelperText>\n        ) : null}\n        {error?.message && (\n          <FormErrorMessage>{error?.message}</FormErrorMessage>\n        )}\n      </Box>\n    </FormControl>\n  )\n}\n\nif (__DEV__) {\n  BaseField.displayName = 'BaseField'\n}\n\nexport const Field = forwardRef(\n  <TFieldValues extends FieldValues = FieldValues>(\n    props: FieldProps<TFieldValues> & {\n      [key: string]: unknown // Make sure attributes of custom components work. Need to change this to a global typedef at some point.\n    },\n    ref: React.ForwardedRef<FocusableElement>\n  ) => {\n    const { type = defaultInputType } = props\n    const InputComponent = getInput(type)\n\n    return <InputComponent ref={ref} {...props} />\n  }\n) as <TFieldValues extends FieldValues>(\n  props: FieldProps<TFieldValues> & {\n    [key: string]: unknown\n  } & {\n    ref?: React.ForwardedRef<FocusableElement>\n  }\n) => React.ReactElement\n\ninterface CreateFieldProps {\n  displayName: string\n  hideLabel?: boolean\n  BaseField: React.FC<any>\n}\n\nconst createField = (\n  InputComponent: React.FC<any>,\n  { displayName, hideLabel, BaseField }: CreateFieldProps\n) => {\n  const Field = forwardRef<FieldProps, typeof FormControl>((props, ref) => {\n    const {\n      id,\n      name,\n      label,\n      help,\n      isDisabled,\n      isInvalid,\n      isReadOnly,\n      isRequired,\n      rules,\n      variant,\n      ...inputProps\n    } = props\n\n    const inputRules = {\n      required: isRequired,\n      ...rules,\n    }\n\n    return (\n      <BaseField\n        id={id}\n        name={name}\n        label={label}\n        help={help}\n        hideLabel={hideLabel}\n        isDisabled={isDisabled}\n        isInvalid={isInvalid}\n        isReadOnly={isReadOnly}\n        isRequired={isRequired}\n        variant={variant}\n      >\n        <InputComponent\n          ref={ref}\n          id={id}\n          name={name}\n          label={label}\n          rules={inputRules}\n          {...inputProps}\n        />\n      </BaseField>\n    )\n  })\n  Field.displayName = displayName\n\n  return Field\n}\n\nexport const withControlledInput = (InputComponent: any) => {\n  return forwardRef<FieldProps, typeof InputComponent>(\n    ({ name, rules, ...inputProps }, ref) => {\n      const { control } = useFormContext()\n\n      return (\n        <Controller\n          name={name}\n          control={control}\n          rules={rules}\n          render={({ field: { ref: _ref, ...field } }) => (\n            <InputComponent\n              {...field}\n              {...inputProps}\n              ref={useMergeRefs(ref, _ref)}\n            />\n          )}\n        />\n      )\n    }\n  )\n}\n\nexport const withUncontrolledInput = (InputComponent: any) => {\n  return forwardRef<FieldProps, typeof InputComponent>(\n    ({ name, rules, ...inputProps }, ref) => {\n      const { register } = useFormContext()\n\n      const { ref: _ref, ...field } = register(name, rules)\n\n      return (\n        <InputComponent\n          {...field}\n          {...inputProps}\n          ref={useMergeRefs(ref, _ref)}\n        />\n      )\n    }\n  )\n}\n\nexport interface RegisterFieldTypeOptions {\n  isControlled?: boolean\n  hideLabel?: boolean\n  BaseField?: React.FC<any>\n}\n\n/**\n * Register a new field type\n * @param type The name for this field in kebab-case, eg `email` or `array-field`\n * @param component The React component\n * @param options\n * @param options.isControlled Set this to true if this is a controlled field.\n * @param options.hideLabel Hide the field label, for example for checkbox or switch field.\n */\nexport const registerFieldType = (\n  type: string,\n  component: React.FC<any>,\n  options?: RegisterFieldTypeOptions\n) => {\n  let InputComponent\n  if (options?.isControlled) {\n    InputComponent = withControlledInput(component)\n  } else {\n    InputComponent = withUncontrolledInput(component)\n  }\n\n  const Field = createField(InputComponent, {\n    displayName: `${type\n      .split('-')\n      .map((part) => part.charAt(0).toUpperCase() + part.slice(1))\n      .join('')}Field`,\n    hideLabel: options?.hideLabel,\n    BaseField: options?.BaseField || BaseField,\n  })\n\n  inputTypes[type] = Field\n\n  return Field\n}\n\n// @todo Consider not registering all fields by default to lower the package size and computations.\n// Not all types may be required in a project.\nexport const InputField = registerFieldType('text', Input)\nexport const NumberInputField = registerFieldType('number', NumberInput, {\n  isControlled: true,\n})\nexport const PasswordInputFIeld = registerFieldType('password', PasswordInput)\nexport const TextareaField = registerFieldType('textarea', Textarea)\nexport const SwitchField = registerFieldType(\n  'switch',\n  forwardRef(({ label, ...props }: { label?: string }, ref) => {\n    return (\n      <Switch ref={ref} {...props}>\n        {label}\n      </Switch>\n    )\n  }),\n  {\n    isControlled: true,\n    hideLabel: true,\n  }\n)\nexport const SelectField = registerFieldType('select', Select, {\n  isControlled: true,\n})\nexport const CheckboxField = registerFieldType(\n  'checkbox',\n  forwardRef(({ label, ...props }: { label?: string }, ref) => {\n    return (\n      <Checkbox ref={ref} {...props}>\n        {label}\n      </Checkbox>\n    )\n  }),\n  {\n    hideLabel: true,\n  }\n)\nexport const RadioField = registerFieldType('radio', RadioInput, {\n  isControlled: true,\n})\nexport const PinField = registerFieldType('pin', PinInput, {\n  isControlled: true,\n})\nexport const NativeSelectField = registerFieldType(\n  'native-select',\n  NativeSelect,\n  { isControlled: true }\n)\n","import { FieldProps } from './field'\n\nimport { get } from '@chakra-ui/utils'\n\nexport type FieldResolver = {\n  getFields(): FieldProps[]\n  getNestedFields(name: string): FieldProps[]\n}\n\ninterface SchemaField extends FieldProps {\n  items?: SchemaField[]\n  properties?: Record<string, SchemaField>\n}\n\nexport type ObjectSchema = Record<string, SchemaField>\n\nconst mapFields = (schema: ObjectSchema) =>\n  schema &&\n  Object.entries(schema).map(([name, field]) => {\n    return {\n      ...field,\n      name,\n    }\n  })\n\nexport const objectFieldResolver = (schema: ObjectSchema): FieldResolver => {\n  const getFields = () => {\n    return mapFields(schema)\n  }\n  const getNestedFields = (name: string) => {\n    const field = get(schema, name)\n\n    if (!field) return []\n\n    if (field.items?.type === 'object') {\n      return mapFields(field.items.properties)\n    } else if (field.type === 'object') {\n      return mapFields(field.properties)\n    }\n    return [field.items]\n  }\n\n  return { getFields, getNestedFields }\n}\n","import * as React from 'react'\n\nimport { chakra, HTMLChakraProps, forwardRef } from '@chakra-ui/react'\nimport { cx, __DEV__ } from '@chakra-ui/utils'\n\nimport {\n  useForm,\n  FormProvider,\n  UseFormProps,\n  UseFormReturn,\n  FieldValues,\n  SubmitHandler,\n  SubmitErrorHandler,\n  UnpackNestedValue,\n  ResolverOptions,\n  ResolverResult,\n} from 'react-hook-form'\nimport { objectFieldResolver, FieldResolver } from './field-resolver'\nimport { css } from '@emotion/react'\n\nexport type { UseFormReturn, FieldValues, SubmitHandler }\n\ninterface FormOptions<TFieldValues extends FieldValues = FieldValues> {\n  /**\n   * The form schema, currently supports Yup schema only.\n   */\n  schema?: any\n  /**\n   * The submit handler.\n   */\n  onSubmit: SubmitHandler<TFieldValues>\n  /**\n   * Triggers when there are validation errors.\n   */\n  onError?: SubmitErrorHandler<TFieldValues>\n  /**\n   * Ref on the HTMLFormElement.\n   */\n  formRef?: React.MutableRefObject<HTMLFormElement>\n}\n\n/**\n * @todo Figure out how to pass down FieldValues to all Field components,\n * if at all possible.\n */\nexport interface FormProps<TFieldValues extends FieldValues = FieldValues>\n  extends UseFormProps<TFieldValues>,\n    Omit<HTMLChakraProps<'form'>, 'onSubmit' | 'onError'>,\n    FormOptions<TFieldValues> {}\n\nexport const Form = forwardRef(\n  <TFieldValues extends FieldValues = FieldValues>(\n    props: FormProps<TFieldValues>,\n    ref: React.ForwardedRef<UseFormReturn<TFieldValues>>\n  ) => {\n    const {\n      mode = 'all',\n      resolver,\n      reValidateMode,\n      shouldFocusError,\n      shouldUnregister,\n      shouldUseNativeValidation,\n      criteriaMode,\n      delayError,\n      schema,\n      defaultValues,\n      onSubmit,\n      onError,\n      formRef,\n      children,\n      ...rest\n    } = props\n\n    const form = {\n      mode,\n      resolver,\n      defaultValues,\n      reValidateMode,\n      shouldFocusError,\n      shouldUnregister,\n      shouldUseNativeValidation,\n      criteriaMode,\n      delayError,\n    }\n\n    if (schema && !resolver) {\n      form.resolver = Form.getResolver?.(schema)\n    }\n\n    const methods = useForm<TFieldValues>(form)\n    const { handleSubmit } = methods\n\n    // This exposes the useForm api through the forwarded ref\n    React.useImperativeHandle(ref, () => methods, [ref, methods])\n\n    return (\n      <FormProvider {...methods}>\n        <chakra.form\n          ref={formRef}\n          onSubmit={handleSubmit(onSubmit, onError)}\n          {...rest}\n          className={cx('saas-form', props.className)}\n        >\n          {children}\n        </chakra.form>\n      </FormProvider>\n    )\n  }\n) as (<TFieldValues extends FieldValues>(\n  props: FormProps<TFieldValues> & {\n    ref?: React.ForwardedRef<UseFormReturn<TFieldValues>>\n  }\n) => React.ReactElement) & {\n  displayName?: string\n  getResolver?: GetResolver\n  getFieldResolver: GetFieldResolver\n}\n\nForm.getFieldResolver = objectFieldResolver\n\nif (__DEV__) {\n  Form.displayName = 'Form'\n}\n\nexport type GetResolver = (\n  schema: any\n) => <TFieldValues extends FieldValues, TContext>(\n  values: UnpackNestedValue<TFieldValues>,\n  context: TContext | undefined,\n  options: ResolverOptions<TFieldValues>\n) => Promise<ResolverResult<TFieldValues>>\n\nexport type GetFieldResolver = (schema: any) => FieldResolver\n","import * as React from 'react'\n\nimport { chakra, SimpleGrid, SimpleGridProps, useTheme } from '@chakra-ui/react'\nimport { cx, __DEV__ } from '@chakra-ui/utils'\n\nexport type FormLayoutProps = SimpleGridProps\n\ninterface FormLayoutItemProps {\n  children: React.ReactNode\n}\n\nconst FormLayoutItem: React.FC<FormLayoutItemProps> = ({ children }) => {\n  return <chakra.div>{children}</chakra.div>\n}\n\nif (__DEV__) {\n  FormLayoutItem.displayName = 'FormLayoutItem'\n}\n\n/**\n * FormLayout\n *\n * Renders form items in a `SimpleGrid`\n * @see https://chakra-ui.com/docs/layout/simple-grid\n */\nexport const FormLayout = ({ children, ...props }: FormLayoutProps) => {\n  const theme = useTheme()\n\n  const defaultProps = theme.components?.FormLayout?.defaultProps ?? {\n    spacing: 4,\n  }\n\n  const gridProps = {\n    ...defaultProps,\n    ...props,\n  }\n\n  return (\n    <SimpleGrid\n      {...gridProps}\n      className={cx('saas-form__layout', props.className)}\n    >\n      {React.Children.map(children, (child) => {\n        if (React.isValidElement(child)) {\n          return <FormLayoutItem>{child}</FormLayoutItem>\n        }\n        return child\n      })}\n    </SimpleGrid>\n  )\n}\n\nif (__DEV__) {\n  FormLayout.displayName = 'FormLayout'\n}\n","import * as React from 'react'\n\nexport const mapNestedFields = (name: string, children: React.ReactNode) => {\n  return React.Children.map(children, (child) => {\n    if (React.isValidElement(child) && child.props.name) {\n      return React.cloneElement(child, {\n        ...child.props,\n        name: `${name}.${child.props.name}`,\n      })\n    }\n    return child\n  })\n}\n","import * as React from 'react'\nimport {\n  useFieldArray,\n  useFormContext,\n  UseFieldArrayReturn,\n} from 'react-hook-form'\n\nimport { createContext } from '@chakra-ui/react-utils'\n\nexport interface UseArrayFieldReturn extends UseFieldArrayReturn {\n  /**\n   * The array field name\n   */\n  name: string\n  /**\n   * The default value for new items\n   */\n  defaultValue: Record<string, any>\n  /**\n   * Min amount of items\n   */\n  min?: number\n  /**\n   * Max amount of items\n   */\n  max?: number\n}\n\nexport const [ArrayFieldProvider, useArrayFieldContext] =\n  createContext<UseArrayFieldReturn>({\n    name: 'ArrayFieldContext',\n  })\n\nexport interface UseArrayFieldRowReturn {\n  /**\n   * Name of the array field including the index, eg 'field.0'\n   */\n  name: string\n  /**\n   * The field index\n   */\n  index: number\n  /**\n   * Remove this array item\n   */\n  remove: () => void\n  /**\n   * True if this is the first item\n   */\n  isFirst: boolean\n  /**\n   * True if this is the last item\n   */\n  isLast: boolean\n}\n\nexport const [ArrayFieldRowProvider, useArrayFieldRowContext] =\n  createContext<UseArrayFieldRowReturn>({\n    name: 'ArrayFieldRowContext',\n  })\n\nexport interface ArrayFieldOptions {\n  /**\n   * The field name\n   */\n  name: string\n  /**\n   * Default value for new values in the array\n   */\n  defaultValue?: Record<string, any>\n  /**\n   * Default key name for rows, change this if your data uses a different 'id' field\n   * @default \"id\"\n   */\n  keyName?: string\n  min?: number\n  max?: number\n}\n\nexport const useArrayField = ({\n  name,\n  defaultValue = {},\n  keyName,\n  min,\n  max,\n}: ArrayFieldOptions) => {\n  const { control } = useFormContext()\n  const context = useFieldArray({\n    control,\n    name,\n    keyName,\n  })\n\n  return {\n    ...context,\n    name,\n    defaultValue,\n    min,\n    max,\n  }\n}\n\nexport interface UseArrayFieldRowProps {\n  index: number\n}\n\nexport const useArrayFieldRow = ({ index }: UseArrayFieldRowProps) => {\n  const { clearErrors } = useFormContext()\n  const { name, remove, fields } = useArrayFieldContext()\n\n  React.useEffect(() => {\n    // reset errors, to make sure min/max errors reset correctly\n    clearErrors(name)\n  }, [])\n\n  return {\n    index,\n    isFirst: index === 0,\n    isLast: index === fields.length - 1,\n    name: `${name}.${index}`,\n    remove: React.useCallback(() => {\n      clearErrors(name)\n      remove(index)\n    }, [index]),\n  }\n}\n\nexport const useArrayFieldRemoveButton = () => {\n  const { isFirst, remove } = useArrayFieldRowContext()\n  const { min, fields } = useArrayFieldContext()\n\n  const isDisabled = isFirst && !!(min && fields.length <= min)\n\n  return {\n    onClick: () => remove(),\n    isDisabled,\n  }\n}\n\nexport const useArrayFieldAddButton = () => {\n  const { append, defaultValue, max, fields } = useArrayFieldContext()\n\n  const isDisabled = !!(max && fields.length >= max)\n\n  return {\n    onClick: () =>\n      append(defaultValue, {\n        shouldFocus: false,\n      }),\n    isDisabled,\n  }\n}\n","import * as React from 'react'\n\nimport { chakra, ResponsiveValue } from '@chakra-ui/system'\nimport { __DEV__ } from '@chakra-ui/utils'\nimport { AddIcon, MinusIcon } from '@chakra-ui/icons'\nimport { IconButton, ButtonProps } from '@saas-ui/button'\n\nimport { FormLayout } from './layout'\nimport { BaseField, FieldProps } from './field'\n\nimport { mapNestedFields } from './utils'\n\nimport {\n  useArrayField,\n  useArrayFieldRow,\n  useArrayFieldContext,\n  ArrayFieldProvider,\n  ArrayFieldOptions,\n  ArrayFieldRowProvider,\n  useArrayFieldRowContext,\n  useArrayFieldRemoveButton,\n  useArrayFieldAddButton,\n  UseArrayFieldReturn,\n} from './use-array-field'\n\ninterface ArrayField {\n  id: string\n  [key: string]: unknown\n}\n\ninterface ArrayFieldRowProps {\n  /**\n   * Amount of field columns\n   */\n  columns?: ResponsiveValue<number>\n  /**\n   * Spacing between fields\n   */\n  spacing?: ResponsiveValue<string | number>\n  /**\n   * The array index\n   */\n  index: number\n\n  children: React.ReactNode\n}\n\nexport const ArrayFieldRow: React.FC<ArrayFieldRowProps> = ({\n  children,\n  columns,\n  spacing,\n  index,\n}) => {\n  return (\n    <ArrayFieldRowContainer index={index}>\n      <ArrayFieldRowFields columns={columns} spacing={spacing}>\n        {children}\n      </ArrayFieldRowFields>\n      <ArrayFieldRemoveButton />\n    </ArrayFieldRowContainer>\n  )\n}\n\nif (__DEV__) {\n  ArrayFieldRow.displayName = 'ArrayFieldRow'\n}\n\nexport interface ArrayFieldRowFieldsProps {\n  /**\n   * Amount of field columns\n   */\n  columns?: ResponsiveValue<number>\n  /**\n   * Spacing between fields\n   */\n  spacing?: ResponsiveValue<string | number>\n\n  children: React.ReactNode\n}\n\nexport const ArrayFieldRowFields: React.FC<ArrayFieldRowFieldsProps> = ({\n  children,\n  columns,\n  spacing,\n  ...layoutProps\n}) => {\n  const { name } = useArrayFieldRowContext()\n  return (\n    <FormLayout\n      flex=\"1\"\n      columns={columns}\n      gridGap={spacing}\n      mr=\"2\"\n      {...layoutProps}\n    >\n      {mapNestedFields(name, children)}\n    </FormLayout>\n  )\n}\n\nif (__DEV__) {\n  ArrayFieldRowFields.displayName = 'ArrayFieldRowFields'\n}\n\nexport const ArrayFieldRowContainer: React.FC<ArrayFieldRowProps> = ({\n  children,\n  index,\n}) => {\n  const context = useArrayFieldRow({ index })\n\n  const styles = {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'flex-end',\n    width: '100%',\n    mb: 4,\n  }\n\n  return (\n    <ArrayFieldRowProvider value={context}>\n      <chakra.div __css={styles}>{children}</chakra.div>\n    </ArrayFieldRowProvider>\n  )\n}\n\nif (__DEV__) {\n  ArrayFieldRowContainer.displayName = 'ArrayFieldRowContainer'\n}\n\nexport const ArrayFieldRemoveButton: React.FC<ButtonProps> = (props) => {\n  return (\n    <IconButton\n      icon={<MinusIcon />}\n      aria-label=\"Remove row\"\n      {...useArrayFieldRemoveButton()}\n      {...props}\n    />\n  )\n}\n\nif (__DEV__) {\n  ArrayFieldRemoveButton.displayName = 'ArrayFieldRemoveButton'\n}\n\nexport const ArrayFieldAddButton: React.FC<ButtonProps> = (props) => {\n  return (\n    <IconButton\n      icon={<AddIcon />}\n      aria-label=\"Add row\"\n      float=\"right\"\n      {...useArrayFieldAddButton()}\n      {...props}\n    />\n  )\n}\n\nif (__DEV__) {\n  ArrayFieldAddButton.displayName = 'ArrayFieldAddButton'\n}\n\nexport interface ArrayFieldProps\n  extends ArrayFieldOptions,\n    Omit<FieldProps, 'defaultValue'> {}\n\nexport const ArrayField = React.forwardRef(\n  (props: ArrayFieldProps, ref: React.ForwardedRef<UseArrayFieldReturn>) => {\n    const { children, ...containerProps } = props\n\n    return (\n      <ArrayFieldContainer ref={ref} {...containerProps}>\n        <ArrayFieldRows>\n          {(fields: ArrayField[]) => (\n            <>\n              {fields.map(({ id }, index: number) => (\n                <ArrayFieldRow key={id} index={index}>\n                  {children}\n                </ArrayFieldRow>\n              ))}\n            </>\n          )}\n        </ArrayFieldRows>\n        <ArrayFieldAddButton />\n      </ArrayFieldContainer>\n    )\n  }\n)\n\nif (__DEV__) {\n  ArrayField.displayName = 'ArrayField'\n}\n\nexport interface ArrayFieldRowsProps {\n  children: (fields: ArrayField[]) => React.ReactElement | null\n}\n\nexport const ArrayFieldRows = ({\n  children,\n}: ArrayFieldRowsProps): React.ReactElement | null => {\n  const { fields } = useArrayFieldContext()\n  return children(fields)\n}\n\nif (__DEV__) {\n  ArrayFieldRows.displayName = 'ArrayFieldRows'\n}\n\nexport const ArrayFieldContainer = React.forwardRef(\n  (\n    {\n      name,\n      defaultValue,\n      keyName,\n      min,\n      max,\n      children,\n      ...fieldProps\n    }: ArrayFieldProps,\n    ref: React.ForwardedRef<UseArrayFieldReturn>\n  ) => {\n    const context = useArrayField({\n      name,\n      defaultValue,\n      keyName,\n      min,\n      max,\n    })\n\n    // This exposes the useArrayField api through the forwarded ref\n    React.useImperativeHandle(ref, () => context, [ref, context])\n\n    return (\n      <ArrayFieldProvider value={context}>\n        <BaseField name={name} {...fieldProps}>\n          {children}\n        </BaseField>\n      </ArrayFieldProvider>\n    )\n  }\n)\n\nif (__DEV__) {\n  ArrayFieldContainer.displayName = 'ArrayFieldContainer'\n}\n","import * as React from 'react'\nimport {\n  FormControl,\n  FormLabel,\n  FormLabelProps,\n  ResponsiveValue,\n  useStyles,\n} from '@chakra-ui/react'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nimport { FormLayout } from './layout'\nimport { FieldProps } from './field'\n\nimport { mapNestedFields } from './utils'\n\nexport interface ObjectFieldProps extends FieldProps {\n  name: string\n  children: React.ReactNode\n  columns?: ResponsiveValue<number>\n  spacing?: ResponsiveValue<string | number>\n}\n\nexport const FormLegend = (props: FormLabelProps) => {\n  const styles = useStyles()\n  return <FormLabel as=\"legend\" sx={styles.legend} {...props} />\n}\n\nexport const ObjectField: React.FC<ObjectFieldProps> = (props) => {\n  const { name, label, hideLabel, children, columns, spacing, ...fieldProps } =\n    props\n\n  return (\n    <FormControl name={name} as=\"fieldset\" {...fieldProps}>\n      <FormLegend display={hideLabel ? 'none' : 'block'}>{label}</FormLegend>\n      <FormLayout columns={columns} gridGap={spacing}>\n        {mapNestedFields(name, children)}\n      </FormLayout>\n    </FormControl>\n  )\n}\n\nif (__DEV__) {\n  ObjectField.displayName = 'ObjectField'\n}\n","import * as React from 'react'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nimport { Form } from './form'\nimport { FormLayout } from './layout'\nimport { Field, FieldProps } from './field'\n\nimport { ArrayField } from './array-field'\nimport { ObjectField } from './object-field'\nimport { FieldResolver } from './field-resolver'\n\nexport interface FieldsProps {\n  schema: any\n  fieldResolver?: FieldResolver\n}\n\nconst mapNestedFields = (resolver: FieldResolver, name: string) => {\n  return resolver\n    .getNestedFields(name)\n    ?.map(\n      ({ name, type, ...nestedFieldProps }: FieldProps, i): React.ReactNode => (\n        <Field key={name || i} name={name} type={type} {...nestedFieldProps} />\n      )\n    )\n}\n\nexport const Fields: React.FC<FieldsProps> = ({\n  schema,\n  fieldResolver,\n  ...props\n}) => {\n  const resolver = React.useMemo(\n    () => fieldResolver || Form.getFieldResolver(schema),\n    [schema, fieldResolver]\n  )\n\n  return (\n    <FormLayout {...props}>\n      {resolver\n        .getFields()\n        .map(\n          ({\n            name,\n            type,\n            defaultValue,\n            ...fieldProps\n          }: FieldProps): React.ReactNode => {\n            if (type === 'array') {\n              return (\n                <ArrayField key={name} name={name} {...fieldProps}>\n                  {mapNestedFields(resolver, name)}\n                </ArrayField>\n              )\n            } else if (type === 'object') {\n              return (\n                <ObjectField key={name} name={name} {...fieldProps}>\n                  {mapNestedFields(resolver, name)}\n                </ObjectField>\n              )\n            }\n\n            return <Field key={name} name={name} type={type} {...fieldProps} />\n          }\n        )}\n    </FormLayout>\n  )\n}\n\nif (__DEV__) {\n  Fields.displayName = 'Fields'\n}\n","import * as React from 'react'\n\nimport { useFormContext } from 'react-hook-form'\n\nimport { Button, ButtonProps } from '@saas-ui/button'\n\nimport { forwardRef } from '@chakra-ui/system'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nexport interface SubmitButtonProps extends ButtonProps {\n  /**\n   * Disable the submit button if the form is untouched.\n   *\n   * Change the default behavior by updating\n   * `SubmitButton.defaultProps.disableIfUntouched`\n   */\n  disableIfUntouched?: boolean\n  /**\n   * Disable the submit button if the form is invalid.\n   *\n   * Change the default behavior by updating\n   * `SubmitButton.defaultProps.disableIfInvalid`\n   */\n  disableIfInvalid?: boolean\n}\n\nexport const SubmitButton = forwardRef<SubmitButtonProps, 'button'>(\n  (props, ref) => {\n    const { children, disableIfUntouched, disableIfInvalid, ...rest } = props\n    const { formState } = useFormContext()\n\n    const isDisabled =\n      (disableIfUntouched && !formState.isDirty) ||\n      (disableIfInvalid && !formState.isValid)\n\n    return (\n      <Button\n        type=\"submit\"\n        isLoading={formState.isSubmitting}\n        isPrimary\n        ref={ref}\n        isDisabled={isDisabled}\n        {...rest}\n      >\n        {children}\n      </Button>\n    )\n  }\n)\n\nSubmitButton.defaultProps = {\n  label: 'Submit',\n  disableIfUntouched: false,\n  disableIfInvalid: false,\n}\n\nif (__DEV__) {\n  SubmitButton.displayName = 'SubmitButton'\n}\n","import * as React from 'react'\nimport { FieldValues, UseFormReturn } from 'react-hook-form'\nimport { forwardRef } from '@chakra-ui/react'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nimport { Form, FormProps } from './form'\nimport { FormLayout } from './layout'\nimport { Fields } from './fields'\nimport { SubmitButton } from './submit-button'\nimport { FieldResolver } from '.'\n\ninterface AutoFormOptions {\n  submitLabel?: false | string\n  schema: any\n  fieldResolver?: any\n}\n\nexport interface AutoFormProps<TFieldValues extends FieldValues>\n  extends Omit<FormProps<TFieldValues>, 'schema'>,\n    AutoFormOptions {}\n\nexport const AutoForm = forwardRef(\n  <TFieldValues extends FieldValues = FieldValues>(\n    props: AutoFormProps<TFieldValues>,\n    ref: React.ForwardedRef<UseFormReturn<TFieldValues>>\n  ) => {\n    const { schema, submitLabel = 'Submit', fieldResolver, ...rest } = props\n\n    return (\n      <Form {...rest} schema={schema} ref={ref}>\n        <FormLayout>\n          {<Fields schema={schema} fieldResolver={fieldResolver} />}\n          {submitLabel && <SubmitButton label={submitLabel} />}\n        </FormLayout>\n      </Form>\n    )\n  }\n) as (<TFieldValues extends FieldValues>(\n  props: AutoFormProps<TFieldValues> & {\n    ref?: React.ForwardedRef<UseFormReturn<TFieldValues>>\n  }\n) => React.ReactElement) & {\n  displayName?: string\n  getFieldResolver?: (schema: any) => FieldResolver\n}\n\nif (__DEV__) {\n  AutoForm.displayName = 'AutoForm'\n}\n","import * as React from 'react'\nimport { __DEV__ } from '@chakra-ui/utils'\nimport {\n  useFormContext,\n  useWatch,\n  FieldValues,\n  UseFormReturn,\n} from 'react-hook-form'\n\nexport interface DisplayIfProps<TFieldValues> {\n  children: React.ReactElement\n  name: string\n  defaultValue?: unknown\n  isDisabled?: boolean\n  isExact?: boolean\n  condition?: (value: unknown, context: UseFormReturn<TFieldValues>) => boolean\n}\n\nexport const DisplayIf = <TFieldValues extends FieldValues = FieldValues>({\n  children,\n  name,\n  defaultValue,\n  isDisabled,\n  isExact,\n  condition = (value) => !!value,\n}: DisplayIfProps<TFieldValues>) => {\n  const value = useWatch({\n    name,\n    defaultValue,\n    disabled: isDisabled,\n    exact: isExact,\n  })\n  const context = useFormContext<TFieldValues>()\n  return condition(value, context) ? children : null\n}\n\nif (__DEV__) {\n  DisplayIf.displayName = 'DisplayIf'\n}\n","import * as React from 'react'\nimport { FieldValues, SubmitHandler } from 'react-hook-form'\nimport { createContext } from '@chakra-ui/react-utils'\nimport {\n  useStepper,\n  useStep,\n  UseStepperProps,\n  UseStepperReturn,\n} from '@saas-ui/stepper'\n\nexport interface StepState {\n  name: string\n  schema?: any\n  resolver?: any\n  isActive?: boolean\n  isCompleted?: boolean\n}\n\nexport interface StepFormContext extends UseStepperReturn {\n  updateStep(state: StepState): void\n  steps: Record<string, StepState>\n}\n\nexport const [StepFormProvider, useStepFormContext] =\n  createContext<StepFormContext>({\n    name: 'StepFormContext',\n    errorMessage:\n      'useStepFormContext: `context` is undefined. Seems you forgot to wrap step form components in `<StepForm />`',\n  })\n\nimport { FormProps } from './form'\n\nexport interface UseStepFormProps<\n  TFieldValues extends FieldValues = FieldValues\n> extends UseStepperProps,\n    Omit<FormProps<TFieldValues>, 'children'> {\n  children:\n    | React.ReactNode\n    | ((stepper: UseStepFormReturn<TFieldValues>) => React.ReactElement)\n}\n\nexport interface UseStepFormReturn<\n  TFieldValues extends FieldValues = FieldValues\n> extends UseStepperReturn {\n  getFormProps(): {\n    onSubmit: SubmitHandler<TFieldValues>\n    schema?: any\n    resolver?: any\n  }\n  updateStep(step: any): void\n  steps: Record<string, any>\n}\n\nexport function useStepForm<TFieldValues extends FieldValues = FieldValues>(\n  props: UseStepFormProps<TFieldValues>\n): UseStepFormReturn<TFieldValues> {\n  const stepper = useStepper(props)\n\n  const { activeStep, isLastStep, nextStep } = stepper\n\n  const [steps, updateSteps] = React.useState<Record<string, StepState>>({})\n\n  const onSubmitStep: SubmitHandler<TFieldValues> = React.useCallback(\n    async (data) => {\n      if (isLastStep) {\n        return props\n          .onSubmit?.(data)\n          .then(() => {\n            const step = steps[activeStep]\n            updateStep({\n              ...step,\n              isCompleted: true,\n            })\n          })\n          .then(nextStep) // Show completed step\n      }\n\n      nextStep()\n    },\n    [activeStep, isLastStep]\n  )\n\n  const getFormProps = React.useCallback(() => {\n    const step = steps[activeStep]\n    return {\n      onSubmit: onSubmitStep,\n      schema: step?.schema,\n      resolver: step?.resolver,\n    }\n  }, [steps, onSubmitStep, activeStep])\n\n  const updateStep = React.useCallback(\n    (step: StepState) => {\n      updateSteps((steps) => {\n        return {\n          ...steps,\n          [step.name]: step,\n        }\n      })\n    },\n    [steps]\n  )\n\n  return {\n    getFormProps,\n    updateStep,\n    steps,\n    ...stepper,\n  }\n}\n\nexport interface UseFormStepProps {\n  name: string\n  schema?: any\n  resolver?: any\n}\n\nexport function useFormStep(props: UseFormStepProps): StepState {\n  const { name, schema, resolver } = props\n  const step = useStep({ name })\n\n  const { steps, updateStep } = useStepFormContext()\n\n  React.useEffect(() => {\n    updateStep({ name, schema, resolver })\n  }, [name, schema])\n\n  return {\n    ...step,\n    ...(steps[name] || { name, schema }),\n  }\n}\n","import * as React from 'react'\n\nimport { FieldValues, UseFormReturn } from 'react-hook-form'\n\nimport {\n  chakra,\n  HTMLChakraProps,\n  useMultiStyleConfig,\n  StylesProvider,\n  SystemStyleObject,\n} from '@chakra-ui/system'\n\nimport { callAllHandlers, runIfFn, cx, __DEV__ } from '@chakra-ui/utils'\n\nimport {\n  StepperProvider,\n  StepperSteps,\n  StepperStepsProps,\n  StepperStep,\n  useStepperContext,\n} from '@saas-ui/stepper'\nimport { Button, ButtonProps } from '@saas-ui/button'\n\nimport { Form, FormProps } from './form'\nimport { SubmitButton } from './submit-button'\n\nimport {\n  useStepForm,\n  useFormStep,\n  StepFormProvider,\n  UseStepFormProps,\n  UseStepFormReturn,\n} from './use-step-form'\n\nexport interface StepFormProps<TFieldValues extends FieldValues = FieldValues>\n  extends UseStepFormProps<TFieldValues> {}\n\nexport const StepForm = React.forwardRef(\n  <TFieldValues extends FieldValues = FieldValues>(\n    props: StepFormProps<TFieldValues>,\n    ref: React.ForwardedRef<UseFormReturn<TFieldValues>>\n  ) => {\n    const { children, ...rest } = props\n\n    const stepper = useStepForm<TFieldValues>(props)\n\n    const { getFormProps, ...ctx } = stepper\n\n    const context = React.useMemo(() => ctx, [ctx])\n\n    return (\n      <StepperProvider value={context}>\n        <StepFormProvider value={context}>\n          <Form ref={ref} {...rest} {...getFormProps()}>\n            {runIfFn(children, stepper)}\n          </Form>\n        </StepFormProvider>\n      </StepperProvider>\n    )\n  }\n) as <TFieldValues extends FieldValues>(\n  props: FormProps<TFieldValues> & {\n    ref?: React.ForwardedRef<UseFormReturn<TFieldValues>>\n  }\n) => React.ReactElement\n\nexport interface FormStepOptions {\n  /**\n   * The step name\n   */\n  name: string\n  /**\n   * Schema\n   */\n  schema?: any\n  /**\n   * Hook Form Resolver\n   */\n  resolver?: any\n}\n\nexport const FormStepper: React.FC<StepperStepsProps> = (props) => {\n  const styles = useMultiStyleConfig('Stepper', props)\n\n  const { children } = props\n\n  const elements = React.Children.map(children, (child) => {\n    if (React.isValidElement(child) && child?.type === FormStep) {\n      const { isCompleted } = useFormStep(child.props) // Register this step\n      return (\n        <StepperStep\n          name={child.props.name}\n          title={child.props.title}\n          isCompleted={isCompleted}\n        >\n          {child.props.children}\n        </StepperStep>\n      )\n    }\n    return child\n  })\n\n  return (\n    <StylesProvider value={styles}>\n      <StepperSteps mb=\"4\" {...props}>\n        {elements}\n      </StepperSteps>\n    </StylesProvider>\n  )\n}\n\nexport interface FormStepProps\n  extends FormStepOptions,\n    HTMLChakraProps<'div'> {}\n\nexport const FormStep: React.FC<FormStepProps> = (props) => {\n  const { name, schema, resolver, children, className, ...rest } = props\n  const step = useFormStep({ name, schema, resolver })\n\n  const { isActive } = step\n\n  return isActive ? (\n    <chakra.div {...rest} className={cx('saas-form__step', className)}>\n      {children}\n    </chakra.div>\n  ) : null\n}\n\nif (__DEV__) {\n  FormStep.displayName = 'FormStep'\n}\n\nexport const PrevButton: React.FC<ButtonProps> = (props) => {\n  const { isFirstStep, isCompleted, prevStep } = useStepperContext()\n\n  return (\n    <Button\n      isDisabled={isFirstStep || isCompleted}\n      label=\"Back\"\n      {...props}\n      className={cx('saas-form__prev-button', props.className)}\n      onClick={callAllHandlers(props.onClick, prevStep)}\n    />\n  )\n}\n\nif (__DEV__) {\n  PrevButton.displayName = 'PrevButton'\n}\n\nexport interface NextButtonProps extends ButtonProps {\n  submitLabel?: string\n}\n\nexport const NextButton: React.FC<NextButtonProps> = (props) => {\n  const { label = 'Next', submitLabel = 'Complete', ...rest } = props\n  const { isLastStep, isCompleted } = useStepperContext()\n\n  return (\n    <SubmitButton\n      isDisabled={isCompleted}\n      label={isLastStep || isCompleted ? submitLabel : label}\n      {...rest}\n      className={cx('saas-form__next-button', props.className)}\n    />\n  )\n}\n\nif (__DEV__) {\n  NextButton.displayName = 'NextButton'\n}\n"],"names":["DisplayField","name","label","props","React","FormControl","FormLabel","htmlFor","Text","fontSize","FormValue","__DEV__","displayName","getValues","useFormContext","inputTypes","BaseField","help","variant","hideLabel","children","controlProps","error","formState","get","errors","getError","isInvalid","Box","message","FormHelperText","FormErrorMessage","Field","forwardRef","ref","type","withControlledInput","InputComponent","rules","inputProps","Controller","control","render","field","_ref","useMergeRefs","withUncontrolledInput","register","registerFieldType","component","options","id","isDisabled","isReadOnly","isRequired","inputRules","required","createField","isControlled","split","map","part","charAt","toUpperCase","slice","join","InputField","Input","NumberInputField","NumberInput","PasswordInputFIeld","PasswordInput","TextareaField","Textarea","SwitchField","Switch","SelectField","Select","CheckboxField","Checkbox","RadioField","RadioInput","PinField","PinInput","NativeSelectField","NativeSelect","mapFields","schema","Object","entries","objectFieldResolver","getFields","getNestedFields","items","properties","Form","mode","resolver","reValidateMode","shouldFocusError","shouldUnregister","shouldUseNativeValidation","criteriaMode","delayError","defaultValues","onSubmit","onError","formRef","rest","form","getResolver","methods","useForm","handleSubmit","useImperativeHandle","FormProvider","chakra","className","cx","getFieldResolver","FormLayoutItem","div","FormLayout","gridProps","useTheme","components","_theme$components","_theme$components$For2","defaultProps","spacing","SimpleGrid","Children","child","isValidElement","mapNestedFields","cloneElement","createContext","ArrayFieldProvider","useArrayFieldContext","ArrayFieldRowProvider","useArrayFieldRowContext","useArrayField","defaultValue","keyName","min","max","useFieldArray","useArrayFieldRow","index","clearErrors","remove","fields","useEffect","isFirst","isLast","length","useCallback","useArrayFieldRemoveButton","onClick","useArrayFieldAddButton","append","shouldFocus","ArrayFieldRow","ArrayFieldRowContainer","ArrayFieldRowFields","columns","ArrayFieldRemoveButton","layoutProps","flex","gridGap","mr","context","value","__css","display","flexDirection","alignItems","width","mb","IconButton","icon","MinusIcon","ArrayFieldAddButton","AddIcon","float","ArrayField","containerProps","ArrayFieldContainer","ArrayFieldRows","key","fieldProps","FormLegend","styles","useStyles","as","sx","legend","ObjectField","_resolver$getNestedFi","i","nestedFieldProps","Fields","fieldResolver","useMemo","SubmitButton","disableIfUntouched","disableIfInvalid","Button","isLoading","isSubmitting","isPrimary","isDirty","isValid","AutoForm","submitLabel","DisplayIf","condition","useWatch","disabled","exact","isExact","errorMessage","StepFormProvider","useStepFormContext","useStepForm","stepper","useStepper","activeStep","isLastStep","nextStep","useState","steps","updateSteps","onSubmitStep","data","then","updateStep","isCompleted","getFormProps","step","useFormStep","useStep","StepForm","ctx","StepperProvider","runIfFn","FormStep","isActive","PrevButton","useStepperContext","prevStep","isFirstStep","callAllHandlers","NextButton","useMultiStyleConfig","elements","StepperStep","title","StylesProvider","StepperSteps"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/display-field.tsx","../src/field.tsx","../src/field-resolver.ts","../src/form.tsx","../src/layout.tsx","../src/utils.ts","../src/use-array-field.tsx","../src/array-field.tsx","../src/object-field.tsx","../src/fields.tsx","../src/submit-button.tsx","../src/auto-form.tsx","../src/display-if.tsx","../src/use-step-form.tsx","../src/step-form.tsx"],"sourcesContent":["import * as React from 'react'\nimport { __DEV__ } from '@chakra-ui/utils'\nimport { useFormContext } from 'react-hook-form'\n\nimport {\n  Text,\n  FormControl,\n  FormControlProps,\n  FormLabel,\n} from '@chakra-ui/react'\n\nimport { FieldProps } from './field'\n\nexport interface DisplayFieldProps\n  extends FormControlProps,\n    Omit<FieldProps, 'type' | 'label'> {}\n\nexport const DisplayField: React.FC<DisplayFieldProps> = ({\n  name,\n  label,\n  placeholder,\n  ...props\n}) => {\n  return (\n    <FormControl {...props}>\n      {label ? <FormLabel htmlFor={name}>{label}</FormLabel> : null}\n      <Text fontSize=\"md\">\n        <FormValue name={name} />\n      </Text>\n    </FormControl>\n  )\n}\n\nif (__DEV__) {\n  DisplayField.displayName = 'DisplayField'\n}\n\nexport const FormValue: React.FC<{ name: string }> = ({ name }) => {\n  const { getValues } = useFormContext()\n  return getValues(name) || null\n}\n\nif (__DEV__) {\n  FormValue.displayName = 'FormValue'\n}\n","import * as React from 'react'\nimport {\n  useFormContext,\n  FormState,\n  Controller,\n  get,\n  RegisterOptions,\n  FieldValues,\n  FieldPath,\n} from 'react-hook-form'\n\nimport {\n  forwardRef,\n  Box,\n  FormControl,\n  FormControlProps,\n  FormLabel,\n  FormHelperText,\n  FormErrorMessage,\n  Input,\n  Textarea,\n  Checkbox,\n  Switch,\n  useMergeRefs,\n} from '@chakra-ui/react'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nimport { NumberInput } from '@saas-ui/number-input'\nimport { PasswordInput } from '@saas-ui/password-input'\nimport { RadioInput } from '@saas-ui/radio'\nimport { PinInput } from '@saas-ui/pin-input'\nimport { Select, NativeSelect } from '@saas-ui/select'\nimport { FocusableElement } from '@chakra-ui/utils'\n\nexport interface Option {\n  value: string\n  label?: string\n  [key: string]: unknown\n}\n\nexport type FieldRules = Pick<\n  RegisterOptions,\n  'required' | 'min' | 'max' | 'maxLength' | 'minLength' | 'pattern'\n>\n\nexport type FieldTypes =\n  | 'text'\n  | 'number'\n  | 'password'\n  | 'textarea'\n  | 'select'\n  | 'native-select'\n  | 'checkbox'\n  | 'radio'\n  | 'switch'\n  | 'pin'\n  | string\n\nexport interface FieldProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> extends Omit<FormControlProps, 'label' | 'type'> {\n  /**\n   * The field name\n   */\n  name: TName\n  /**\n   * The field label\n   */\n  label?: string\n  /**\n   * Hide the field label\n   */\n  hideLabel?: boolean\n  /**\n   * Field help text\n   */\n  help?: string\n  /**\n   * React hook form rules\n   */\n  rules?: Omit<\n    RegisterOptions<TFieldValues, TName>,\n    'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled'\n  >\n  /**\n   * Options used for selects and radio fields\n   */\n  options?: Option[]\n  /**\n   * The field type\n   * Build-in types:\n   * - text\n   * - number\n   * - password\n   * - textarea\n   * - select\n   * - native-select\n   * - checkbox\n   * - radio\n   * - switch\n   * - pin\n   *\n   * Will default to a text field if there is no matching type.\n   * @default 'text'\n   */\n  type?: FieldTypes\n  /**\n   * The input placeholder\n   */\n  placeholder?: string\n}\n\nconst inputTypes: Record<FieldTypes, any> = {}\n\nconst defaultInputType = 'text'\n\nconst getInput = (type: string) => {\n  return inputTypes[type] || inputTypes[defaultInputType]\n}\n\nconst getError = (name: string, formState: FormState<{ [x: string]: any }>) => {\n  return get(formState.errors, name)\n}\n\nconst isTouched = (\n  name: string,\n  formState: FormState<{ [x: string]: any }>\n) => {\n  return get(formState.touchedFields, name)\n}\n\nexport const BaseField: React.FC<FieldProps> = (props) => {\n  const { name, label, help, variant, hideLabel, children, ...controlProps } =\n    props\n\n  const { formState } = useFormContext()\n\n  const error = getError(name, formState)\n\n  return (\n    <FormControl variant={variant} {...controlProps} isInvalid={!!error}>\n      {label && !hideLabel ? (\n        <FormLabel variant={variant}>{label}</FormLabel>\n      ) : null}\n      <Box>\n        {children}\n        {help && !error?.message ? (\n          <FormHelperText>{help}</FormHelperText>\n        ) : null}\n        {error?.message && (\n          <FormErrorMessage>{error?.message}</FormErrorMessage>\n        )}\n      </Box>\n    </FormControl>\n  )\n}\n\nif (__DEV__) {\n  BaseField.displayName = 'BaseField'\n}\n\nexport const Field = forwardRef(\n  <TFieldValues extends FieldValues = FieldValues>(\n    props: FieldProps<TFieldValues> & {\n      [key: string]: unknown // Make sure attributes of custom components work. Need to change this to a global typedef at some point.\n    },\n    ref: React.ForwardedRef<FocusableElement>\n  ) => {\n    const { type = defaultInputType } = props\n    const InputComponent = getInput(type)\n\n    return <InputComponent ref={ref} {...props} />\n  }\n) as <TFieldValues extends FieldValues>(\n  props: FieldProps<TFieldValues> & {\n    [key: string]: unknown\n  } & {\n    ref?: React.ForwardedRef<FocusableElement>\n  }\n) => React.ReactElement\n\ninterface CreateFieldProps {\n  displayName: string\n  hideLabel?: boolean\n  BaseField: React.FC<any>\n}\n\nconst createField = (\n  InputComponent: React.FC<any>,\n  { displayName, hideLabel, BaseField }: CreateFieldProps\n) => {\n  const Field = forwardRef<FieldProps, typeof FormControl>((props, ref) => {\n    const {\n      id,\n      name,\n      label,\n      help,\n      isDisabled,\n      isInvalid,\n      isReadOnly,\n      isRequired,\n      rules,\n      variant,\n      ...inputProps\n    } = props\n\n    const inputRules = {\n      required: isRequired,\n      ...rules,\n    }\n\n    return (\n      <BaseField\n        id={id}\n        name={name}\n        label={label}\n        help={help}\n        hideLabel={hideLabel}\n        isDisabled={isDisabled}\n        isInvalid={isInvalid}\n        isReadOnly={isReadOnly}\n        isRequired={isRequired}\n        variant={variant}\n      >\n        <InputComponent\n          ref={ref}\n          id={id}\n          name={name}\n          label={hideLabel ? label : undefined} // Only pass down the label when it should be inline.\n          rules={inputRules}\n          {...inputProps}\n        />\n      </BaseField>\n    )\n  })\n  Field.displayName = displayName\n\n  return Field\n}\n\nexport const withControlledInput = (InputComponent: any) => {\n  return forwardRef<FieldProps, typeof InputComponent>(\n    ({ name, rules, ...inputProps }, ref) => {\n      const { control } = useFormContext()\n\n      return (\n        <Controller\n          name={name}\n          control={control}\n          rules={rules}\n          render={({ field: { ref: _ref, ...field } }) => (\n            <InputComponent\n              {...field}\n              {...inputProps}\n              ref={useMergeRefs(ref, _ref)}\n            />\n          )}\n        />\n      )\n    }\n  )\n}\n\nexport const withUncontrolledInput = (InputComponent: any) => {\n  return forwardRef<FieldProps, typeof InputComponent>(\n    ({ name, rules, ...inputProps }, ref) => {\n      const { register } = useFormContext()\n\n      const { ref: _ref, ...field } = register(name, rules)\n\n      return (\n        <InputComponent\n          {...field}\n          {...inputProps}\n          ref={useMergeRefs(ref, _ref)}\n        />\n      )\n    }\n  )\n}\n\nexport interface RegisterFieldTypeOptions {\n  isControlled?: boolean\n  hideLabel?: boolean\n  BaseField?: React.FC<any>\n}\n\n/**\n * Register a new field type\n * @param type The name for this field in kebab-case, eg `email` or `array-field`\n * @param component The React component\n * @param options\n * @param options.isControlled Set this to true if this is a controlled field.\n * @param options.hideLabel Hide the field label, for example for the checkbox field.\n */\nexport const registerFieldType = (\n  type: string,\n  component: React.FC<any>,\n  options?: RegisterFieldTypeOptions\n) => {\n  let InputComponent\n  if (options?.isControlled) {\n    InputComponent = withControlledInput(component)\n  } else {\n    InputComponent = withUncontrolledInput(component)\n  }\n\n  const Field = createField(InputComponent, {\n    displayName: `${type\n      .split('-')\n      .map((part) => part.charAt(0).toUpperCase() + part.slice(1))\n      .join('')}Field`,\n    hideLabel: options?.hideLabel,\n    BaseField: options?.BaseField || BaseField,\n  })\n\n  inputTypes[type] = Field\n\n  return Field\n}\n\nexport const InputField = registerFieldType(\n  'text',\n  forwardRef(({ type = 'text', ...rest }, ref) => {\n    return <Input type={type} {...rest} ref={ref} />\n  })\n)\nexport const NumberInputField = registerFieldType('number', NumberInput, {\n  isControlled: true,\n})\nexport const PasswordInputFIeld = registerFieldType('password', PasswordInput)\nexport const TextareaField = registerFieldType('textarea', Textarea)\nexport const SwitchField = registerFieldType(\n  'switch',\n  forwardRef(({ type, ...rest }, ref) => {\n    return <Switch {...rest} ref={ref} />\n  }),\n  {\n    isControlled: true,\n  }\n)\nexport const SelectField = registerFieldType('select', Select, {\n  isControlled: true,\n})\nexport const CheckboxField = registerFieldType(\n  'checkbox',\n  forwardRef(\n    ({ label, type, ...props }: { label?: string; type: string }, ref) => {\n      return (\n        <Checkbox ref={ref} {...props}>\n          {label}\n        </Checkbox>\n      )\n    }\n  ),\n  {\n    hideLabel: true,\n  }\n)\nexport const RadioField = registerFieldType('radio', RadioInput, {\n  isControlled: true,\n})\nexport const PinField = registerFieldType('pin', PinInput, {\n  isControlled: true,\n})\nexport const NativeSelectField = registerFieldType(\n  'native-select',\n  NativeSelect,\n  { isControlled: true }\n)\n","import { FieldProps } from './field'\n\nimport { get } from '@chakra-ui/utils'\n\nexport type FieldResolver = {\n  getFields(): FieldProps[]\n  getNestedFields(name: string): FieldProps[]\n}\n\ninterface SchemaField extends FieldProps {\n  items?: SchemaField[]\n  properties?: Record<string, SchemaField>\n}\n\nexport type ObjectSchema = Record<string, SchemaField>\n\nconst mapFields = (schema: ObjectSchema): FieldProps[] =>\n  schema &&\n  Object.entries(schema).map(([name, { items, ...field }]) => {\n    return {\n      ...field,\n      name,\n    }\n  })\n\nexport const objectFieldResolver = (schema: ObjectSchema): FieldResolver => {\n  const getFields = () => {\n    return mapFields(schema)\n  }\n  const getNestedFields = (name: string) => {\n    const field = get(schema, name)\n\n    if (!field) return []\n\n    if (field.items?.type === 'object') {\n      return mapFields(field.items.properties)\n    } else if (field.type === 'object') {\n      return mapFields(field.properties)\n    }\n    return [field.items]\n  }\n\n  return { getFields, getNestedFields }\n}\n","import * as React from 'react'\n\nimport { chakra, HTMLChakraProps, forwardRef } from '@chakra-ui/react'\nimport { cx, __DEV__ } from '@chakra-ui/utils'\n\nimport {\n  useForm,\n  FormProvider,\n  UseFormProps,\n  UseFormReturn,\n  FieldValues,\n  SubmitHandler,\n  SubmitErrorHandler,\n  UnpackNestedValue,\n  ResolverOptions,\n  ResolverResult,\n} from 'react-hook-form'\nimport { objectFieldResolver, FieldResolver } from './field-resolver'\nimport { css } from '@emotion/react'\n\nexport type { UseFormReturn, FieldValues, SubmitHandler }\n\ninterface FormOptions<TFieldValues extends FieldValues = FieldValues> {\n  /**\n   * The form schema, currently supports Yup schema only.\n   */\n  schema?: any\n  /**\n   * The submit handler.\n   */\n  onSubmit: SubmitHandler<TFieldValues>\n  /**\n   * Triggers when there are validation errors.\n   */\n  onError?: SubmitErrorHandler<TFieldValues>\n  /**\n   * Ref on the HTMLFormElement.\n   */\n  formRef?: React.MutableRefObject<HTMLFormElement>\n}\n\n/**\n * @todo Figure out how to pass down FieldValues to all Field components,\n * if at all possible.\n */\nexport interface FormProps<TFieldValues extends FieldValues = FieldValues>\n  extends UseFormProps<TFieldValues>,\n    Omit<HTMLChakraProps<'form'>, 'onSubmit' | 'onError'>,\n    FormOptions<TFieldValues> {}\n\nexport const Form = forwardRef(\n  <TFieldValues extends FieldValues = FieldValues>(\n    props: FormProps<TFieldValues>,\n    ref: React.ForwardedRef<UseFormReturn<TFieldValues>>\n  ) => {\n    const {\n      mode = 'all',\n      resolver,\n      reValidateMode,\n      shouldFocusError,\n      shouldUnregister,\n      shouldUseNativeValidation,\n      criteriaMode,\n      delayError,\n      schema,\n      defaultValues,\n      onSubmit,\n      onError,\n      formRef,\n      children,\n      ...rest\n    } = props\n\n    const form = {\n      mode,\n      resolver,\n      defaultValues,\n      reValidateMode,\n      shouldFocusError,\n      shouldUnregister,\n      shouldUseNativeValidation,\n      criteriaMode,\n      delayError,\n    }\n\n    if (schema && !resolver) {\n      form.resolver = Form.getResolver?.(schema)\n    }\n\n    const methods = useForm<TFieldValues>(form)\n    const { handleSubmit } = methods\n\n    // This exposes the useForm api through the forwarded ref\n    React.useImperativeHandle(ref, () => methods, [ref, methods])\n\n    return (\n      <FormProvider {...methods}>\n        <chakra.form\n          ref={formRef}\n          onSubmit={handleSubmit(onSubmit, onError)}\n          {...rest}\n          className={cx('saas-form', props.className)}\n        >\n          {children}\n        </chakra.form>\n      </FormProvider>\n    )\n  }\n) as (<TFieldValues extends FieldValues>(\n  props: FormProps<TFieldValues> & {\n    ref?: React.ForwardedRef<UseFormReturn<TFieldValues>>\n  }\n) => React.ReactElement) & {\n  displayName?: string\n  getResolver?: GetResolver\n  getFieldResolver: GetFieldResolver\n}\n\nForm.getFieldResolver = objectFieldResolver\n\nif (__DEV__) {\n  Form.displayName = 'Form'\n}\n\nexport type GetResolver = (\n  schema: any\n) => <TFieldValues extends FieldValues, TContext>(\n  values: UnpackNestedValue<TFieldValues>,\n  context: TContext | undefined,\n  options: ResolverOptions<TFieldValues>\n) => Promise<ResolverResult<TFieldValues>>\n\nexport type GetFieldResolver = (schema: any) => FieldResolver\n","import * as React from 'react'\n\nimport { chakra, SimpleGrid, SimpleGridProps, useTheme } from '@chakra-ui/react'\nimport { cx, __DEV__ } from '@chakra-ui/utils'\n\nexport type FormLayoutProps = SimpleGridProps\n\ninterface FormLayoutItemProps {\n  children: React.ReactNode\n}\n\nconst FormLayoutItem: React.FC<FormLayoutItemProps> = ({ children }) => {\n  return <chakra.div>{children}</chakra.div>\n}\n\nif (__DEV__) {\n  FormLayoutItem.displayName = 'FormLayoutItem'\n}\n\n/**\n * FormLayout\n *\n * Renders form items in a `SimpleGrid`\n * @see https://chakra-ui.com/docs/layout/simple-grid\n */\nexport const FormLayout = ({ children, ...props }: FormLayoutProps) => {\n  const theme = useTheme()\n\n  const defaultProps = theme.components?.FormLayout?.defaultProps ?? {\n    spacing: 4,\n  }\n\n  const gridProps = {\n    ...defaultProps,\n    ...props,\n  }\n\n  return (\n    <SimpleGrid\n      {...gridProps}\n      className={cx('saas-form__layout', props.className)}\n    >\n      {React.Children.map(children, (child) => {\n        if (React.isValidElement(child)) {\n          return <FormLayoutItem>{child}</FormLayoutItem>\n        }\n        return child\n      })}\n    </SimpleGrid>\n  )\n}\n\nif (__DEV__) {\n  FormLayout.displayName = 'FormLayout'\n}\n","import * as React from 'react'\n\nexport const mapNestedFields = (name: string, children: React.ReactNode) => {\n  return React.Children.map(children, (child) => {\n    if (React.isValidElement(child) && child.props.name) {\n      return React.cloneElement(child, {\n        ...child.props,\n        name: `${name}.${child.props.name}`,\n      })\n    }\n    return child\n  })\n}\n","import * as React from 'react'\nimport {\n  useFieldArray,\n  useFormContext,\n  UseFieldArrayReturn,\n} from 'react-hook-form'\n\nimport { createContext } from '@chakra-ui/react-utils'\n\nexport interface UseArrayFieldReturn extends UseFieldArrayReturn {\n  /**\n   * The array field name\n   */\n  name: string\n  /**\n   * The default value for new items\n   */\n  defaultValue: Record<string, any>\n  /**\n   * Min amount of items\n   */\n  min?: number\n  /**\n   * Max amount of items\n   */\n  max?: number\n}\n\nexport const [ArrayFieldProvider, useArrayFieldContext] =\n  createContext<UseArrayFieldReturn>({\n    name: 'ArrayFieldContext',\n  })\n\nexport interface UseArrayFieldRowReturn {\n  /**\n   * Name of the array field including the index, eg 'field.0'\n   */\n  name: string\n  /**\n   * The field index\n   */\n  index: number\n  /**\n   * Remove this array item\n   */\n  remove: () => void\n  /**\n   * True if this is the first item\n   */\n  isFirst: boolean\n  /**\n   * True if this is the last item\n   */\n  isLast: boolean\n}\n\nexport const [ArrayFieldRowProvider, useArrayFieldRowContext] =\n  createContext<UseArrayFieldRowReturn>({\n    name: 'ArrayFieldRowContext',\n  })\n\nexport interface ArrayFieldOptions {\n  /**\n   * The field name\n   */\n  name: string\n  /**\n   * Default value for new values in the array\n   */\n  defaultValue?: Record<string, any>\n  /**\n   * Default key name for rows, change this if your data uses a different 'id' field\n   * @default \"id\"\n   */\n  keyName?: string\n  min?: number\n  max?: number\n}\n\nexport const useArrayField = ({\n  name,\n  defaultValue = {},\n  keyName,\n  min,\n  max,\n}: ArrayFieldOptions) => {\n  const { control } = useFormContext()\n  const context = useFieldArray({\n    control,\n    name,\n    keyName,\n  })\n\n  return {\n    ...context,\n    name,\n    defaultValue,\n    min,\n    max,\n  }\n}\n\nexport interface UseArrayFieldRowProps {\n  index: number\n}\n\nexport const useArrayFieldRow = ({ index }: UseArrayFieldRowProps) => {\n  const { clearErrors } = useFormContext()\n  const { name, remove, fields } = useArrayFieldContext()\n\n  React.useEffect(() => {\n    // reset errors, to make sure min/max errors reset correctly\n    clearErrors(name)\n  }, [])\n\n  return {\n    index,\n    isFirst: index === 0,\n    isLast: index === fields.length - 1,\n    name: `${name}.${index}`,\n    remove: React.useCallback(() => {\n      clearErrors(name)\n      remove(index)\n    }, [index]),\n  }\n}\n\nexport const useArrayFieldRemoveButton = () => {\n  const { isFirst, remove } = useArrayFieldRowContext()\n  const { min, fields } = useArrayFieldContext()\n\n  const isDisabled = isFirst && !!(min && fields.length <= min)\n\n  return {\n    onClick: () => remove(),\n    isDisabled,\n  }\n}\n\nexport const useArrayFieldAddButton = () => {\n  const { append, defaultValue, max, fields } = useArrayFieldContext()\n\n  const isDisabled = !!(max && fields.length >= max)\n\n  return {\n    onClick: () =>\n      append(defaultValue, {\n        shouldFocus: false,\n      }),\n    isDisabled,\n  }\n}\n","import * as React from 'react'\n\nimport { chakra, ResponsiveValue } from '@chakra-ui/system'\nimport { __DEV__ } from '@chakra-ui/utils'\nimport { AddIcon, MinusIcon } from '@chakra-ui/icons'\nimport { IconButton, ButtonProps } from '@saas-ui/button'\n\nimport { FormLayout } from './layout'\nimport { BaseField, FieldProps } from './field'\n\nimport { mapNestedFields } from './utils'\n\nimport {\n  useArrayField,\n  useArrayFieldRow,\n  useArrayFieldContext,\n  ArrayFieldProvider,\n  ArrayFieldOptions,\n  ArrayFieldRowProvider,\n  useArrayFieldRowContext,\n  useArrayFieldRemoveButton,\n  useArrayFieldAddButton,\n  UseArrayFieldReturn,\n} from './use-array-field'\n\ninterface ArrayField {\n  id: string\n  [key: string]: unknown\n}\n\ninterface ArrayFieldRowProps {\n  /**\n   * Amount of field columns\n   */\n  columns?: ResponsiveValue<number>\n  /**\n   * Spacing between fields\n   */\n  spacing?: ResponsiveValue<string | number>\n  /**\n   * The array index\n   */\n  index: number\n\n  children: React.ReactNode\n}\n\nexport const ArrayFieldRow: React.FC<ArrayFieldRowProps> = ({\n  children,\n  columns,\n  spacing,\n  index,\n}) => {\n  return (\n    <ArrayFieldRowContainer index={index}>\n      <ArrayFieldRowFields columns={columns} spacing={spacing}>\n        {children}\n      </ArrayFieldRowFields>\n      <ArrayFieldRemoveButton />\n    </ArrayFieldRowContainer>\n  )\n}\n\nif (__DEV__) {\n  ArrayFieldRow.displayName = 'ArrayFieldRow'\n}\n\nexport interface ArrayFieldRowFieldsProps {\n  /**\n   * Amount of field columns\n   */\n  columns?: ResponsiveValue<number>\n  /**\n   * Spacing between fields\n   */\n  spacing?: ResponsiveValue<string | number>\n\n  children: React.ReactNode\n}\n\nexport const ArrayFieldRowFields: React.FC<ArrayFieldRowFieldsProps> = ({\n  children,\n  columns,\n  spacing,\n  ...layoutProps\n}) => {\n  const { name } = useArrayFieldRowContext()\n  return (\n    <FormLayout\n      flex=\"1\"\n      columns={columns}\n      gridGap={spacing}\n      mr=\"2\"\n      {...layoutProps}\n    >\n      {mapNestedFields(name, children)}\n    </FormLayout>\n  )\n}\n\nif (__DEV__) {\n  ArrayFieldRowFields.displayName = 'ArrayFieldRowFields'\n}\n\nexport const ArrayFieldRowContainer: React.FC<ArrayFieldRowProps> = ({\n  children,\n  index,\n}) => {\n  const context = useArrayFieldRow({ index })\n\n  const styles = {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'flex-end',\n    width: '100%',\n    mb: 4,\n  }\n\n  return (\n    <ArrayFieldRowProvider value={context}>\n      <chakra.div __css={styles}>{children}</chakra.div>\n    </ArrayFieldRowProvider>\n  )\n}\n\nif (__DEV__) {\n  ArrayFieldRowContainer.displayName = 'ArrayFieldRowContainer'\n}\n\nexport const ArrayFieldRemoveButton: React.FC<ButtonProps> = (props) => {\n  return (\n    <IconButton\n      icon={<MinusIcon />}\n      aria-label=\"Remove row\"\n      {...useArrayFieldRemoveButton()}\n      {...props}\n    />\n  )\n}\n\nif (__DEV__) {\n  ArrayFieldRemoveButton.displayName = 'ArrayFieldRemoveButton'\n}\n\nexport const ArrayFieldAddButton: React.FC<ButtonProps> = (props) => {\n  return (\n    <IconButton\n      icon={<AddIcon />}\n      aria-label=\"Add row\"\n      float=\"right\"\n      {...useArrayFieldAddButton()}\n      {...props}\n    />\n  )\n}\n\nif (__DEV__) {\n  ArrayFieldAddButton.displayName = 'ArrayFieldAddButton'\n}\n\nexport interface ArrayFieldProps\n  extends ArrayFieldOptions,\n    Omit<FieldProps, 'defaultValue'> {}\n\nexport const ArrayField = React.forwardRef(\n  (props: ArrayFieldProps, ref: React.ForwardedRef<UseArrayFieldReturn>) => {\n    const { children, ...containerProps } = props\n\n    return (\n      <ArrayFieldContainer ref={ref} {...containerProps}>\n        <ArrayFieldRows>\n          {(fields: ArrayField[]) => (\n            <>\n              {fields.map(({ id }, index: number) => (\n                <ArrayFieldRow key={id} index={index}>\n                  {children}\n                </ArrayFieldRow>\n              ))}\n            </>\n          )}\n        </ArrayFieldRows>\n        <ArrayFieldAddButton />\n      </ArrayFieldContainer>\n    )\n  }\n)\n\nif (__DEV__) {\n  ArrayField.displayName = 'ArrayField'\n}\n\nexport interface ArrayFieldRowsProps {\n  children: (fields: ArrayField[]) => React.ReactElement | null\n}\n\nexport const ArrayFieldRows = ({\n  children,\n}: ArrayFieldRowsProps): React.ReactElement | null => {\n  const { fields } = useArrayFieldContext()\n  return children(fields)\n}\n\nif (__DEV__) {\n  ArrayFieldRows.displayName = 'ArrayFieldRows'\n}\n\nexport const ArrayFieldContainer = React.forwardRef(\n  (\n    {\n      name,\n      defaultValue,\n      keyName,\n      min,\n      max,\n      children,\n      ...fieldProps\n    }: ArrayFieldProps,\n    ref: React.ForwardedRef<UseArrayFieldReturn>\n  ) => {\n    const context = useArrayField({\n      name,\n      defaultValue,\n      keyName,\n      min,\n      max,\n    })\n\n    // This exposes the useArrayField api through the forwarded ref\n    React.useImperativeHandle(ref, () => context, [ref, context])\n\n    return (\n      <ArrayFieldProvider value={context}>\n        <BaseField name={name} {...fieldProps}>\n          {children}\n        </BaseField>\n      </ArrayFieldProvider>\n    )\n  }\n)\n\nif (__DEV__) {\n  ArrayFieldContainer.displayName = 'ArrayFieldContainer'\n}\n","import * as React from 'react'\nimport {\n  FormControl,\n  FormLabel,\n  FormLabelProps,\n  ResponsiveValue,\n  useStyleConfig,\n} from '@chakra-ui/react'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nimport { FormLayout } from './layout'\nimport { FieldProps } from './field'\n\nimport { mapNestedFields } from './utils'\n\nexport interface ObjectFieldProps extends FieldProps {\n  name: string\n  children: React.ReactNode\n  columns?: ResponsiveValue<number>\n  spacing?: ResponsiveValue<string | number>\n}\n\nexport const FormLegend = (props: FormLabelProps) => {\n  const styles = useStyleConfig('FormLegend')\n  return <FormLabel as=\"legend\" sx={styles} {...props} />\n}\n\nexport const ObjectField: React.FC<ObjectFieldProps> = (props) => {\n  const { name, label, hideLabel, children, columns, spacing, ...fieldProps } =\n    props\n\n  return (\n    <FormControl name={name} as=\"fieldset\" {...fieldProps}>\n      <FormLegend display={hideLabel ? 'none' : 'block'}>{label}</FormLegend>\n      <FormLayout columns={columns} gridGap={spacing}>\n        {mapNestedFields(name, children)}\n      </FormLayout>\n    </FormControl>\n  )\n}\n\nif (__DEV__) {\n  ObjectField.displayName = 'ObjectField'\n}\n","import * as React from 'react'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nimport { Form } from './form'\nimport { FormLayout } from './layout'\nimport { Field, FieldProps } from './field'\n\nimport { ArrayField } from './array-field'\nimport { ObjectField } from './object-field'\nimport { FieldResolver } from './field-resolver'\n\nexport interface FieldsProps {\n  schema: any\n  fieldResolver?: FieldResolver\n}\n\nconst mapNestedFields = (resolver: FieldResolver, name: string) => {\n  return resolver\n    .getNestedFields(name)\n    ?.map(\n      ({ name, type, ...nestedFieldProps }: FieldProps, i): React.ReactNode => (\n        <Field key={name || i} name={name} type={type} {...nestedFieldProps} />\n      )\n    )\n}\n\nexport const Fields: React.FC<FieldsProps> = ({\n  schema,\n  fieldResolver,\n  ...props\n}) => {\n  const resolver = React.useMemo(\n    () => fieldResolver || Form.getFieldResolver(schema),\n    [schema, fieldResolver]\n  )\n\n  return (\n    <FormLayout {...props}>\n      {resolver\n        .getFields()\n        .map(\n          ({\n            name,\n            type,\n            defaultValue,\n            ...fieldProps\n          }: FieldProps): React.ReactNode => {\n            if (type === 'array') {\n              return (\n                <ArrayField key={name} name={name} {...fieldProps}>\n                  {mapNestedFields(resolver, name)}\n                </ArrayField>\n              )\n            } else if (type === 'object') {\n              return (\n                <ObjectField key={name} name={name} {...fieldProps}>\n                  {mapNestedFields(resolver, name)}\n                </ObjectField>\n              )\n            }\n\n            return <Field key={name} name={name} type={type} {...fieldProps} />\n          }\n        )}\n    </FormLayout>\n  )\n}\n\nif (__DEV__) {\n  Fields.displayName = 'Fields'\n}\n","import * as React from 'react'\n\nimport { useFormContext } from 'react-hook-form'\n\nimport { Button, ButtonProps } from '@saas-ui/button'\n\nimport { forwardRef } from '@chakra-ui/system'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nexport interface SubmitButtonProps extends ButtonProps {\n  /**\n   * Disable the submit button if the form is untouched.\n   *\n   * Change the default behavior by updating\n   * `SubmitButton.defaultProps.disableIfUntouched`\n   */\n  disableIfUntouched?: boolean\n  /**\n   * Disable the submit button if the form is invalid.\n   *\n   * Change the default behavior by updating\n   * `SubmitButton.defaultProps.disableIfInvalid`\n   */\n  disableIfInvalid?: boolean\n}\n\nexport const SubmitButton = forwardRef<SubmitButtonProps, 'button'>(\n  (props, ref) => {\n    const { children, disableIfUntouched, disableIfInvalid, ...rest } = props\n    const { formState } = useFormContext()\n\n    const isDisabled =\n      (disableIfUntouched && !formState.isDirty) ||\n      (disableIfInvalid && !formState.isValid)\n\n    return (\n      <Button\n        type=\"submit\"\n        isLoading={formState.isSubmitting}\n        isPrimary\n        ref={ref}\n        isDisabled={isDisabled}\n        {...rest}\n      >\n        {children}\n      </Button>\n    )\n  }\n)\n\nSubmitButton.defaultProps = {\n  label: 'Submit',\n  disableIfUntouched: false,\n  disableIfInvalid: false,\n}\n\nif (__DEV__) {\n  SubmitButton.displayName = 'SubmitButton'\n}\n","import * as React from 'react'\nimport { FieldValues, UseFormReturn } from 'react-hook-form'\nimport { forwardRef } from '@chakra-ui/react'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nimport { Form, FormProps } from './form'\nimport { FormLayout } from './layout'\nimport { Fields } from './fields'\nimport { SubmitButton, SubmitButtonProps } from './submit-button'\nimport { FieldResolver } from '.'\n\ninterface AutoFormOptions {\n  /**\n   * The submit button label.\n   * Pass `null` to render no submit button.\n   */\n  submitLabel?: React.ReactNode\n  /**\n   * The schema.\n   * Supports object schema, Yup or Zod.\n   * @see https://www.saas-ui.dev/docs/forms/auto-form\n   */\n  schema: any\n  /**\n   * The field resolver.\n   */\n  fieldResolver?: any\n}\n\nexport interface AutoFormProps<TFieldValues extends FieldValues>\n  extends Omit<FormProps<TFieldValues>, 'schema'>,\n    AutoFormOptions {}\n\nexport const AutoForm = forwardRef(\n  <TFieldValues extends FieldValues = FieldValues>(\n    props: AutoFormProps<TFieldValues>,\n    ref: React.ForwardedRef<UseFormReturn<TFieldValues>>\n  ) => {\n    const {\n      schema,\n      submitLabel = 'Submit',\n      fieldResolver,\n      children,\n      ...rest\n    } = props\n\n    return (\n      <Form {...rest} schema={schema} ref={ref}>\n        <FormLayout>\n          {<Fields schema={schema} fieldResolver={fieldResolver} />}\n          {submitLabel && <SubmitButton label={submitLabel} />}\n          {children}\n        </FormLayout>\n      </Form>\n    )\n  }\n) as (<TFieldValues extends FieldValues>(\n  props: AutoFormProps<TFieldValues> & {\n    ref?: React.ForwardedRef<UseFormReturn<TFieldValues>>\n  }\n) => React.ReactElement) & {\n  displayName?: string\n  getFieldResolver?: (schema: any) => FieldResolver\n}\n\nif (__DEV__) {\n  AutoForm.displayName = 'AutoForm'\n}\n","import * as React from 'react'\nimport { __DEV__ } from '@chakra-ui/utils'\nimport {\n  useFormContext,\n  useWatch,\n  FieldValues,\n  UseFormReturn,\n} from 'react-hook-form'\n\nexport interface DisplayIfProps<TFieldValues> {\n  children: React.ReactElement\n  name: string\n  defaultValue?: unknown\n  isDisabled?: boolean\n  isExact?: boolean\n  condition?: (value: unknown, context: UseFormReturn<TFieldValues>) => boolean\n}\n\nexport const DisplayIf = <TFieldValues extends FieldValues = FieldValues>({\n  children,\n  name,\n  defaultValue,\n  isDisabled,\n  isExact,\n  condition = (value) => !!value,\n}: DisplayIfProps<TFieldValues>) => {\n  const value = useWatch({\n    name,\n    defaultValue,\n    disabled: isDisabled,\n    exact: isExact,\n  })\n  const context = useFormContext<TFieldValues>()\n  return condition(value, context) ? children : null\n}\n\nif (__DEV__) {\n  DisplayIf.displayName = 'DisplayIf'\n}\n","import * as React from 'react'\nimport { FieldValues, SubmitHandler } from 'react-hook-form'\nimport { createContext } from '@chakra-ui/react-utils'\nimport {\n  useStepper,\n  useStep,\n  UseStepperProps,\n  UseStepperReturn,\n} from '@saas-ui/stepper'\n\nexport interface StepState {\n  name: string\n  schema?: any\n  resolver?: any\n  isActive?: boolean\n  isCompleted?: boolean\n}\n\nexport interface StepFormContext extends UseStepperReturn {\n  updateStep(state: StepState): void\n  steps: Record<string, StepState>\n}\n\nexport const [StepFormProvider, useStepFormContext] =\n  createContext<StepFormContext>({\n    name: 'StepFormContext',\n    errorMessage:\n      'useStepFormContext: `context` is undefined. Seems you forgot to wrap step form components in `<StepForm />`',\n  })\n\nimport { FormProps } from './form'\n\nexport interface UseStepFormProps<\n  TFieldValues extends FieldValues = FieldValues\n> extends UseStepperProps,\n    Omit<FormProps<TFieldValues>, 'children'> {\n  children:\n    | React.ReactNode\n    | ((stepper: UseStepFormReturn<TFieldValues>) => React.ReactElement)\n}\n\nexport interface UseStepFormReturn<\n  TFieldValues extends FieldValues = FieldValues\n> extends UseStepperReturn {\n  getFormProps(): {\n    onSubmit: SubmitHandler<TFieldValues>\n    schema?: any\n    resolver?: any\n  }\n  updateStep(step: any): void\n  steps: Record<string, any>\n}\n\nexport function useStepForm<TFieldValues extends FieldValues = FieldValues>(\n  props: UseStepFormProps<TFieldValues>\n): UseStepFormReturn<TFieldValues> {\n  const stepper = useStepper(props)\n\n  const { activeStep, isLastStep, nextStep } = stepper\n\n  const [steps, updateSteps] = React.useState<Record<string, StepState>>({})\n\n  const onSubmitStep: SubmitHandler<TFieldValues> = React.useCallback(\n    async (data) => {\n      if (isLastStep) {\n        return props\n          .onSubmit?.(data)\n          .then(() => {\n            const step = steps[activeStep]\n            updateStep({\n              ...step,\n              isCompleted: true,\n            })\n          })\n          .then(nextStep) // Show completed step\n      }\n\n      nextStep()\n    },\n    [activeStep, isLastStep]\n  )\n\n  const getFormProps = React.useCallback(() => {\n    const step = steps[activeStep]\n    return {\n      onSubmit: onSubmitStep,\n      schema: step?.schema,\n      resolver: step?.resolver,\n    }\n  }, [steps, onSubmitStep, activeStep])\n\n  const updateStep = React.useCallback(\n    (step: StepState) => {\n      updateSteps((steps) => {\n        return {\n          ...steps,\n          [step.name]: step,\n        }\n      })\n    },\n    [steps]\n  )\n\n  return {\n    getFormProps,\n    updateStep,\n    steps,\n    ...stepper,\n  }\n}\n\nexport interface UseFormStepProps {\n  name: string\n  schema?: any\n  resolver?: any\n}\n\nexport function useFormStep(props: UseFormStepProps): StepState {\n  const { name, schema, resolver } = props\n  const step = useStep({ name })\n\n  const { steps, updateStep } = useStepFormContext()\n\n  React.useEffect(() => {\n    updateStep({ name, schema, resolver })\n  }, [name, schema])\n\n  return {\n    ...step,\n    ...(steps[name] || { name, schema }),\n  }\n}\n","import * as React from 'react'\n\nimport { FieldValues, UseFormReturn } from 'react-hook-form'\n\nimport {\n  chakra,\n  HTMLChakraProps,\n  useMultiStyleConfig,\n  StylesProvider,\n  SystemStyleObject,\n} from '@chakra-ui/system'\n\nimport { callAllHandlers, runIfFn, cx, __DEV__ } from '@chakra-ui/utils'\n\nimport {\n  StepperProvider,\n  StepperSteps,\n  StepperStepsProps,\n  StepperStep,\n  useStepperContext,\n} from '@saas-ui/stepper'\nimport { Button, ButtonProps } from '@saas-ui/button'\n\nimport { Form, FormProps } from './form'\nimport { SubmitButton } from './submit-button'\n\nimport {\n  useStepForm,\n  useFormStep,\n  StepFormProvider,\n  UseStepFormProps,\n  UseStepFormReturn,\n} from './use-step-form'\n\nexport interface StepFormProps<TFieldValues extends FieldValues = FieldValues>\n  extends UseStepFormProps<TFieldValues> {}\n\nexport const StepForm = React.forwardRef(\n  <TFieldValues extends FieldValues = FieldValues>(\n    props: StepFormProps<TFieldValues>,\n    ref: React.ForwardedRef<UseFormReturn<TFieldValues>>\n  ) => {\n    const { children, ...rest } = props\n\n    const stepper = useStepForm<TFieldValues>(props)\n\n    const { getFormProps, ...ctx } = stepper\n\n    const context = React.useMemo(() => ctx, [ctx])\n\n    return (\n      <StepperProvider value={context}>\n        <StepFormProvider value={context}>\n          <Form ref={ref} {...rest} {...getFormProps()}>\n            {runIfFn(children, stepper)}\n          </Form>\n        </StepFormProvider>\n      </StepperProvider>\n    )\n  }\n) as <TFieldValues extends FieldValues>(\n  props: FormProps<TFieldValues> & {\n    ref?: React.ForwardedRef<UseFormReturn<TFieldValues>>\n  }\n) => React.ReactElement\n\nexport interface FormStepOptions {\n  /**\n   * The step name\n   */\n  name: string\n  /**\n   * Schema\n   */\n  schema?: any\n  /**\n   * Hook Form Resolver\n   */\n  resolver?: any\n}\n\nexport const FormStepper: React.FC<StepperStepsProps> = (props) => {\n  const styles = useMultiStyleConfig('Stepper', props)\n\n  const { children } = props\n\n  const elements = React.Children.map(children, (child) => {\n    if (React.isValidElement(child) && child?.type === FormStep) {\n      const { isCompleted } = useFormStep(child.props) // Register this step\n      return (\n        <StepperStep\n          name={child.props.name}\n          title={child.props.title}\n          isCompleted={isCompleted}\n        >\n          {child.props.children}\n        </StepperStep>\n      )\n    }\n    return child\n  })\n\n  return (\n    <StylesProvider value={styles}>\n      <StepperSteps mb=\"4\" {...props}>\n        {elements}\n      </StepperSteps>\n    </StylesProvider>\n  )\n}\n\nexport interface FormStepProps\n  extends FormStepOptions,\n    HTMLChakraProps<'div'> {}\n\nexport const FormStep: React.FC<FormStepProps> = (props) => {\n  const { name, schema, resolver, children, className, ...rest } = props\n  const step = useFormStep({ name, schema, resolver })\n\n  const { isActive } = step\n\n  return isActive ? (\n    <chakra.div {...rest} className={cx('saas-form__step', className)}>\n      {children}\n    </chakra.div>\n  ) : null\n}\n\nif (__DEV__) {\n  FormStep.displayName = 'FormStep'\n}\n\nexport const PrevButton: React.FC<ButtonProps> = (props) => {\n  const { isFirstStep, isCompleted, prevStep } = useStepperContext()\n\n  return (\n    <Button\n      isDisabled={isFirstStep || isCompleted}\n      label=\"Back\"\n      {...props}\n      className={cx('saas-form__prev-button', props.className)}\n      onClick={callAllHandlers(props.onClick, prevStep)}\n    />\n  )\n}\n\nif (__DEV__) {\n  PrevButton.displayName = 'PrevButton'\n}\n\nexport interface NextButtonProps extends ButtonProps {\n  submitLabel?: string\n}\n\nexport const NextButton: React.FC<NextButtonProps> = (props) => {\n  const { label = 'Next', submitLabel = 'Complete', ...rest } = props\n  const { isLastStep, isCompleted } = useStepperContext()\n\n  return (\n    <SubmitButton\n      isDisabled={isCompleted}\n      label={isLastStep || isCompleted ? submitLabel : label}\n      {...rest}\n      className={cx('saas-form__next-button', props.className)}\n    />\n  )\n}\n\nif (__DEV__) {\n  NextButton.displayName = 'NextButton'\n}\n"],"names":["_excluded","DisplayField","_ref","name","label","props","React","createElement","FormControl","FormLabel","htmlFor","Text","fontSize","FormValue","__DEV__","displayName","_ref2","getValues","useFormContext","_excluded2","_excluded3","_excluded4","_excluded5","_excluded6","_excluded7","_excluded8","_excluded9","inputTypes","BaseField","help","variant","hideLabel","children","controlProps","_objectWithoutPropertiesLoose","error","formState","get","errors","getError","_extends","isInvalid","Box","message","FormHelperText","FormErrorMessage","Field","forwardRef","ref","_props$type","type","withControlledInput","InputComponent","_ref3","rules","inputProps","_useFormContext2","Controller","control","render","field","_ref4$field","useMergeRefs","withUncontrolledInput","_ref5","_register","register","registerFieldType","component","options","id","isDisabled","isReadOnly","isRequired","inputRules","required","undefined","createField","isControlled","split","map","part","charAt","toUpperCase","slice","join","InputField","_ref6$type","_ref6","rest","Input","NumberInputField","NumberInput","PasswordInputFIeld","PasswordInput","TextareaField","Textarea","SwitchField","_ref7","Switch","SelectField","Select","CheckboxField","_ref8","Checkbox","RadioField","RadioInput","PinField","PinInput","NativeSelectField","NativeSelect","mapFields","schema","Object","entries","objectFieldResolver","getFields","getNestedFields","_field$items","items","properties","Form","mode","_props$mode","resolver","reValidateMode","shouldFocusError","shouldUnregister","shouldUseNativeValidation","criteriaMode","delayError","defaultValues","onSubmit","onError","formRef","form","getResolver","methods","useForm","handleSubmit","useImperativeHandle","FormProvider","chakra","className","cx","getFieldResolver","FormLayoutItem","div","FormLayout","_theme$components$For","_theme$components","_theme$components$For2","gridProps","theme","useTheme","components","defaultProps","spacing","SimpleGrid","Children","child","isValidElement","mapNestedFields","cloneElement","createContext","ArrayFieldProvider","useArrayFieldContext","_createContext","ArrayFieldRowProvider","useArrayFieldRowContext","useArrayField","_ref$defaultValue","defaultValue","keyName","min","max","context","useFieldArray","useArrayFieldRow","index","clearErrors","_useArrayFieldContext","remove","fields","useEffect","isFirst","isLast","length","useCallback","useArrayFieldRemoveButton","_useArrayFieldRowCont","_useArrayFieldContext2","onClick","append","_useArrayFieldContext3","shouldFocus","ArrayFieldRow","ArrayFieldRowContainer","ArrayFieldRowFields","columns","ArrayFieldRemoveButton","layoutProps","flex","gridGap","mr","value","__css","display","flexDirection","alignItems","width","mb","IconButton","icon","MinusIcon","ArrayFieldAddButton","AddIcon","float","useArrayFieldAddButton","ArrayField","containerProps","ArrayFieldContainer","ArrayFieldRows","key","_ref4","fieldProps","FormLegend","styles","useStyleConfig","as","sx","ObjectField","_resolver$getNestedFi","i","nestedFieldProps","Fields","fieldResolver","useMemo","SubmitButton","disableIfUntouched","disableIfInvalid","Button","isLoading","isSubmitting","isPrimary","isDirty","isValid","AutoForm","_props$submitLabel","submitLabel","DisplayIf","condition","_ref$condition","useWatch","disabled","exact","isExact","errorMessage","StepFormProvider","useStepFormContext","stepper","useStepper","activeStep","isLastStep","nextStep","_React$useState","useState","steps","updateSteps","onSubmitStep","data","Promise","resolve","then","updateStep","step","isCompleted","e","reject","getFormProps","_extends2","useStep","_useStepFormContext","StepForm","useStepForm","ctx","StepperProvider","runIfFn","FormStep","useFormStep","isActive","PrevButton","useStepperContext","prevStep","_useStepperContext","isFirstStep","callAllHandlers","NextButton","_props$label","_useStepperContext2","useMultiStyleConfig","_useFormStep","StepperStep","title","StylesProvider","StepperSteps","elements"],"mappings":"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"}

package/dist/index.modern.mjs

@@ -1,2 +1,2 @@
-import*as e from"react";import{__DEV__ as t,get as l,cx as a,runIfFn as r,callAllHandlers as n}from"@chakra-ui/utils";import{useFormContext as s,get as i,Controller as o,useForm as m,FormProvider as c,useFieldArray as d,useWatch as u}from"react-hook-form";import{FormControl as p,FormLabel as f,Text as h,forwardRef as b,Switch as y,Checkbox as E,Box as v,FormHelperText as N,FormErrorMessage as F,useMergeRefs as g,Input as x,Textarea as C,chakra as k,useTheme as S,SimpleGrid as R,useStyles as V}from"@chakra-ui/react";import{NumberInput as L}from"@saas-ui/number-input";import{PasswordInput as w}from"@saas-ui/password-input";import{RadioInput as I}from"@saas-ui/radio";import{PinInput as A}from"@saas-ui/pin-input";import{Select as D,NativeSelect as B}from"@saas-ui/select";import{chakra as O,forwardRef as U,useMultiStyleConfig as _,StylesProvider as j}from"@chakra-ui/system";import{MinusIcon as M,AddIcon as P}from"@chakra-ui/icons";import{IconButton as $,Button as q}from"@saas-ui/button";import{createContext as G}from"@chakra-ui/react-utils";import{useStepper as H,useStep as z,StepperProvider as J,StepperStep as K,StepperSteps as Q,useStepperContext as T}from"@saas-ui/stepper";export*from"@saas-ui/input-right-button";function W(){return W=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e},W.apply(this,arguments)}function X(e,t){if(null==e)return{};var l,a,r={},n=Object.keys(e);for(a=0;a<n.length;a++)t.indexOf(l=n[a])>=0||(r[l]=e[l]);return r}const Y=["name","label","placeholder"],Z=t=>{let{name:l,label:a}=t,r=X(t,Y);/*#__PURE__*/return e.createElement(p,r,a?/*#__PURE__*/e.createElement(f,{htmlFor:l},a):null,/*#__PURE__*/e.createElement(h,{fontSize:"md"},/*#__PURE__*/e.createElement(ee,{name:l})))};t&&(Z.displayName="DisplayField");const ee=({name:e})=>{const{getValues:t}=s();return t(e)||null};t&&(ee.displayName="FormValue");const te=["name","label","help","variant","hideLabel","children"],le=["id","name","label","help","isDisabled","isInvalid","isReadOnly","isRequired","rules","variant"],ae=["name","rules"],re=["ref"],ne=["name","rules"],se=["ref"],ie=["label"],oe=["label"],me={},ce="text",de=t=>{const{name:l,label:a,help:r,variant:n,hideLabel:o,children:m}=t,c=X(t,te),{formState:d}=s(),u=((e,t)=>i(t.errors,e))(l,d);/*#__PURE__*/return e.createElement(p,W({variant:n},c,{isInvalid:!!u}),a&&!o?/*#__PURE__*/e.createElement(f,{variant:n},a):null,/*#__PURE__*/e.createElement(v,null,m,!r||null!=u&&u.message?null:/*#__PURE__*/e.createElement(N,null,r),(null==u?void 0:u.message)&&/*#__PURE__*/e.createElement(F,null,null==u?void 0:u.message)))};t&&(de.displayName="BaseField");const ue=b((t,l)=>{const{type:a=ce}=t,r=(e=>me[e]||me[ce])(a);/*#__PURE__*/return e.createElement(r,W({ref:l},t))}),pe=t=>b((l,a)=>{let{name:r,rules:n}=l,i=X(l,ae);const{control:m}=s();/*#__PURE__*/return e.createElement(o,{name:r,control:m,rules:n,render:l=>{let{field:{ref:r}}=l,n=X(l.field,re);/*#__PURE__*/return e.createElement(t,W({},n,i,{ref:g(a,r)}))}})}),fe=t=>b((l,a)=>{let{name:r,rules:n}=l,i=X(l,ne);const{register:o}=s(),m=o(r,n),{ref:c}=m,d=X(m,se);/*#__PURE__*/return e.createElement(t,W({},d,i,{ref:g(a,c)}))}),he=(t,l,a)=>{let r;r=null!=a&&a.isControlled?pe(l):fe(l);const n=((t,{displayName:l,hideLabel:a,BaseField:r})=>{const n=b((l,n)=>{const{id:s,name:i,label:o,help:m,isDisabled:c,isInvalid:d,isReadOnly:u,isRequired:p,rules:f,variant:h}=l,b=X(l,le),y=W({required:p},f);/*#__PURE__*/return e.createElement(r,{id:s,name:i,label:o,help:m,hideLabel:a,isDisabled:c,isInvalid:d,isReadOnly:u,isRequired:p,variant:h},/*#__PURE__*/e.createElement(t,W({ref:n,id:s,name:i,label:o,rules:y},b)))});return n.displayName=l,n})(r,{displayName:`${t.split("-").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join("")}Field`,hideLabel:null==a?void 0:a.hideLabel,BaseField:(null==a?void 0:a.BaseField)||de});return me[t]=n,n},be=he("text",x),ye=he("number",L,{isControlled:!0}),Ee=he("password",w),ve=he("textarea",C),Ne=he("switch",b((t,l)=>{let{label:a}=t,r=X(t,ie);/*#__PURE__*/return e.createElement(y,W({ref:l},r),a)}),{isControlled:!0,hideLabel:!0}),Fe=he("select",D,{isControlled:!0}),ge=he("checkbox",b((t,l)=>{let{label:a}=t,r=X(t,oe);/*#__PURE__*/return e.createElement(E,W({ref:l},r),a)}),{hideLabel:!0}),xe=he("radio",I,{isControlled:!0}),Ce=he("pin",A,{isControlled:!0}),ke=he("native-select",B,{isControlled:!0}),Se=e=>e&&Object.entries(e).map(([e,t])=>W({},t,{name:e})),Re=e=>({getFields:()=>Se(e),getNestedFields:t=>{var a;const r=l(e,t);return r?"object"===(null==(a=r.items)?void 0:a.type)?Se(r.items.properties):"object"===r.type?Se(r.properties):[r.items]:[]}}),Ve=["mode","resolver","reValidateMode","shouldFocusError","shouldUnregister","shouldUseNativeValidation","criteriaMode","delayError","schema","defaultValues","onSubmit","onError","formRef","children"],Le=b((t,l)=>{const{mode:r="all",resolver:n,reValidateMode:s,shouldFocusError:i,shouldUnregister:o,shouldUseNativeValidation:d,criteriaMode:u,delayError:p,schema:f,defaultValues:h,onSubmit:b,onError:y,formRef:E,children:v}=t,N=X(t,Ve),F={mode:r,resolver:n,defaultValues:h,reValidateMode:s,shouldFocusError:i,shouldUnregister:o,shouldUseNativeValidation:d,criteriaMode:u,delayError:p};f&&!n&&(F.resolver=null==Le.getResolver?void 0:Le.getResolver(f));const g=m(F),{handleSubmit:x}=g;return e.useImperativeHandle(l,()=>g,[l,g]),/*#__PURE__*/e.createElement(c,g,/*#__PURE__*/e.createElement(k.form,W({ref:E,onSubmit:x(b,y)},N,{className:a("saas-form",t.className)}),v))});Le.getFieldResolver=Re,t&&(Le.displayName="Form");const we=["children"],Ie=({children:t})=>/*#__PURE__*/e.createElement(k.div,null,t);t&&(Ie.displayName="FormLayoutItem");const Ae=t=>{var l,r,n;let{children:s}=t,i=X(t,we);const o=W({},null!=(l=null==(r=S().components)||null==(n=r.FormLayout)?void 0:n.defaultProps)?l:{spacing:4},i);/*#__PURE__*/return e.createElement(R,W({},o,{className:a("saas-form__layout",i.className)}),e.Children.map(s,t=>e.isValidElement(t)?/*#__PURE__*/e.createElement(Ie,null,t):t))};t&&(Ae.displayName="FormLayout");const De=(t,l)=>e.Children.map(l,l=>e.isValidElement(l)&&l.props.name?e.cloneElement(l,W({},l.props,{name:`${t}.${l.props.name}`})):l),[Be,Oe]=G({name:"ArrayFieldContext"}),[Ue,_e]=G({name:"ArrayFieldRowContext"}),je=({name:e,defaultValue:t={},keyName:l,min:a,max:r})=>{const{control:n}=s();return W({},d({control:n,name:e,keyName:l}),{name:e,defaultValue:t,min:a,max:r})},Me=({index:t})=>{const{clearErrors:l}=s(),{name:a,remove:r,fields:n}=Oe();return e.useEffect(()=>{l(a)},[]),{index:t,isFirst:0===t,isLast:t===n.length-1,name:`${a}.${t}`,remove:e.useCallback(()=>{l(a),r(t)},[t])}},Pe=()=>{const{isFirst:e,remove:t}=_e(),{min:l,fields:a}=Oe();return{onClick:()=>t(),isDisabled:e&&!!(l&&a.length<=l)}},$e=()=>{const{append:e,defaultValue:t,max:l,fields:a}=Oe();return{onClick:()=>e(t,{shouldFocus:!1}),isDisabled:!!(l&&a.length>=l)}},qe=["children","columns","spacing"],Ge=["children"],He=["name","defaultValue","keyName","min","max","children"],ze=({children:t,columns:l,spacing:a,index:r})=>/*#__PURE__*/e.createElement(Ke,{index:r},/*#__PURE__*/e.createElement(Je,{columns:l,spacing:a},t),/*#__PURE__*/e.createElement(Qe,null));t&&(ze.displayName="ArrayFieldRow");const Je=t=>{let{children:l,columns:a,spacing:r}=t,n=X(t,qe);const{name:s}=_e();/*#__PURE__*/return e.createElement(Ae,W({flex:"1",columns:a,gridGap:r,mr:"2"},n),De(s,l))};t&&(Je.displayName="ArrayFieldRowFields");const Ke=({children:t,index:l})=>{const a=Me({index:l});/*#__PURE__*/return e.createElement(Ue,{value:a},/*#__PURE__*/e.createElement(O.div,{__css:{display:"flex",flexDirection:"row",alignItems:"flex-end",width:"100%",mb:4}},t))};t&&(Ke.displayName="ArrayFieldRowContainer");const Qe=t=>/*#__PURE__*/e.createElement($,W({icon:/*#__PURE__*/e.createElement(M,null),"aria-label":"Remove row"},Pe(),t));t&&(Qe.displayName="ArrayFieldRemoveButton");const Te=t=>/*#__PURE__*/e.createElement($,W({icon:/*#__PURE__*/e.createElement(P,null),"aria-label":"Add row",float:"right"},$e(),t));t&&(Te.displayName="ArrayFieldAddButton");const We=e.forwardRef((t,l)=>{const{children:a}=t,r=X(t,Ge);/*#__PURE__*/return e.createElement(Ye,W({ref:l},r),/*#__PURE__*/e.createElement(Xe,null,t=>/*#__PURE__*/e.createElement(e.Fragment,null,t.map(({id:t},l)=>/*#__PURE__*/e.createElement(ze,{key:t,index:l},a)))),/*#__PURE__*/e.createElement(Te,null))});t&&(We.displayName="ArrayField");const Xe=({children:e})=>{const{fields:t}=Oe();return e(t)};t&&(Xe.displayName="ArrayFieldRows");const Ye=e.forwardRef((t,l)=>{let{name:a,defaultValue:r,keyName:n,min:s,max:i,children:o}=t,m=X(t,He);const c=je({name:a,defaultValue:r,keyName:n,min:s,max:i});return e.useImperativeHandle(l,()=>c,[l,c]),/*#__PURE__*/e.createElement(Be,{value:c},/*#__PURE__*/e.createElement(de,W({name:a},m),o))});t&&(Ye.displayName="ArrayFieldContainer");const Ze=["name","label","hideLabel","children","columns","spacing"],et=t=>{const l=V();/*#__PURE__*/return e.createElement(f,W({as:"legend",sx:l.legend},t))},tt=t=>{const{name:l,label:a,hideLabel:r,children:n,columns:s,spacing:i}=t,o=X(t,Ze);/*#__PURE__*/return e.createElement(p,W({name:l,as:"fieldset"},o),/*#__PURE__*/e.createElement(et,{display:r?"none":"block"},a),/*#__PURE__*/e.createElement(Ae,{columns:s,gridGap:i},De(l,n)))};t&&(tt.displayName="ObjectField");const lt=["name","type"],at=["schema","fieldResolver"],rt=["name","type","defaultValue"],nt=(t,l)=>{var a;return null==(a=t.getNestedFields(l))?void 0:a.map((t,l)=>{let{name:a,type:r}=t,n=X(t,lt);/*#__PURE__*/return e.createElement(ue,W({key:a||l,name:a,type:r},n))})},st=t=>{let{schema:l,fieldResolver:a}=t,r=X(t,at);const n=e.useMemo(()=>a||Le.getFieldResolver(l),[l,a]);/*#__PURE__*/return e.createElement(Ae,r,n.getFields().map(t=>{let{name:l,type:a}=t,r=X(t,rt);return"array"===a?/*#__PURE__*/e.createElement(We,W({key:l,name:l},r),nt(n,l)):"object"===a?/*#__PURE__*/e.createElement(tt,W({key:l,name:l},r),nt(n,l)):/*#__PURE__*/e.createElement(ue,W({key:l,name:l,type:a},r))}))};t&&(st.displayName="Fields");const it=["children","disableIfUntouched","disableIfInvalid"],ot=U((t,l)=>{const{children:a,disableIfUntouched:r,disableIfInvalid:n}=t,i=X(t,it),{formState:o}=s();/*#__PURE__*/return e.createElement(q,W({type:"submit",isLoading:o.isSubmitting,isPrimary:!0,ref:l,isDisabled:r&&!o.isDirty||n&&!o.isValid},i),a)});ot.defaultProps={label:"Submit",disableIfUntouched:!1,disableIfInvalid:!1},t&&(ot.displayName="SubmitButton");const mt=["schema","submitLabel","fieldResolver"],ct=b((t,l)=>{const{schema:a,submitLabel:r="Submit",fieldResolver:n}=t,s=X(t,mt);/*#__PURE__*/return e.createElement(Le,W({},s,{schema:a,ref:l}),/*#__PURE__*/e.createElement(Ae,null,/*#__PURE__*/e.createElement(st,{schema:a,fieldResolver:n}),r&&/*#__PURE__*/e.createElement(ot,{label:r})))});t&&(ct.displayName="AutoForm");const dt=({children:e,name:t,defaultValue:l,isDisabled:a,isExact:r,condition:n=(e=>!!e)})=>n(u({name:t,defaultValue:l,disabled:a,exact:r}),s())?e:null;t&&(dt.displayName="DisplayIf");const[ut,pt]=G({name:"StepFormContext",errorMessage:"useStepFormContext: `context` is undefined. Seems you forgot to wrap step form components in `<StepForm />`"});function ft(t){const l=H(t),{activeStep:a,isLastStep:r,nextStep:n}=l,[s,i]=e.useState({}),o=e.useCallback(async e=>{if(r)return null==t.onSubmit?void 0:t.onSubmit(e).then(()=>{c(W({},s[a],{isCompleted:!0}))}).then(n);n()},[a,r]),m=e.useCallback(()=>{const e=s[a];return{onSubmit:o,schema:null==e?void 0:e.schema,resolver:null==e?void 0:e.resolver}},[s,o,a]),c=e.useCallback(e=>{i(t=>W({},t,{[e.name]:e}))},[s]);return W({getFormProps:m,updateStep:c,steps:s},l)}function ht(t){const{name:l,schema:a,resolver:r}=t,n=z({name:l}),{steps:s,updateStep:i}=pt();return e.useEffect(()=>{i({name:l,schema:a,resolver:r})},[l,a]),W({},n,s[l]||{name:l,schema:a})}const bt=["children"],yt=["getFormProps"],Et=["name","schema","resolver","children","className"],vt=["label","submitLabel"],Nt=e.forwardRef((t,l)=>{const{children:a}=t,n=X(t,bt),s=ft(t),{getFormProps:i}=s,o=X(s,yt),m=e.useMemo(()=>o,[o]);/*#__PURE__*/return e.createElement(J,{value:m},/*#__PURE__*/e.createElement(ut,{value:m},/*#__PURE__*/e.createElement(Le,W({ref:l},n,i()),r(a,s))))}),Ft=t=>{const l=_("Stepper",t),{children:a}=t,r=e.Children.map(a,t=>{if(e.isValidElement(t)&&(null==t?void 0:t.type)===gt){const{isCompleted:l}=ht(t.props);/*#__PURE__*/return e.createElement(K,{name:t.props.name,title:t.props.title,isCompleted:l},t.props.children)}return t});/*#__PURE__*/return e.createElement(j,{value:l},/*#__PURE__*/e.createElement(Q,W({mb:"4"},t),r))},gt=t=>{const{name:l,schema:r,resolver:n,children:s,className:i}=t,o=X(t,Et),m=ht({name:l,schema:r,resolver:n}),{isActive:c}=m;return c?/*#__PURE__*/e.createElement(O.div,W({},o,{className:a("saas-form__step",i)}),s):null};t&&(gt.displayName="FormStep");const xt=t=>{const{isFirstStep:l,isCompleted:r,prevStep:s}=T();/*#__PURE__*/return e.createElement(q,W({isDisabled:l||r,label:"Back"},t,{className:a("saas-form__prev-button",t.className),onClick:n(t.onClick,s)}))};t&&(xt.displayName="PrevButton");const Ct=t=>{const{label:l="Next",submitLabel:r="Complete"}=t,n=X(t,vt),{isLastStep:s,isCompleted:i}=T();/*#__PURE__*/return e.createElement(ot,W({isDisabled:i,label:s||i?r:l},n,{className:a("saas-form__next-button",t.className)}))};t&&(Ct.displayName="NextButton");export{We as ArrayField,Te as ArrayFieldAddButton,Ye as ArrayFieldContainer,Be as ArrayFieldProvider,Qe as ArrayFieldRemoveButton,ze as ArrayFieldRow,Ke as ArrayFieldRowContainer,Je as ArrayFieldRowFields,Ue as ArrayFieldRowProvider,Xe as ArrayFieldRows,ct as AutoForm,de as BaseField,ge as CheckboxField,Z as DisplayField,dt as DisplayIf,ue as Field,st as Fields,Le as Form,Ae as FormLayout,et as FormLegend,gt as FormStep,Ft as FormStepper,ee as FormValue,be as InputField,ke as NativeSelectField,Ct as NextButton,ye as NumberInputField,tt as ObjectField,Ee as PasswordInputFIeld,Ce as PinField,xt as PrevButton,xe as RadioField,Fe as SelectField,Nt as StepForm,ut as StepFormProvider,ot as SubmitButton,Ne as SwitchField,ve as TextareaField,Re as objectFieldResolver,he as registerFieldType,je as useArrayField,$e as useArrayFieldAddButton,Oe as useArrayFieldContext,Pe as useArrayFieldRemoveButton,Me as useArrayFieldRow,_e as useArrayFieldRowContext,ht as useFormStep,ft as useStepForm,pt as useStepFormContext,pe as withControlledInput,fe as withUncontrolledInput};
+import*as e from"react";import{__DEV__ as t,get as a,cx as l,runIfFn as r,callAllHandlers as n}from"@chakra-ui/utils";import{useFormContext as s,get as i,Controller as o,useForm as m,FormProvider as c,useFieldArray as d,useWatch as u}from"react-hook-form";import{FormControl as p,FormLabel as f,Text as h,forwardRef as b,Input as y,Switch as E,Checkbox as v,Box as F,FormHelperText as N,FormErrorMessage as g,useMergeRefs as x,Textarea as C,chakra as k,useTheme as S,SimpleGrid as R,useStyleConfig as V}from"@chakra-ui/react";import{NumberInput as L}from"@saas-ui/number-input";import{PasswordInput as w}from"@saas-ui/password-input";import{RadioInput as I}from"@saas-ui/radio";import{PinInput as A}from"@saas-ui/pin-input";import{Select as D,NativeSelect as O}from"@saas-ui/select";import{chakra as j,forwardRef as B,useMultiStyleConfig as U,StylesProvider as _}from"@chakra-ui/system";import{MinusIcon as M,AddIcon as P}from"@chakra-ui/icons";import{IconButton as $,Button as q}from"@saas-ui/button";import{createContext as G}from"@chakra-ui/react-utils";import{useStepper as H,useStep as z,StepperProvider as J,StepperStep as K,StepperSteps as Q,useStepperContext as T}from"@saas-ui/stepper";export*from"@saas-ui/input-right-button";function W(){return W=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},W.apply(this,arguments)}function X(e,t){if(null==e)return{};var a,l,r={},n=Object.keys(e);for(l=0;l<n.length;l++)t.indexOf(a=n[l])>=0||(r[a]=e[a]);return r}const Y=["name","label","placeholder"],Z=t=>{let{name:a,label:l}=t,r=X(t,Y);/*#__PURE__*/return e.createElement(p,r,l?/*#__PURE__*/e.createElement(f,{htmlFor:a},l):null,/*#__PURE__*/e.createElement(h,{fontSize:"md"},/*#__PURE__*/e.createElement(ee,{name:a})))};t&&(Z.displayName="DisplayField");const ee=({name:e})=>{const{getValues:t}=s();return t(e)||null};t&&(ee.displayName="FormValue");const te=["name","label","help","variant","hideLabel","children"],ae=["id","name","label","help","isDisabled","isInvalid","isReadOnly","isRequired","rules","variant"],le=["name","rules"],re=["ref"],ne=["name","rules"],se=["ref"],ie=["type"],oe=["type"],me=["label","type"],ce={},de="text",ue=t=>{const{name:a,label:l,help:r,variant:n,hideLabel:o,children:m}=t,c=X(t,te),{formState:d}=s(),u=((e,t)=>i(t.errors,e))(a,d);/*#__PURE__*/return e.createElement(p,W({variant:n},c,{isInvalid:!!u}),l&&!o?/*#__PURE__*/e.createElement(f,{variant:n},l):null,/*#__PURE__*/e.createElement(F,null,m,!r||null!=u&&u.message?null:/*#__PURE__*/e.createElement(N,null,r),(null==u?void 0:u.message)&&/*#__PURE__*/e.createElement(g,null,null==u?void 0:u.message)))};t&&(ue.displayName="BaseField");const pe=b((t,a)=>{const{type:l=de}=t,r=(e=>ce[e]||ce[de])(l);/*#__PURE__*/return e.createElement(r,W({ref:a},t))}),fe=t=>b((a,l)=>{let{name:r,rules:n}=a,i=X(a,le);const{control:m}=s();/*#__PURE__*/return e.createElement(o,{name:r,control:m,rules:n,render:a=>{let{field:{ref:r}}=a,n=X(a.field,re);/*#__PURE__*/return e.createElement(t,W({},n,i,{ref:x(l,r)}))}})}),he=t=>b((a,l)=>{let{name:r,rules:n}=a,i=X(a,ne);const{register:o}=s(),m=o(r,n),{ref:c}=m,d=X(m,se);/*#__PURE__*/return e.createElement(t,W({},d,i,{ref:x(l,c)}))}),be=(t,a,l)=>{let r;r=null!=l&&l.isControlled?fe(a):he(a);const n=((t,{displayName:a,hideLabel:l,BaseField:r})=>{const n=b((a,n)=>{const{id:s,name:i,label:o,help:m,isDisabled:c,isInvalid:d,isReadOnly:u,isRequired:p,rules:f,variant:h}=a,b=X(a,ae),y=W({required:p},f);/*#__PURE__*/return e.createElement(r,{id:s,name:i,label:o,help:m,hideLabel:l,isDisabled:c,isInvalid:d,isReadOnly:u,isRequired:p,variant:h},/*#__PURE__*/e.createElement(t,W({ref:n,id:s,name:i,label:l?o:void 0,rules:y},b)))});return n.displayName=a,n})(r,{displayName:`${t.split("-").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join("")}Field`,hideLabel:null==l?void 0:l.hideLabel,BaseField:(null==l?void 0:l.BaseField)||ue});return ce[t]=n,n},ye=be("text",b((t,a)=>{let{type:l="text"}=t,r=X(t,ie);/*#__PURE__*/return e.createElement(y,W({type:l},r,{ref:a}))})),Ee=be("number",L,{isControlled:!0}),ve=be("password",w),Fe=be("textarea",C),Ne=be("switch",b((t,a)=>{let l=X(t,oe);/*#__PURE__*/return e.createElement(E,W({},l,{ref:a}))}),{isControlled:!0}),ge=be("select",D,{isControlled:!0}),xe=be("checkbox",b((t,a)=>{let{label:l}=t,r=X(t,me);/*#__PURE__*/return e.createElement(v,W({ref:a},r),l)}),{hideLabel:!0}),Ce=be("radio",I,{isControlled:!0}),ke=be("pin",A,{isControlled:!0}),Se=be("native-select",O,{isControlled:!0}),Re=["items"],Ve=e=>e&&Object.entries(e).map(([e,t])=>W({},X(t,Re),{name:e})),Le=e=>({getFields:()=>Ve(e),getNestedFields:t=>{var l;const r=a(e,t);return r?"object"===(null==(l=r.items)?void 0:l.type)?Ve(r.items.properties):"object"===r.type?Ve(r.properties):[r.items]:[]}}),we=["mode","resolver","reValidateMode","shouldFocusError","shouldUnregister","shouldUseNativeValidation","criteriaMode","delayError","schema","defaultValues","onSubmit","onError","formRef","children"],Ie=b((t,a)=>{const{mode:r="all",resolver:n,reValidateMode:s,shouldFocusError:i,shouldUnregister:o,shouldUseNativeValidation:d,criteriaMode:u,delayError:p,schema:f,defaultValues:h,onSubmit:b,onError:y,formRef:E,children:v}=t,F=X(t,we),N={mode:r,resolver:n,defaultValues:h,reValidateMode:s,shouldFocusError:i,shouldUnregister:o,shouldUseNativeValidation:d,criteriaMode:u,delayError:p};f&&!n&&(N.resolver=null==Ie.getResolver?void 0:Ie.getResolver(f));const g=m(N),{handleSubmit:x}=g;return e.useImperativeHandle(a,()=>g,[a,g]),/*#__PURE__*/e.createElement(c,g,/*#__PURE__*/e.createElement(k.form,W({ref:E,onSubmit:x(b,y)},F,{className:l("saas-form",t.className)}),v))});Ie.getFieldResolver=Le,t&&(Ie.displayName="Form");const Ae=["children"],De=({children:t})=>/*#__PURE__*/e.createElement(k.div,null,t);t&&(De.displayName="FormLayoutItem");const Oe=t=>{var a,r,n;let{children:s}=t,i=X(t,Ae);const o=W({},null!=(a=null==(r=S().components)||null==(n=r.FormLayout)?void 0:n.defaultProps)?a:{spacing:4},i);/*#__PURE__*/return e.createElement(R,W({},o,{className:l("saas-form__layout",i.className)}),e.Children.map(s,t=>e.isValidElement(t)?/*#__PURE__*/e.createElement(De,null,t):t))};t&&(Oe.displayName="FormLayout");const je=(t,a)=>e.Children.map(a,a=>e.isValidElement(a)&&a.props.name?e.cloneElement(a,W({},a.props,{name:`${t}.${a.props.name}`})):a),[Be,Ue]=G({name:"ArrayFieldContext"}),[_e,Me]=G({name:"ArrayFieldRowContext"}),Pe=({name:e,defaultValue:t={},keyName:a,min:l,max:r})=>{const{control:n}=s();return W({},d({control:n,name:e,keyName:a}),{name:e,defaultValue:t,min:l,max:r})},$e=({index:t})=>{const{clearErrors:a}=s(),{name:l,remove:r,fields:n}=Ue();return e.useEffect(()=>{a(l)},[]),{index:t,isFirst:0===t,isLast:t===n.length-1,name:`${l}.${t}`,remove:e.useCallback(()=>{a(l),r(t)},[t])}},qe=()=>{const{isFirst:e,remove:t}=Me(),{min:a,fields:l}=Ue();return{onClick:()=>t(),isDisabled:e&&!!(a&&l.length<=a)}},Ge=()=>{const{append:e,defaultValue:t,max:a,fields:l}=Ue();return{onClick:()=>e(t,{shouldFocus:!1}),isDisabled:!!(a&&l.length>=a)}},He=["children","columns","spacing"],ze=["children"],Je=["name","defaultValue","keyName","min","max","children"],Ke=({children:t,columns:a,spacing:l,index:r})=>/*#__PURE__*/e.createElement(Te,{index:r},/*#__PURE__*/e.createElement(Qe,{columns:a,spacing:l},t),/*#__PURE__*/e.createElement(We,null));t&&(Ke.displayName="ArrayFieldRow");const Qe=t=>{let{children:a,columns:l,spacing:r}=t,n=X(t,He);const{name:s}=Me();/*#__PURE__*/return e.createElement(Oe,W({flex:"1",columns:l,gridGap:r,mr:"2"},n),je(s,a))};t&&(Qe.displayName="ArrayFieldRowFields");const Te=({children:t,index:a})=>{const l=$e({index:a});/*#__PURE__*/return e.createElement(_e,{value:l},/*#__PURE__*/e.createElement(j.div,{__css:{display:"flex",flexDirection:"row",alignItems:"flex-end",width:"100%",mb:4}},t))};t&&(Te.displayName="ArrayFieldRowContainer");const We=t=>/*#__PURE__*/e.createElement($,W({icon:/*#__PURE__*/e.createElement(M,null),"aria-label":"Remove row"},qe(),t));t&&(We.displayName="ArrayFieldRemoveButton");const Xe=t=>/*#__PURE__*/e.createElement($,W({icon:/*#__PURE__*/e.createElement(P,null),"aria-label":"Add row",float:"right"},Ge(),t));t&&(Xe.displayName="ArrayFieldAddButton");const Ye=e.forwardRef((t,a)=>{const{children:l}=t,r=X(t,ze);/*#__PURE__*/return e.createElement(et,W({ref:a},r),/*#__PURE__*/e.createElement(Ze,null,t=>/*#__PURE__*/e.createElement(e.Fragment,null,t.map(({id:t},a)=>/*#__PURE__*/e.createElement(Ke,{key:t,index:a},l)))),/*#__PURE__*/e.createElement(Xe,null))});t&&(Ye.displayName="ArrayField");const Ze=({children:e})=>{const{fields:t}=Ue();return e(t)};t&&(Ze.displayName="ArrayFieldRows");const et=e.forwardRef((t,a)=>{let{name:l,defaultValue:r,keyName:n,min:s,max:i,children:o}=t,m=X(t,Je);const c=Pe({name:l,defaultValue:r,keyName:n,min:s,max:i});return e.useImperativeHandle(a,()=>c,[a,c]),/*#__PURE__*/e.createElement(Be,{value:c},/*#__PURE__*/e.createElement(ue,W({name:l},m),o))});t&&(et.displayName="ArrayFieldContainer");const tt=["name","label","hideLabel","children","columns","spacing"],at=t=>{const a=V("FormLegend");/*#__PURE__*/return e.createElement(f,W({as:"legend",sx:a},t))},lt=t=>{const{name:a,label:l,hideLabel:r,children:n,columns:s,spacing:i}=t,o=X(t,tt);/*#__PURE__*/return e.createElement(p,W({name:a,as:"fieldset"},o),/*#__PURE__*/e.createElement(at,{display:r?"none":"block"},l),/*#__PURE__*/e.createElement(Oe,{columns:s,gridGap:i},je(a,n)))};t&&(lt.displayName="ObjectField");const rt=["name","type"],nt=["schema","fieldResolver"],st=["name","type","defaultValue"],it=(t,a)=>{var l;return null==(l=t.getNestedFields(a))?void 0:l.map((t,a)=>{let{name:l,type:r}=t,n=X(t,rt);/*#__PURE__*/return e.createElement(pe,W({key:l||a,name:l,type:r},n))})},ot=t=>{let{schema:a,fieldResolver:l}=t,r=X(t,nt);const n=e.useMemo(()=>l||Ie.getFieldResolver(a),[a,l]);/*#__PURE__*/return e.createElement(Oe,r,n.getFields().map(t=>{let{name:a,type:l}=t,r=X(t,st);return"array"===l?/*#__PURE__*/e.createElement(Ye,W({key:a,name:a},r),it(n,a)):"object"===l?/*#__PURE__*/e.createElement(lt,W({key:a,name:a},r),it(n,a)):/*#__PURE__*/e.createElement(pe,W({key:a,name:a,type:l},r))}))};t&&(ot.displayName="Fields");const mt=["children","disableIfUntouched","disableIfInvalid"],ct=B((t,a)=>{const{children:l,disableIfUntouched:r,disableIfInvalid:n}=t,i=X(t,mt),{formState:o}=s();/*#__PURE__*/return e.createElement(q,W({type:"submit",isLoading:o.isSubmitting,isPrimary:!0,ref:a,isDisabled:r&&!o.isDirty||n&&!o.isValid},i),l)});ct.defaultProps={label:"Submit",disableIfUntouched:!1,disableIfInvalid:!1},t&&(ct.displayName="SubmitButton");const dt=["schema","submitLabel","fieldResolver","children"],ut=b((t,a)=>{const{schema:l,submitLabel:r="Submit",fieldResolver:n,children:s}=t,i=X(t,dt);/*#__PURE__*/return e.createElement(Ie,W({},i,{schema:l,ref:a}),/*#__PURE__*/e.createElement(Oe,null,/*#__PURE__*/e.createElement(ot,{schema:l,fieldResolver:n}),r&&/*#__PURE__*/e.createElement(ct,{label:r}),s))});t&&(ut.displayName="AutoForm");const pt=({children:e,name:t,defaultValue:a,isDisabled:l,isExact:r,condition:n=(e=>!!e)})=>n(u({name:t,defaultValue:a,disabled:l,exact:r}),s())?e:null;t&&(pt.displayName="DisplayIf");const[ft,ht]=G({name:"StepFormContext",errorMessage:"useStepFormContext: `context` is undefined. Seems you forgot to wrap step form components in `<StepForm />`"});function bt(t){const a=H(t),{activeStep:l,isLastStep:r,nextStep:n}=a,[s,i]=e.useState({}),o=e.useCallback(async e=>{if(r)return null==t.onSubmit?void 0:t.onSubmit(e).then(()=>{c(W({},s[l],{isCompleted:!0}))}).then(n);n()},[l,r]),m=e.useCallback(()=>{const e=s[l];return{onSubmit:o,schema:null==e?void 0:e.schema,resolver:null==e?void 0:e.resolver}},[s,o,l]),c=e.useCallback(e=>{i(t=>W({},t,{[e.name]:e}))},[s]);return W({getFormProps:m,updateStep:c,steps:s},a)}function yt(t){const{name:a,schema:l,resolver:r}=t,n=z({name:a}),{steps:s,updateStep:i}=ht();return e.useEffect(()=>{i({name:a,schema:l,resolver:r})},[a,l]),W({},n,s[a]||{name:a,schema:l})}const Et=["children"],vt=["getFormProps"],Ft=["name","schema","resolver","children","className"],Nt=["label","submitLabel"],gt=e.forwardRef((t,a)=>{const{children:l}=t,n=X(t,Et),s=bt(t),{getFormProps:i}=s,o=X(s,vt),m=e.useMemo(()=>o,[o]);/*#__PURE__*/return e.createElement(J,{value:m},/*#__PURE__*/e.createElement(ft,{value:m},/*#__PURE__*/e.createElement(Ie,W({ref:a},n,i()),r(l,s))))}),xt=t=>{const a=U("Stepper",t),{children:l}=t,r=e.Children.map(l,t=>{if(e.isValidElement(t)&&(null==t?void 0:t.type)===Ct){const{isCompleted:a}=yt(t.props);/*#__PURE__*/return e.createElement(K,{name:t.props.name,title:t.props.title,isCompleted:a},t.props.children)}return t});/*#__PURE__*/return e.createElement(_,{value:a},/*#__PURE__*/e.createElement(Q,W({mb:"4"},t),r))},Ct=t=>{const{name:a,schema:r,resolver:n,children:s,className:i}=t,o=X(t,Ft),m=yt({name:a,schema:r,resolver:n}),{isActive:c}=m;return c?/*#__PURE__*/e.createElement(j.div,W({},o,{className:l("saas-form__step",i)}),s):null};t&&(Ct.displayName="FormStep");const kt=t=>{const{isFirstStep:a,isCompleted:r,prevStep:s}=T();/*#__PURE__*/return e.createElement(q,W({isDisabled:a||r,label:"Back"},t,{className:l("saas-form__prev-button",t.className),onClick:n(t.onClick,s)}))};t&&(kt.displayName="PrevButton");const St=t=>{const{label:a="Next",submitLabel:r="Complete"}=t,n=X(t,Nt),{isLastStep:s,isCompleted:i}=T();/*#__PURE__*/return e.createElement(ct,W({isDisabled:i,label:s||i?r:a},n,{className:l("saas-form__next-button",t.className)}))};t&&(St.displayName="NextButton");export{Ye as ArrayField,Xe as ArrayFieldAddButton,et as ArrayFieldContainer,Be as ArrayFieldProvider,We as ArrayFieldRemoveButton,Ke as ArrayFieldRow,Te as ArrayFieldRowContainer,Qe as ArrayFieldRowFields,_e as ArrayFieldRowProvider,Ze as ArrayFieldRows,ut as AutoForm,ue as BaseField,xe as CheckboxField,Z as DisplayField,pt as DisplayIf,pe as Field,ot as Fields,Ie as Form,Oe as FormLayout,at as FormLegend,Ct as FormStep,xt as FormStepper,ee as FormValue,ye as InputField,Se as NativeSelectField,St as NextButton,Ee as NumberInputField,lt as ObjectField,ve as PasswordInputFIeld,ke as PinField,kt as PrevButton,Ce as RadioField,ge as SelectField,gt as StepForm,ft as StepFormProvider,ct as SubmitButton,Ne as SwitchField,Fe as TextareaField,Le as objectFieldResolver,be as registerFieldType,Pe as useArrayField,Ge as useArrayFieldAddButton,Ue as useArrayFieldContext,qe as useArrayFieldRemoveButton,$e as useArrayFieldRow,Me as useArrayFieldRowContext,yt as useFormStep,bt as useStepForm,ht as useStepFormContext,fe as withControlledInput,he as withUncontrolledInput};
 //# sourceMappingURL=index.modern.mjs.map