@saas-ui/forms 0.6.0-next.0 → 0.6.0

package/CHANGELOG.md

@@ -1,36 +1,50 @@
 # @saas-ui/forms
 
-## 0.6.0-next.0
+## 0.6.0
 
 ### Minor Changes
 
-- 9391c44: BREAKING: Removed yup dependency from forms and fixed peer dependency issues.
+- 0e81abd: BREAKING: Removed Yup dependency, you now need to configure default Form resolvers
 
-  <Form> doesn't accept a Yup `schema` any more by default.
+  <Form> no longer accepts a Yup `schema` by default.
 
   Use a schema resolver to use schema support. All hookform resolvers are supported.
 
-  ```
-  import {yupResolver} from '@hookform/resolvers/yup'
+  ```ts
+  import { yupResolver } from '@hookform/resolvers/yup'
 
-  <Form resolver={yupResolver(schema)} />
+  const form = <Form resolver={yupResolver(schema)} />
   ```
 
   AutoForm only supports Yup for now and has a new API.
 
-  ```
+  ```ts
   import { yupForm } from '@saas-ui/forms/yup'
 
-  <AutoForm {...yupForm(schema)} />
+  const form = <AutoForm {...yupForm(schema)} />
   ```
 
+  Alternatively you can configure a default resolver for all forms.
+  Add this somewhere in the root of your project.
+
+  ```ts
+  import { Form } from '@saas-ui/react'
+  import { yupResolver, yupFieldResolver } from '@saas-ui/forms/yup' // yupResolver is exported from here as well for convenience.
+  import { AnyObjectSchema } from 'yup'
+
+  Form.getResolver = (schema: AnyObjectSchema) => yupResolver(schema) // @hookform/resolvers
+  Form.getFieldResolver = (schema: AnyObjectSchema) => yupFieldResolver(schema) // AutoForm field resolver
+  ```
+
+- 9391c44: Fixed peer dependency issues.
+
 ### Patch Changes
 
 - Updated dependencies [9391c44]
-  - @saas-ui/button@0.4.0-next.0
-  - @saas-ui/select@0.4.0-next.0
-  - @saas-ui/input-right-button@0.3.1-next.0
-  - @saas-ui/password-input@0.3.1-next.0
+  - @saas-ui/button@0.4.0
+  - @saas-ui/select@0.4.0
+  - @saas-ui/input-right-button@0.3.1
+  - @saas-ui/password-input@0.3.1
 
 ## 0.5.3
 

package/dist/auto-form.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { FieldValues, UseFormReturn } from 'react-hook-form';
 import { FormProps } from './form';
+import { FieldResolver } from '.';
 interface AutoFormOptions {
     submitLabel?: false | string;
     schema: any;
@@ -8,8 +9,10 @@ interface AutoFormOptions {
 }
 export interface AutoFormProps<TFieldValues extends FieldValues> extends Omit<FormProps<TFieldValues>, 'schema'>, AutoFormOptions {
 }
-export declare const AutoForm: <TFieldValues extends FieldValues>(props: AutoFormProps<TFieldValues> & {
+export declare const AutoForm: (<TFieldValues extends FieldValues>(props: AutoFormProps<TFieldValues> & {
     ref?: React.ForwardedRef<UseFormReturn<TFieldValues, object>> | undefined;
-}) => React.ReactElement;
+}) => React.ReactElement) & {
+    getFieldResolver?: ((schema: any) => FieldResolver) | undefined;
+};
 export {};
 //# sourceMappingURL=auto-form.d.ts.map

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;AAG5D,OAAO,EAAQ,SAAS,EAAE,MAAM,QAAQ,CAAA;AAKxC,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,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;AAG5D,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;iCAAkC,GAAG,KAAK,aAAa;CAAE,CAAA"}

package/dist/field-resolver.d.ts

@@ -3,6 +3,11 @@ export declare type FieldResolver = {
     getFields(): FieldProps[];
     getNestedFields(name: string): FieldProps[];
 };
-export declare type FormSchema = Record<string, any>;
-export declare const defaultFieldResolver: (schema: FormSchema) => FieldResolver;
+interface SchemaField extends FieldProps {
+    items?: SchemaField[];
+    properties?: Record<string, SchemaField>;
+}
+export declare type ObjectSchema = Record<string, SchemaField>;
+export declare const objectFieldResolver: (schema: ObjectSchema) => FieldResolver;
+export {};
 //# sourceMappingURL=field-resolver.d.ts.map

package/dist/field-resolver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field-resolver.d.ts","sourceRoot":"","sources":["../src/field-resolver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAIpC,oBAAY,aAAa,GAAG;IAC1B,SAAS,IAAI,UAAU,EAAE,CAAA;IACzB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,EAAE,CAAA;CAC5C,CAAA;AAGD,oBAAY,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;AAU5C,eAAO,MAAM,oBAAoB,WAAY,UAAU,KAAG,aAkBzD,CAAA"}
+{"version":3,"file":"field-resolver.d.ts","sourceRoot":"","sources":["../src/field-resolver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAIpC,oBAAY,aAAa,GAAG;IAC1B,SAAS,IAAI,UAAU,EAAE,CAAA;IACzB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,EAAE,CAAA;CAC5C,CAAA;AAED,UAAU,WAAY,SAAQ,UAAU;IACtC,KAAK,CAAC,EAAE,WAAW,EAAE,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;CACzC;AAED,oBAAY,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;AAWtD,eAAO,MAAM,mBAAmB,WAAY,YAAY,KAAG,aAkB1D,CAAA"}

package/dist/fields.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fields.d.ts","sourceRoot":"","sources":["../src/fields.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAGhD,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,GAAG,CAAA;IACX,aAAa,CAAC,EAAE,aAAa,CAAA;CAC9B;AAYD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAwCxC,CAAA"}
+{"version":3,"file":"fields.d.ts","sourceRoot":"","sources":["../src/fields.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,GAAG,CAAA;IACX,aAAa,CAAC,EAAE,aAAa,CAAA;CAC9B;AAYD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAwCxC,CAAA"}

package/dist/form.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { HTMLChakraProps } from '@chakra-ui/react';
-import { UseFormProps, UseFormReturn, FieldValues, SubmitHandler, SubmitErrorHandler } from 'react-hook-form';
+import { UseFormProps, UseFormReturn, FieldValues, SubmitHandler, SubmitErrorHandler, UnpackNestedValue, ResolverOptions, ResolverResult } from 'react-hook-form';
+import { FieldResolver } from './field-resolver';
 export type { UseFormReturn, FieldValues, SubmitHandler };
 interface FormOptions<TFieldValues extends FieldValues = FieldValues> {
     /**
@@ -26,7 +27,12 @@ interface FormOptions<TFieldValues extends FieldValues = FieldValues> {
  */
 export interface FormProps<TFieldValues extends FieldValues = FieldValues> extends UseFormProps<TFieldValues>, Omit<HTMLChakraProps<'form'>, 'onSubmit' | 'onError'>, FormOptions<TFieldValues> {
 }
-export declare const Form: <TFieldValues extends FieldValues>(props: FormProps<TFieldValues> & {
+export declare const Form: (<TFieldValues extends FieldValues>(props: FormProps<TFieldValues> & {
     ref?: React.ForwardedRef<UseFormReturn<TFieldValues, object>> | undefined;
-}) => React.ReactElement;
+}) => React.ReactElement) & {
+    getResolver?: GetResolver | undefined;
+    getFieldResolver: GetFieldResolver;
+};
+export declare type GetResolver = (schema: any) => <TFieldValues extends FieldValues, TContext>(values: UnpackNestedValue<TFieldValues>, context: TContext | undefined, options: ResolverOptions<TFieldValues>) => Promise<ResolverResult<TFieldValues>>;
+export declare type GetFieldResolver = (schema: any) => FieldResolver;
 //# sourceMappingURL=form.d.ts.map

package/dist/form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../src/form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAU,eAAe,EAAc,MAAM,kBAAkB,CAAA;AAEtE,OAAO,EAGL,YAAY,EACZ,aAAa,EACb,WAAW,EACX,aAAa,EACb,kBAAkB,EACnB,MAAM,iBAAiB,CAAA;AAExB,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,aAAa,EAAE,CAAA;AAEzD,UAAU,WAAW,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW;IAClE;;OAEG;IACH,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ;;OAEG;IACH,QAAQ,EAAE,aAAa,CAAC,YAAY,CAAC,CAAA;IACrC;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAA;IAC1C;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAA;CAClD;AAED;;;GAGG;AACH,MAAM,WAAW,SAAS,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,CACvE,SAAQ,YAAY,CAAC,YAAY,CAAC,EAChC,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,EACrD,WAAW,CAAC,YAAY,CAAC;CAAG;AAEhC,eAAO,MAAM,IAAI;;MAyDZ,MAAM,YAAY,CAAA"}
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../src/form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAU,eAAe,EAAc,MAAM,kBAAkB,CAAA;AAEtE,OAAO,EAGL,YAAY,EACZ,aAAa,EACb,WAAW,EACX,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,cAAc,EACf,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAuB,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAErE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,aAAa,EAAE,CAAA;AAEzD,UAAU,WAAW,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW;IAClE;;OAEG;IACH,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ;;OAEG;IACH,QAAQ,EAAE,aAAa,CAAC,YAAY,CAAC,CAAA;IACrC;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAA;IAC1C;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAA;CAClD;AAED;;;GAGG;AACH,MAAM,WAAW,SAAS,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,CACvE,SAAQ,YAAY,CAAC,YAAY,CAAC,EAChC,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,EACrD,WAAW,CAAC,YAAY,CAAC;CAAG;AAEhC,eAAO,MAAM,IAAI;;MA6DZ,MAAM,YAAY;;sBAEH,gBAAgB;CACnC,CAAA;AAID,oBAAY,WAAW,GAAG,CACxB,MAAM,EAAE,GAAG,KACR,CAAC,YAAY,SAAS,WAAW,EAAE,QAAQ,EAC9C,MAAM,EAAE,iBAAiB,CAAC,YAAY,CAAC,EACvC,OAAO,EAAE,QAAQ,GAAG,SAAS,EAC7B,OAAO,EAAE,eAAe,CAAC,YAAY,CAAC,KACnC,OAAO,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,CAAA;AAE1C,oBAAY,gBAAgB,GAAG,CAAC,MAAM,EAAE,GAAG,KAAK,aAAa,CAAA"}

package/dist/index.js

@@ -1,2 +1,2 @@
-var e=require("react"),t=require("react-hook-form"),r=require("@chakra-ui/react"),n=require("@saas-ui/number-input"),a=require("@saas-ui/password-input"),l=require("@saas-ui/radio"),i=require("@saas-ui/pin-input"),o=require("@saas-ui/select"),s=require("@chakra-ui/system"),u=require("@chakra-ui/icons"),c=require("@saas-ui/button"),m=require("@chakra-ui/react-utils"),d=require("@chakra-ui/utils"),p=require("@saas-ui/react-utils"),f=require("@saas-ui/input-right-button");function v(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,t}var h=/*#__PURE__*/v(e);function x(){return x=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},x.apply(this,arguments)}function E(e,t){if(null==e)return{};var r,n,a={},l=Object.keys(e);for(n=0;n<l.length;n++)t.indexOf(r=l[n])>=0||(a[r]=e[r]);return a}var b=["name","label","placeholder"],y=function(e){var r=e.name;return(0,t.useFormContext().getValues)(r)||null},F=["name","label","help","variant","hideLabel","children"],S=["name","label","help","isDisabled","isInvalid","isReadOnly","isRequired","rules","variant"],_=["name","rules"],C=["ref"],g=["name","rules"],N=["ref"],k=["label"],R=["label"],w={},I=function(e){var n=e.name,a=e.label,l=e.help,i=e.variant,o=e.hideLabel,s=e.children,u=E(e,F),c=function(e,r){return t.get(r.errors,e)}(n,t.useFormContext().formState);/*#__PURE__*/return h.createElement(r.FormControl,x({variant:i},u,{isInvalid:!!c}),a&&!o?/*#__PURE__*/h.createElement(r.FormLabel,{variant:i},a):null,/*#__PURE__*/h.createElement(r.Box,null,s,!l||null!=c&&c.message?null:/*#__PURE__*/h.createElement(r.FormHelperText,null,l),(null==c?void 0:c.message)&&/*#__PURE__*/h.createElement(r.FormErrorMessage,null,null==c?void 0:c.message)))},A=r.forwardRef(function(e,t){var r=e.type;/*#__PURE__*/return h.createElement(w[void 0===r?"text":r]||w.text,x({ref:t},e))}),V=function(e){return r.forwardRef(function(n,a){var l=n.name,i=n.rules,o=E(n,_),s=t.useFormContext();/*#__PURE__*/return h.createElement(t.Controller,{name:l,control:s.control,rules:i,render:function(t){var n=t.field,l=n.ref,i=E(n,C);/*#__PURE__*/return h.createElement(e,x({},i,o,{ref:r.useMergeRefs(a,l)}))}})})},O=function(e){return r.forwardRef(function(n,a){var l=n.name,i=n.rules,o=E(n,g),s=(0,t.useFormContext().register)(l,i),u=s.ref,c=E(s,N);/*#__PURE__*/return h.createElement(e,x({},c,o,{ref:r.useMergeRefs(a,u)}))})},D=function(e,t,n){var a=function(e,t){var n=t.displayName,a=t.hideLabel,l=t.BaseField,i=r.forwardRef(function(t,r){var n=t.name,i=t.label,o=t.help,s=t.isDisabled,u=t.isInvalid,c=t.isReadOnly,m=t.isRequired,d=t.rules,p=t.variant,f=E(t,S),v=x({required:m},d);/*#__PURE__*/return h.createElement(l,{name:n,label:i,help:o,hideLabel:a,isDisabled:s,isInvalid:u,isReadOnly:c,isRequired:m,variant:p},/*#__PURE__*/h.createElement(e,x({ref:r,name:n,label:i,rules:v},f)))});return i.displayName=n,i}(null!=n&&n.isControlled?V(t):O(t),{displayName:e.split("-").map(function(e){return e.charAt(0).toUpperCase()+e.slice(1)}).join("")+"Field",hideLabel:null==n?void 0:n.hideLabel,BaseField:(null==n?void 0:n.BaseField)||I});return w[e]=a,a},P=D("text",r.Input),L=D("number",n.NumberInput,{isControlled:!0}),j=D("password",a.PasswordInput),q=D("textarea",r.Textarea),B=D("switch",r.forwardRef(function(e,t){var n=e.label,a=E(e,k);/*#__PURE__*/return h.createElement(r.Switch,x({ref:t},a),n)}),{isControlled:!0,hideLabel:!0}),M=D("select",o.Select,{isControlled:!0}),T=D("checkbox",r.forwardRef(function(e,t){var n=e.label,a=E(e,R);/*#__PURE__*/return h.createElement(r.Checkbox,x({ref:t},a),n)}),{hideLabel:!0}),U=D("radio",l.RadioInput,{isControlled:!0}),H=D("pin",i.PinInput,{isControlled:!0}),G=D("native-select",o.NativeSelect,{isControlled:!0}),z=["children"],W=function(e){/*#__PURE__*/return h.createElement(r.chakra.div,null,e.children)},J=function(e){var t,n,a,l=e.children,i=E(e,z),o=x({},null!=(t=null==(n=r.useTheme().components)||null==(a=n.FormLayout)?void 0:a.defaultProps)?t:{spacing:4},i);/*#__PURE__*/return h.createElement(r.SimpleGrid,o,h.Children.map(l,function(e){return h.isValidElement(e)?/*#__PURE__*/h.createElement(W,null,e):e}))},K=function(e,t){return h.Children.map(t,function(t){return h.isValidElement(t)&&t.props.name?h.cloneElement(t,x({},t.props,{name:e+"."+t.props.name})):t})},Q=m.createContext({name:"ArrayFieldContext"}),X=Q[0],Y=Q[1],Z=m.createContext({name:"ArrayFieldRowContext"}),$=Z[0],ee=Z[1],te=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 x({},t.useFieldArray({control:s.control,name:r,keyName:l}),{name:r,defaultValue:a,min:i,max:o})},re=function(e){var r=e.index,n=t.useFormContext().clearErrors,a=Y(),l=a.name,i=a.remove,o=a.fields;return h.useEffect(function(){n(l)},[]),{index:r,isFirst:0===r,isLast:r===o.length-1,name:l+"."+r,remove:h.useCallback(function(){n(l),i(r)},[r])}},ne=function(){var e=ee(),t=e.isFirst,r=e.remove,n=Y(),a=n.min;return{onClick:function(){return r()},isDisabled:t&&!!(a&&n.fields.length<=a)}},ae=function(){var e=Y(),t=e.append,r=e.defaultValue,n=e.max;return{onClick:function(){return t(r,{shouldFocus:!1})},isDisabled:!!(n&&e.fields.length>=n)}},le=["children","columns","spacing"],ie=["children"],oe=["name","defaultValue","keyName","min","max","children"],se=function(e){/*#__PURE__*/return h.createElement(ce,{index:e.index},/*#__PURE__*/h.createElement(ue,{columns:e.columns,spacing:e.spacing},e.children),/*#__PURE__*/h.createElement(me,null))},ue=function(e){var t=e.children,r=e.columns,n=e.spacing,a=E(e,le),l=ee().name;/*#__PURE__*/return h.createElement(J,x({flex:"1",columns:r,gridGap:n,mr:"2"},a),K(l,t))},ce=function(e){var t=e.children,r=re({index:e.index});/*#__PURE__*/return h.createElement($,{value:r},/*#__PURE__*/h.createElement(s.chakra.div,{__css:{display:"flex",flexDirection:"row",alignItems:"flex-end",width:"100%",mb:4}},t))},me=function(e){/*#__PURE__*/return h.createElement(c.IconButton,x({icon:/*#__PURE__*/h.createElement(u.MinusIcon,null),"aria-label":"Remove row"},ne(),e))},de=function(e){/*#__PURE__*/return h.createElement(c.IconButton,x({icon:/*#__PURE__*/h.createElement(u.AddIcon,null),"aria-label":"Add row",float:"right"},ae(),e))},pe=h.forwardRef(function(e,t){var r=e.children,n=E(e,ie);/*#__PURE__*/return h.createElement(ve,x({ref:t},n),/*#__PURE__*/h.createElement(fe,null,function(e){/*#__PURE__*/return h.createElement(h.Fragment,null,e.map(function(e,t){/*#__PURE__*/return h.createElement(se,{key:e.id,index:t},r)}))}),/*#__PURE__*/h.createElement(de,null))}),fe=function(e){return(0,e.children)(Y().fields)},ve=h.forwardRef(function(e,t){var r=e.name,n=e.defaultValue,a=e.keyName,l=e.min,i=e.max,o=e.children,s=E(e,oe),u=te({name:r,defaultValue:n,keyName:a,min:l,max:i});return h.useImperativeHandle(t,function(){return u},[t,u]),/*#__PURE__*/h.createElement(X,{value:u},/*#__PURE__*/h.createElement(I,x({name:r},s),o))}),he=["name","label","hideLabel","children","columns","spacing"],xe=function(e){var t=r.useStyles();/*#__PURE__*/return h.createElement(r.FormLabel,x({as:"legend",sx:t.legend},e))},Ee=function(e){var t=e.name,n=e.label,a=e.hideLabel,l=e.children,i=e.columns,o=e.spacing,s=E(e,he);/*#__PURE__*/return h.createElement(r.FormControl,x({name:t,as:"fieldset"},s),/*#__PURE__*/h.createElement(xe,{display:a?"none":"block"},n),/*#__PURE__*/h.createElement(J,{columns:i,gridGap:o},K(t,l)))},be=function(e){return Object.entries(e).map(function(e){return x({name:e[0]},e[1])})},ye=function(e){return{getFields:function(){return be(e)},getNestedFields:function(t){var r,n=d.get(e,t);return n?"object"===(null==(r=n.items)?void 0:r.type)?be(n.items.properties):"object"===n.type?be(n.properties):[n.items]:[]}}},Fe=["name","type"],Se=["schema","fieldResolver"],_e=["name","type","defaultValue"],Ce=function(e,t){var r;return null==(r=e.getNestedFields(t))?void 0:r.map(function(e,t){var r=e.name,n=e.type,a=E(e,Fe);/*#__PURE__*/return h.createElement(A,x({key:r||t,name:r,type:n},a))})},ge=function(e){var t=e.schema,r=e.fieldResolver,n=E(e,Se),a=h.useMemo(function(){return r||ye(t)},[t,r]);/*#__PURE__*/return h.createElement(J,n,a.getFields().map(function(e){var t=e.name,r=e.type,n=E(e,_e);return"array"===r?/*#__PURE__*/h.createElement(pe,x({key:t,name:t},n),Ce(a,t)):"object"===r?/*#__PURE__*/h.createElement(Ee,x({key:t,name:t},n),Ce(a,t)):/*#__PURE__*/h.createElement(A,x({key:t,name:t,type:r},n))}))},Ne=["mode","resolver","reValidateMode","shouldFocusError","shouldUnregister","shouldUseNativeValidation","criteriaMode","delayError","schema","defaultValues","onSubmit","onError","formRef","children"],ke=r.forwardRef(function(e,n){var a=e.mode,l=void 0===a?"all":a,i=e.resolver,o=e.reValidateMode,s=e.shouldFocusError,u=e.shouldUnregister,c=e.shouldUseNativeValidation,m=e.criteriaMode,d=e.delayError,p=e.defaultValues,f=e.onSubmit,v=e.onError,b=e.formRef,y=e.children,F=E(e,Ne),S=t.useForm({mode:l,resolver:i,defaultValues:p,reValidateMode:o,shouldFocusError:s,shouldUnregister:u,shouldUseNativeValidation:c,criteriaMode:m,delayError:d}),_=S.handleSubmit;return h.useImperativeHandle(n,function(){return S},[n,S]),/*#__PURE__*/h.createElement(t.FormProvider,S,/*#__PURE__*/h.createElement(r.chakra.form,x({ref:b,onSubmit:_(f,v)},F),y))}),Re=["children","disableIfUntouched","disableIfInvalid"],we=s.forwardRef(function(e,r){var n=e.children,a=e.disableIfUntouched,l=e.disableIfInvalid,i=E(e,Re),o=t.useFormContext().formState;/*#__PURE__*/return h.createElement(c.Button,x({type:"submit",isLoading:o.isSubmitting,isPrimary:!0,ref:r,isDisabled:a&&!o.isDirty||l&&!o.isValid},i),n)});we.defaultProps={label:"Submit",disableIfUntouched:!1,disableIfInvalid:!1};var Ie=["schema","submitLabel","fieldResolver"],Ae=r.forwardRef(function(e,t){var r=e.schema,n=e.submitLabel,a=void 0===n?"Submit":n,l=e.fieldResolver,i=E(e,Ie);/*#__PURE__*/return h.createElement(ke,x({},i,{ref:t}),/*#__PURE__*/h.createElement(J,null,/*#__PURE__*/h.createElement(ge,{schema:r,fieldResolver:l}),a&&/*#__PURE__*/h.createElement(we,{label:a})))});function Ve(){return Ve=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Ve.apply(this,arguments)}function Oe(e,t){if(null==e)return{};var r,n,a={},l=Object.keys(e);for(n=0;n<l.length;n++)t.indexOf(r=l[n])>=0||(a[r]=e[r]);return a}var De=m.createContext({name:"StepperContext",errorMessage:"useStepperContext: `context` is undefined. Seems you forgot to wrap stepper components in `<Stepper />`"}),Pe=De[0],Le=De[1];function je(e){var t=e.step,r=h.useState(-1),n=r[0],a=r[1],l=h.useRef([]),i=h.useState(Date.now())[1],o=h.useCallback(function(e){var t=[].concat(l.current);-1===t.indexOf(e)&&t.push(e),l.current=t,i(Date.now())},[l,i]),s=function(e){var t=l.current.indexOf(e);-1!==t&&a(t)};return h.useLayoutEffect(function(){"string"==typeof t?s(t):"number"==typeof t?a(t):-1===n&&a(0)},[t]),{stepsRef:l,activeStep:l.current[n],activeIndex:n,isFirstStep:0===n,isLastStep:n===l.current.length-1,isCompleted:n>=l.current.length,setIndex:a,setStep:s,nextStep:function(){a(n+1)},prevStep:function(){a(n-1)},registerStep:o,unregisterStep:function(e){l.current=l.current.slice(l.current.indexOf(e),1)}}}function qe(e){var t=e.name,r=e.isActive,n=e.isCompleted,a=Le(),l=a.registerStep,i=a.unregisterStep,o=a.activeStep;return h.useEffect(function(){if(t)return l(t),function(){i(t)}},[]),{isActive:t?o===t:r,isCompleted:n}}var Be=["children","orientation"],Me=["children","orientation","stepComponent"],Te=["children","isOpen"],Ue=["icon","isActive","isCompleted","className"],He=["title","icon","isActive","isCompleted"],Ge=["isActive"],ze=s.forwardRef(function(e,t){var r=s.useMultiStyleConfig("Stepper",e),n=s.omitThemingProps(e),a=n.children,l=n.orientation,i=Oe(n,Be),o=je(e),u=Ve({display:"flex",flexDirection:"column"},r.container);return h.createElement(s.StylesProvider,{value:r},/*#__PURE__*/h.createElement(Pe,{value:o},/*#__PURE__*/h.createElement(s.chakra.div,Ve({ref:t,__css:u},i,{className:d.cx("saas-stepper__container",e.className)}),/*#__PURE__*/h.createElement(We,{orientation:l},a))))});d.__DEV__&&(ze.displayName="Stepper");var We=function(e){var t,r,n=e.children,a=e.orientation,l=e.stepComponent,i=Oe(e,Me),o=s.useStyles(),u=Le().activeIndex,c=Ve({display:"flex",flexDirection:"row",alignItems:"center"},o.steps),m="vertical"===a,f=l||Qe,v=p.getChildrenOfType(n,f),x=v.reduce(function(e,t,r,n){return e.push(/*#__PURE__*/h.createElement(f,Ve({key:r},t.props,{icon:t.props.icon||r+1,isActive:u===r,isCompleted:t.props.isCompleted||u>r}))),"vertical"===a&&e.push(/*#__PURE__*/h.createElement(Je,{key:"content-"+r,isOpen:u===r},t.props.children)),r<n.length-1&&e.push(/*#__PURE__*/h.createElement(Xe,{key:"separator-"+r,isActive:r<u})),e},[]),E=p.getChildOfType(n,Ze),b=u>=v.length?E:m?null:/*#__PURE__*/h.createElement(Je,null,null==(t=v[u])||null==(r=t.props)?void 0:r.children);return h.createElement(h.Fragment,null,/*#__PURE__*/h.createElement(s.chakra.div,Ve({__css:c},i,{className:d.cx("saas-stepper__steps",e.className)}),x),b)};d.__DEV__&&(We.displayName="StepperSteps");var Je=function(e){var t=e.children,n=e.isOpen,a=void 0===n||n,l=Oe(e,Te),i=s.useStyles();return h.createElement(s.chakra.div,Ve({__css:i.content},l,{className:d.cx("saas-stepper__content",e.className)}),/*#__PURE__*/h.createElement(r.Collapse,{in:a},t))};d.__DEV__&&(Je.displayName="StepperContent");var Ke=function(e){var t,r=e.icon,n=e.isCompleted,a=e.className,l=Oe(e,Ue),i=Ve({display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"full",fontSize:"1em",me:2},s.useStyles().icon);return t=n?/*#__PURE__*/h.createElement(u.Icon,{as:u.CheckIcon}):r,/*#__PURE__*/h.createElement(s.chakra.div,Ve({__css:i},l,{className:d.cx("saas-stepper__icon",a)}),t)};d.__DEV__&&(Ke.displayName="StepperIcon");var Qe=function(e){var t=e.title,r=e.icon,n=e.isActive,a=e.isCompleted,l=Oe(e,He),i=qe(e),o=Ve({display:"flex",alignItems:"center",flexDirection:"row"},s.useStyles().step);return h.createElement(s.chakra.div,Ve({__css:o,"data-active":i.isActive,"data-completed":i.isCompleted},l,{className:d.cx("saas-stepper__step",e.className)}),/*#__PURE__*/h.createElement(Ke,{icon:r,isActive:n,isCompleted:a}),t&&/*#__PURE__*/h.createElement(Ye,null,t))};d.__DEV__&&(Qe.displayName="StepperStep");var Xe=function(e){var t=e.isActive,r=Oe(e,Ge),n=Ve({flex:1,borderTopWidth:"1px",mx:2},s.useStyles().separator);return h.createElement(s.chakra.div,Ve({"data-active":t},r,{className:d.cx("saas-stepper__separator",e.className),__css:n}))};d.__DEV__&&(Xe.displayName="StepperSeparator");var Ye=function(e){var t=s.useStyles();return h.createElement(s.chakra.p,Ve({},e,{__css:t.title,className:d.cx("saas-stepper__title",e.className)}))};d.__DEV__&&(Ye.displayName="StepperStepTitle");var Ze=function(e){var t=s.useStyles();return h.createElement(s.chakra.div,Ve({__css:t.completed},e,{className:d.cx("saas-stepper__completed",e.className)}))};d.__DEV__&&(Ze.displayName="StepperCompleted");var $e=m.createContext({name:"StepFormContext",errorMessage:"useStepFormContext: `context` is undefined. Seems you forgot to wrap step form components in `<StepForm />`"}),et=$e[0],tt=$e[1];function rt(e){var t=je(e),r=t.activeStep,n=t.isLastStep,a=t.nextStep,l=h.useState({}),i=l[0],o=l[1],s=h.useCallback(function(t){try{return n?Promise.resolve(null==e.onSubmit?void 0:e.onSubmit(t).then(function(){c(x({},i[r],{isCompleted:!0}))}).then(a)):(a(),Promise.resolve())}catch(e){return Promise.reject(e)}},[r,n]),u=h.useCallback(function(e){var t=i[r];return{onSubmit:s,schema:null==t?void 0:t.schema,resolver:null==t?void 0:t.resolver}},[i,s,r]),c=h.useCallback(function(e){o(function(t){var r;return x({},t,((r={})[e.name]=e,r))})},[i]);return x({getFormProps:u,updateStep:c,steps:i},t)}function nt(e){var t=e.name,r=e.schema,n=e.resolver,a=qe({name:t}),l=tt(),i=l.steps,o=l.updateStep;return h.useEffect(function(){o({name:t,schema:r,resolver:n})},[t,r]),x({},a,i[t]||{name:t,schema:r})}var at=["children","onSubmit"],lt=["getFormProps"],it=["name","schema","resolver","children","className"],ot=["label","submitLabel"],st=h.forwardRef(function(e,t){var r=e.children,n=E(e,at),a=rt(e),l=a.getFormProps,i=E(a,lt),o=h.useMemo(function(){return i},[i]);/*#__PURE__*/return h.createElement(Pe,{value:o},/*#__PURE__*/h.createElement(et,{value:o},/*#__PURE__*/h.createElement(ke,x({ref:t},n,l(e)),d.runIfFn(r,a))))}),ut=function(e){var t=e.name,r=e.schema,n=e.resolver,a=e.children,l=e.className,i=E(e,it);return nt({name:t,schema:r,resolver:n}).isActive?/*#__PURE__*/h.createElement(s.chakra.div,x({},i,{className:d.cx("saas-form__step",l)}),a):null};d.__DEV__&&(ut.displayName="FormStep");var ct=function(e){var t=Le(),r=t.prevStep;/*#__PURE__*/return h.createElement(c.Button,x({isDisabled:t.isFirstStep||t.isCompleted,label:"Back"},e,{className:d.cx("saas-form__prev-button",e.className),onClick:d.callAllHandlers(e.onClick,r)}))};d.__DEV__&&(ct.displayName="PrevButton");var mt=function(e){var t=e.label,r=void 0===t?"Next":t,n=e.submitLabel,a=void 0===n?"Complete":n,l=E(e,ot),i=Le(),o=i.isCompleted;/*#__PURE__*/return h.createElement(we,x({isDisabled:o,label:i.isLastStep||o?a:r},l,{className:d.cx("saas-form__next-button",e.className)}))};d.__DEV__&&(mt.displayName="NextButton"),exports.ArrayField=pe,exports.ArrayFieldAddButton=de,exports.ArrayFieldContainer=ve,exports.ArrayFieldProvider=X,exports.ArrayFieldRemoveButton=me,exports.ArrayFieldRow=se,exports.ArrayFieldRowContainer=ce,exports.ArrayFieldRowFields=ue,exports.ArrayFieldRowProvider=$,exports.ArrayFieldRows=fe,exports.AutoForm=Ae,exports.BaseField=I,exports.CheckboxField=T,exports.DisplayField=function(e){var t=e.name,n=e.label,a=E(e,b);/*#__PURE__*/return h.createElement(r.FormControl,a,n?/*#__PURE__*/h.createElement(r.FormLabel,{htmlFor:t},n):null,/*#__PURE__*/h.createElement(r.Text,{fontSize:"md"},/*#__PURE__*/h.createElement(y,{name:t})))},exports.DisplayIf=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},exports.Field=A,exports.Fields=ge,exports.Form=ke,exports.FormLayout=J,exports.FormLegend=xe,exports.FormStep=ut,exports.FormStepper=function(e){var t=s.useMultiStyleConfig("Stepper",e),r=h.Children.map(e.children,function(e){if(h.isValidElement(e)&&(null==e?void 0:e.type)===ut){var t=nt(e.props);/*#__PURE__*/return h.createElement(Qe,{name:e.props.name,title:e.props.title,isCompleted:t.isCompleted},e.props.children)}return e});/*#__PURE__*/return h.createElement(s.StylesProvider,{value:t},/*#__PURE__*/h.createElement(We,x({mb:"4"},e),r))},exports.FormValue=y,exports.InputField=P,exports.NativeSelectField=G,exports.NextButton=mt,exports.NumberInputField=L,exports.ObjectField=Ee,exports.PasswordInputFIeld=j,exports.PinField=H,exports.PrevButton=ct,exports.RadioField=U,exports.SelectField=M,exports.StepForm=st,exports.StepFormProvider=et,exports.SubmitButton=we,exports.SwitchField=B,exports.TextareaField=q,exports.defaultFieldResolver=ye,exports.registerFieldType=D,exports.useArrayField=te,exports.useArrayFieldAddButton=ae,exports.useArrayFieldContext=Y,exports.useArrayFieldRemoveButton=ne,exports.useArrayFieldRow=re,exports.useArrayFieldRowContext=ee,exports.useFormStep=nt,exports.useStepForm=rt,exports.useStepFormContext=tt,exports.withControlledInput=V,exports.withUncontrolledInput=O,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"),t=require("react-hook-form"),r=require("@chakra-ui/react"),n=require("@saas-ui/number-input"),a=require("@saas-ui/password-input"),l=require("@saas-ui/radio"),i=require("@saas-ui/pin-input"),o=require("@saas-ui/select"),s=require("@chakra-ui/utils"),u=require("@chakra-ui/system"),c=require("@chakra-ui/icons"),m=require("@saas-ui/button"),d=require("@chakra-ui/react-utils"),p=require("@saas-ui/react-utils"),f=require("@saas-ui/input-right-button");function v(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,t}var h=/*#__PURE__*/v(e);function x(){return x=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},x.apply(this,arguments)}function b(e,t){if(null==e)return{};var r,n,a={},l=Object.keys(e);for(n=0;n<l.length;n++)t.indexOf(r=l[n])>=0||(a[r]=e[r]);return a}var E=["name","label","placeholder"],y=function(e){var r=e.name;return(0,t.useFormContext().getValues)(r)||null},F=["name","label","help","variant","hideLabel","children"],S=["name","label","help","isDisabled","isInvalid","isReadOnly","isRequired","rules","variant"],_=["name","rules"],g=["ref"],C=["name","rules"],N=["ref"],k=["label"],R=["label"],w={},I=function(e){var n=e.name,a=e.label,l=e.help,i=e.variant,o=e.hideLabel,s=e.children,u=b(e,F),c=function(e,r){return t.get(r.errors,e)}(n,t.useFormContext().formState);/*#__PURE__*/return h.createElement(r.FormControl,x({variant:i},u,{isInvalid:!!c}),a&&!o?/*#__PURE__*/h.createElement(r.FormLabel,{variant:i},a):null,/*#__PURE__*/h.createElement(r.Box,null,s,!l||null!=c&&c.message?null:/*#__PURE__*/h.createElement(r.FormHelperText,null,l),(null==c?void 0:c.message)&&/*#__PURE__*/h.createElement(r.FormErrorMessage,null,null==c?void 0:c.message)))},A=r.forwardRef(function(e,t){var r=e.type;/*#__PURE__*/return h.createElement(w[void 0===r?"text":r]||w.text,x({ref:t},e))}),V=function(e){return r.forwardRef(function(n,a){var l=n.name,i=n.rules,o=b(n,_),s=t.useFormContext();/*#__PURE__*/return h.createElement(t.Controller,{name:l,control:s.control,rules:i,render:function(t){var n=t.field,l=n.ref,i=b(n,g);/*#__PURE__*/return h.createElement(e,x({},i,o,{ref:r.useMergeRefs(a,l)}))}})})},O=function(e){return r.forwardRef(function(n,a){var l=n.name,i=n.rules,o=b(n,C),s=(0,t.useFormContext().register)(l,i),u=s.ref,c=b(s,N);/*#__PURE__*/return h.createElement(e,x({},c,o,{ref:r.useMergeRefs(a,u)}))})},D=function(e,t,n){var a=function(e,t){var n=t.displayName,a=t.hideLabel,l=t.BaseField,i=r.forwardRef(function(t,r){var n=t.name,i=t.label,o=t.help,s=t.isDisabled,u=t.isInvalid,c=t.isReadOnly,m=t.isRequired,d=t.rules,p=t.variant,f=b(t,S),v=x({required:m},d);/*#__PURE__*/return h.createElement(l,{name:n,label:i,help:o,hideLabel:a,isDisabled:s,isInvalid:u,isReadOnly:c,isRequired:m,variant:p},/*#__PURE__*/h.createElement(e,x({ref:r,name:n,label:i,rules:v},f)))});return i.displayName=n,i}(null!=n&&n.isControlled?V(t):O(t),{displayName:e.split("-").map(function(e){return e.charAt(0).toUpperCase()+e.slice(1)}).join("")+"Field",hideLabel:null==n?void 0:n.hideLabel,BaseField:(null==n?void 0:n.BaseField)||I});return w[e]=a,a},P=D("text",r.Input),L=D("number",n.NumberInput,{isControlled:!0}),j=D("password",a.PasswordInput),q=D("textarea",r.Textarea),B=D("switch",r.forwardRef(function(e,t){var n=e.label,a=b(e,k);/*#__PURE__*/return h.createElement(r.Switch,x({ref:t},a),n)}),{isControlled:!0,hideLabel:!0}),M=D("select",o.Select,{isControlled:!0}),T=D("checkbox",r.forwardRef(function(e,t){var n=e.label,a=b(e,R);/*#__PURE__*/return h.createElement(r.Checkbox,x({ref:t},a),n)}),{hideLabel:!0}),U=D("radio",l.RadioInput,{isControlled:!0}),H=D("pin",i.PinInput,{isControlled:!0}),G=D("native-select",o.NativeSelect,{isControlled:!0}),z=function(e){return e&&Object.entries(e).map(function(e){return x({},e[1],{name:e[0]})})},W=function(e){return{getFields:function(){return z(e)},getNestedFields:function(t){var r,n=s.get(e,t);return n?"object"===(null==(r=n.items)?void 0:r.type)?z(n.items.properties):"object"===n.type?z(n.properties):[n.items]:[]}}},J=["mode","resolver","reValidateMode","shouldFocusError","shouldUnregister","shouldUseNativeValidation","criteriaMode","delayError","schema","defaultValues","onSubmit","onError","formRef","children"],K=r.forwardRef(function(e,n){var a=e.mode,l=void 0===a?"all":a,i=e.resolver,o=e.reValidateMode,s=e.shouldFocusError,u=e.shouldUnregister,c=e.shouldUseNativeValidation,m=e.criteriaMode,d=e.delayError,p=e.schema,f=e.defaultValues,v=e.onSubmit,E=e.onError,y=e.formRef,F=e.children,S=b(e,J),_={mode:l,resolver:i,defaultValues:f,reValidateMode:o,shouldFocusError:s,shouldUnregister:u,shouldUseNativeValidation:c,criteriaMode:m,delayError:d};p&&!i&&(_.resolver=null==K.getResolver?void 0:K.getResolver(p));var g=t.useForm(_),C=g.handleSubmit;return h.useImperativeHandle(n,function(){return g},[n,g]),/*#__PURE__*/h.createElement(t.FormProvider,g,/*#__PURE__*/h.createElement(r.chakra.form,x({ref:y,onSubmit:C(v,E)},S),F))});K.getFieldResolver=W;var Q=["children"],X=function(e){/*#__PURE__*/return h.createElement(r.chakra.div,null,e.children)},Y=function(e){var t,n,a,l=e.children,i=b(e,Q),o=x({},null!=(t=null==(n=r.useTheme().components)||null==(a=n.FormLayout)?void 0:a.defaultProps)?t:{spacing:4},i);/*#__PURE__*/return h.createElement(r.SimpleGrid,o,h.Children.map(l,function(e){return h.isValidElement(e)?/*#__PURE__*/h.createElement(X,null,e):e}))},Z=function(e,t){return h.Children.map(t,function(t){return h.isValidElement(t)&&t.props.name?h.cloneElement(t,x({},t.props,{name:e+"."+t.props.name})):t})},$=d.createContext({name:"ArrayFieldContext"}),ee=$[0],te=$[1],re=d.createContext({name:"ArrayFieldRowContext"}),ne=re[0],ae=re[1],le=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 x({},t.useFieldArray({control:s.control,name:r,keyName:l}),{name:r,defaultValue:a,min:i,max:o})},ie=function(e){var r=e.index,n=t.useFormContext().clearErrors,a=te(),l=a.name,i=a.remove,o=a.fields;return h.useEffect(function(){n(l)},[]),{index:r,isFirst:0===r,isLast:r===o.length-1,name:l+"."+r,remove:h.useCallback(function(){n(l),i(r)},[r])}},oe=function(){var e=ae(),t=e.isFirst,r=e.remove,n=te(),a=n.min;return{onClick:function(){return r()},isDisabled:t&&!!(a&&n.fields.length<=a)}},se=function(){var e=te(),t=e.append,r=e.defaultValue,n=e.max;return{onClick:function(){return t(r,{shouldFocus:!1})},isDisabled:!!(n&&e.fields.length>=n)}},ue=["children","columns","spacing"],ce=["children"],me=["name","defaultValue","keyName","min","max","children"],de=function(e){/*#__PURE__*/return h.createElement(fe,{index:e.index},/*#__PURE__*/h.createElement(pe,{columns:e.columns,spacing:e.spacing},e.children),/*#__PURE__*/h.createElement(ve,null))},pe=function(e){var t=e.children,r=e.columns,n=e.spacing,a=b(e,ue),l=ae().name;/*#__PURE__*/return h.createElement(Y,x({flex:"1",columns:r,gridGap:n,mr:"2"},a),Z(l,t))},fe=function(e){var t=e.children,r=ie({index:e.index});/*#__PURE__*/return h.createElement(ne,{value:r},/*#__PURE__*/h.createElement(u.chakra.div,{__css:{display:"flex",flexDirection:"row",alignItems:"flex-end",width:"100%",mb:4}},t))},ve=function(e){/*#__PURE__*/return h.createElement(m.IconButton,x({icon:/*#__PURE__*/h.createElement(c.MinusIcon,null),"aria-label":"Remove row"},oe(),e))},he=function(e){/*#__PURE__*/return h.createElement(m.IconButton,x({icon:/*#__PURE__*/h.createElement(c.AddIcon,null),"aria-label":"Add row",float:"right"},se(),e))},xe=h.forwardRef(function(e,t){var r=e.children,n=b(e,ce);/*#__PURE__*/return h.createElement(Ee,x({ref:t},n),/*#__PURE__*/h.createElement(be,null,function(e){/*#__PURE__*/return h.createElement(h.Fragment,null,e.map(function(e,t){/*#__PURE__*/return h.createElement(de,{key:e.id,index:t},r)}))}),/*#__PURE__*/h.createElement(he,null))}),be=function(e){return(0,e.children)(te().fields)},Ee=h.forwardRef(function(e,t){var r=e.name,n=e.defaultValue,a=e.keyName,l=e.min,i=e.max,o=e.children,s=b(e,me),u=le({name:r,defaultValue:n,keyName:a,min:l,max:i});return h.useImperativeHandle(t,function(){return u},[t,u]),/*#__PURE__*/h.createElement(ee,{value:u},/*#__PURE__*/h.createElement(I,x({name:r},s),o))}),ye=["name","label","hideLabel","children","columns","spacing"],Fe=function(e){var t=r.useStyles();/*#__PURE__*/return h.createElement(r.FormLabel,x({as:"legend",sx:t.legend},e))},Se=function(e){var t=e.name,n=e.label,a=e.hideLabel,l=e.children,i=e.columns,o=e.spacing,s=b(e,ye);/*#__PURE__*/return h.createElement(r.FormControl,x({name:t,as:"fieldset"},s),/*#__PURE__*/h.createElement(Fe,{display:a?"none":"block"},n),/*#__PURE__*/h.createElement(Y,{columns:i,gridGap:o},Z(t,l)))},_e=["name","type"],ge=["schema","fieldResolver"],Ce=["name","type","defaultValue"],Ne=function(e,t){var r;return null==(r=e.getNestedFields(t))?void 0:r.map(function(e,t){var r=e.name,n=e.type,a=b(e,_e);/*#__PURE__*/return h.createElement(A,x({key:r||t,name:r,type:n},a))})},ke=function(e){var t=e.schema,r=e.fieldResolver,n=b(e,ge),a=h.useMemo(function(){return r||K.getFieldResolver(t)},[t,r]);/*#__PURE__*/return h.createElement(Y,n,a.getFields().map(function(e){var t=e.name,r=e.type,n=b(e,Ce);return"array"===r?/*#__PURE__*/h.createElement(xe,x({key:t,name:t},n),Ne(a,t)):"object"===r?/*#__PURE__*/h.createElement(Se,x({key:t,name:t},n),Ne(a,t)):/*#__PURE__*/h.createElement(A,x({key:t,name:t,type:r},n))}))},Re=["children","disableIfUntouched","disableIfInvalid"],we=u.forwardRef(function(e,r){var n=e.children,a=e.disableIfUntouched,l=e.disableIfInvalid,i=b(e,Re),o=t.useFormContext().formState;/*#__PURE__*/return h.createElement(m.Button,x({type:"submit",isLoading:o.isSubmitting,isPrimary:!0,ref:r,isDisabled:a&&!o.isDirty||l&&!o.isValid},i),n)});we.defaultProps={label:"Submit",disableIfUntouched:!1,disableIfInvalid:!1};var Ie=["schema","submitLabel","fieldResolver"],Ae=r.forwardRef(function(e,t){var r=e.schema,n=e.submitLabel,a=void 0===n?"Submit":n,l=e.fieldResolver,i=b(e,Ie);/*#__PURE__*/return h.createElement(K,x({},i,{schema:r,ref:t}),/*#__PURE__*/h.createElement(Y,null,/*#__PURE__*/h.createElement(ke,{schema:r,fieldResolver:l}),a&&/*#__PURE__*/h.createElement(we,{label:a})))});function Ve(){return Ve=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Ve.apply(this,arguments)}function Oe(e,t){if(null==e)return{};var r,n,a={},l=Object.keys(e);for(n=0;n<l.length;n++)t.indexOf(r=l[n])>=0||(a[r]=e[r]);return a}var De=d.createContext({name:"StepperContext",errorMessage:"useStepperContext: `context` is undefined. Seems you forgot to wrap stepper components in `<Stepper />`"}),Pe=De[0],Le=De[1];function je(e){var t=e.step,r=h.useState(-1),n=r[0],a=r[1],l=h.useRef([]),i=h.useState(Date.now())[1],o=h.useCallback(function(e){var t=[].concat(l.current);-1===t.indexOf(e)&&t.push(e),l.current=t,i(Date.now())},[l,i]),s=function(e){var t=l.current.indexOf(e);-1!==t&&a(t)};return h.useLayoutEffect(function(){"string"==typeof t?s(t):"number"==typeof t?a(t):-1===n&&a(0)},[t]),{stepsRef:l,activeStep:l.current[n],activeIndex:n,isFirstStep:0===n,isLastStep:n===l.current.length-1,isCompleted:n>=l.current.length,setIndex:a,setStep:s,nextStep:function(){a(n+1)},prevStep:function(){a(n-1)},registerStep:o,unregisterStep:function(e){l.current=l.current.slice(l.current.indexOf(e),1)}}}function qe(e){var t=e.name,r=e.isActive,n=e.isCompleted,a=Le(),l=a.registerStep,i=a.unregisterStep,o=a.activeStep;return h.useEffect(function(){if(t)return l(t),function(){i(t)}},[]),{isActive:t?o===t:r,isCompleted:n}}var Be=["children","orientation"],Me=["children","orientation","stepComponent"],Te=["children","isOpen"],Ue=["icon","isActive","isCompleted","className"],He=["title","icon","isActive","isCompleted"],Ge=["isActive"],ze=u.forwardRef(function(e,t){var r=u.useMultiStyleConfig("Stepper",e),n=u.omitThemingProps(e),a=n.children,l=n.orientation,i=Oe(n,Be),o=je(e),c=Ve({display:"flex",flexDirection:"column"},r.container);return h.createElement(u.StylesProvider,{value:r},/*#__PURE__*/h.createElement(Pe,{value:o},/*#__PURE__*/h.createElement(u.chakra.div,Ve({ref:t,__css:c},i,{className:s.cx("saas-stepper__container",e.className)}),/*#__PURE__*/h.createElement(We,{orientation:l},a))))});s.__DEV__&&(ze.displayName="Stepper");var We=function(e){var t,r,n=e.children,a=e.orientation,l=e.stepComponent,i=Oe(e,Me),o=u.useStyles(),c=Le().activeIndex,m=Ve({display:"flex",flexDirection:"row",alignItems:"center"},o.steps),d="vertical"===a,f=l||Qe,v=p.getChildrenOfType(n,f),x=v.reduce(function(e,t,r,n){return e.push(/*#__PURE__*/h.createElement(f,Ve({key:r},t.props,{icon:t.props.icon||r+1,isActive:c===r,isCompleted:t.props.isCompleted||c>r}))),"vertical"===a&&e.push(/*#__PURE__*/h.createElement(Je,{key:"content-"+r,isOpen:c===r},t.props.children)),r<n.length-1&&e.push(/*#__PURE__*/h.createElement(Xe,{key:"separator-"+r,isActive:r<c})),e},[]),b=p.getChildOfType(n,Ze),E=c>=v.length?b:d?null:/*#__PURE__*/h.createElement(Je,null,null==(t=v[c])||null==(r=t.props)?void 0:r.children);return h.createElement(h.Fragment,null,/*#__PURE__*/h.createElement(u.chakra.div,Ve({__css:m},i,{className:s.cx("saas-stepper__steps",e.className)}),x),E)};s.__DEV__&&(We.displayName="StepperSteps");var Je=function(e){var t=e.children,n=e.isOpen,a=void 0===n||n,l=Oe(e,Te),i=u.useStyles();return h.createElement(u.chakra.div,Ve({__css:i.content},l,{className:s.cx("saas-stepper__content",e.className)}),/*#__PURE__*/h.createElement(r.Collapse,{in:a},t))};s.__DEV__&&(Je.displayName="StepperContent");var Ke=function(e){var t,r=e.icon,n=e.isCompleted,a=e.className,l=Oe(e,Ue),i=Ve({display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"full",fontSize:"1em",me:2},u.useStyles().icon);return t=n?/*#__PURE__*/h.createElement(c.Icon,{as:c.CheckIcon}):r,/*#__PURE__*/h.createElement(u.chakra.div,Ve({__css:i},l,{className:s.cx("saas-stepper__icon",a)}),t)};s.__DEV__&&(Ke.displayName="StepperIcon");var Qe=function(e){var t=e.title,r=e.icon,n=e.isActive,a=e.isCompleted,l=Oe(e,He),i=qe(e),o=Ve({display:"flex",alignItems:"center",flexDirection:"row"},u.useStyles().step);return h.createElement(u.chakra.div,Ve({__css:o,"data-active":i.isActive,"data-completed":i.isCompleted},l,{className:s.cx("saas-stepper__step",e.className)}),/*#__PURE__*/h.createElement(Ke,{icon:r,isActive:n,isCompleted:a}),t&&/*#__PURE__*/h.createElement(Ye,null,t))};s.__DEV__&&(Qe.displayName="StepperStep");var Xe=function(e){var t=e.isActive,r=Oe(e,Ge),n=Ve({flex:1,borderTopWidth:"1px",mx:2},u.useStyles().separator);return h.createElement(u.chakra.div,Ve({"data-active":t},r,{className:s.cx("saas-stepper__separator",e.className),__css:n}))};s.__DEV__&&(Xe.displayName="StepperSeparator");var Ye=function(e){var t=u.useStyles();return h.createElement(u.chakra.p,Ve({},e,{__css:t.title,className:s.cx("saas-stepper__title",e.className)}))};s.__DEV__&&(Ye.displayName="StepperStepTitle");var Ze=function(e){var t=u.useStyles();return h.createElement(u.chakra.div,Ve({__css:t.completed},e,{className:s.cx("saas-stepper__completed",e.className)}))};s.__DEV__&&(Ze.displayName="StepperCompleted");var $e=d.createContext({name:"StepFormContext",errorMessage:"useStepFormContext: `context` is undefined. Seems you forgot to wrap step form components in `<StepForm />`"}),et=$e[0],tt=$e[1];function rt(e){var t=je(e),r=t.activeStep,n=t.isLastStep,a=t.nextStep,l=h.useState({}),i=l[0],o=l[1],s=h.useCallback(function(t){try{return n?Promise.resolve(null==e.onSubmit?void 0:e.onSubmit(t).then(function(){c(x({},i[r],{isCompleted:!0}))}).then(a)):(a(),Promise.resolve())}catch(e){return Promise.reject(e)}},[r,n]),u=h.useCallback(function(e){var t=i[r];return{onSubmit:s,schema:null==t?void 0:t.schema,resolver:null==t?void 0:t.resolver}},[i,s,r]),c=h.useCallback(function(e){o(function(t){var r;return x({},t,((r={})[e.name]=e,r))})},[i]);return x({getFormProps:u,updateStep:c,steps:i},t)}function nt(e){var t=e.name,r=e.schema,n=e.resolver,a=qe({name:t}),l=tt(),i=l.steps,o=l.updateStep;return h.useEffect(function(){o({name:t,schema:r,resolver:n})},[t,r]),x({},a,i[t]||{name:t,schema:r})}var at=["children","onSubmit"],lt=["getFormProps"],it=["name","schema","resolver","children","className"],ot=["label","submitLabel"],st=h.forwardRef(function(e,t){var r=e.children,n=b(e,at),a=rt(e),l=a.getFormProps,i=b(a,lt),o=h.useMemo(function(){return i},[i]);/*#__PURE__*/return h.createElement(Pe,{value:o},/*#__PURE__*/h.createElement(et,{value:o},/*#__PURE__*/h.createElement(K,x({ref:t},n,l(e)),s.runIfFn(r,a))))}),ut=function(e){var t=e.name,r=e.schema,n=e.resolver,a=e.children,l=e.className,i=b(e,it);return nt({name:t,schema:r,resolver:n}).isActive?/*#__PURE__*/h.createElement(u.chakra.div,x({},i,{className:s.cx("saas-form__step",l)}),a):null};s.__DEV__&&(ut.displayName="FormStep");var ct=function(e){var t=Le(),r=t.prevStep;/*#__PURE__*/return h.createElement(m.Button,x({isDisabled:t.isFirstStep||t.isCompleted,label:"Back"},e,{className:s.cx("saas-form__prev-button",e.className),onClick:s.callAllHandlers(e.onClick,r)}))};s.__DEV__&&(ct.displayName="PrevButton");var mt=function(e){var t=e.label,r=void 0===t?"Next":t,n=e.submitLabel,a=void 0===n?"Complete":n,l=b(e,ot),i=Le(),o=i.isCompleted;/*#__PURE__*/return h.createElement(we,x({isDisabled:o,label:i.isLastStep||o?a:r},l,{className:s.cx("saas-form__next-button",e.className)}))};s.__DEV__&&(mt.displayName="NextButton"),exports.ArrayField=xe,exports.ArrayFieldAddButton=he,exports.ArrayFieldContainer=Ee,exports.ArrayFieldProvider=ee,exports.ArrayFieldRemoveButton=ve,exports.ArrayFieldRow=de,exports.ArrayFieldRowContainer=fe,exports.ArrayFieldRowFields=pe,exports.ArrayFieldRowProvider=ne,exports.ArrayFieldRows=be,exports.AutoForm=Ae,exports.BaseField=I,exports.CheckboxField=T,exports.DisplayField=function(e){var t=e.name,n=e.label,a=b(e,E);/*#__PURE__*/return h.createElement(r.FormControl,a,n?/*#__PURE__*/h.createElement(r.FormLabel,{htmlFor:t},n):null,/*#__PURE__*/h.createElement(r.Text,{fontSize:"md"},/*#__PURE__*/h.createElement(y,{name:t})))},exports.DisplayIf=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},exports.Field=A,exports.Fields=ke,exports.Form=K,exports.FormLayout=Y,exports.FormLegend=Fe,exports.FormStep=ut,exports.FormStepper=function(e){var t=u.useMultiStyleConfig("Stepper",e),r=h.Children.map(e.children,function(e){if(h.isValidElement(e)&&(null==e?void 0:e.type)===ut){var t=nt(e.props);/*#__PURE__*/return h.createElement(Qe,{name:e.props.name,title:e.props.title,isCompleted:t.isCompleted},e.props.children)}return e});/*#__PURE__*/return h.createElement(u.StylesProvider,{value:t},/*#__PURE__*/h.createElement(We,x({mb:"4"},e),r))},exports.FormValue=y,exports.InputField=P,exports.NativeSelectField=G,exports.NextButton=mt,exports.NumberInputField=L,exports.ObjectField=Se,exports.PasswordInputFIeld=j,exports.PinField=H,exports.PrevButton=ct,exports.RadioField=U,exports.SelectField=M,exports.StepForm=st,exports.StepFormProvider=et,exports.SubmitButton=we,exports.SwitchField=B,exports.TextareaField=q,exports.objectFieldResolver=W,exports.registerFieldType=D,exports.useArrayField=le,exports.useArrayFieldAddButton=se,exports.useArrayFieldContext=te,exports.useArrayFieldRemoveButton=oe,exports.useArrayFieldRow=ie,exports.useArrayFieldRowContext=ae,exports.useFormStep=nt,exports.useStepForm=rt,exports.useStepFormContext=tt,exports.withControlledInput=V,exports.withUncontrolledInput=O,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/layout.tsx","../src/utils.ts","../src/use-array-field.tsx","../src/array-field.tsx","../src/object-field.tsx","../src/field-resolver.ts","../src/fields.tsx","../src/form.tsx","../src/submit-button.tsx","../src/auto-form.tsx","../../saas-ui-stepper/dist/index.modern.js","../src/use-step-form.tsx","../src/step-form.tsx","../src/display-if.tsx"],"sourcesContent":["import * as React from 'react'\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\nexport const FormValue: React.FC<{ name: string }> = ({ name }) => {\n  const { getValues } = useFormContext()\n  return getValues(name) || null\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'\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}\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      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        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          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 * as React from 'react'\n\nimport { chakra, SimpleGrid, SimpleGridProps, useTheme } from '@chakra-ui/react'\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\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 {...gridProps}>\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","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'\n\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\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\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\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\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\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\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\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\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\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","import * as React from 'react'\nimport {\n  FormControl,\n  FormLabel,\n  FormLabelProps,\n  ResponsiveValue,\n  useStyles,\n} from '@chakra-ui/react'\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","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\n// @todo finalize this\nexport type FormSchema = Record<string, any>\n\nconst mapFields = (schema: FormSchema) =>\n  Object.entries(schema).map(([name, field]) => {\n    return {\n      name,\n      ...field,\n    }\n  })\n\nexport const defaultFieldResolver = (schema: FormSchema): 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 { FormLayout } from './layout'\nimport { Field, FieldProps } from './field'\n\nimport { ArrayField } from './array-field'\nimport { ObjectField } from './object-field'\nimport { FieldResolver } from './field-resolver'\nimport { defaultFieldResolver } 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 || defaultFieldResolver(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","import * as React from 'react'\n\nimport { chakra, HTMLChakraProps, forwardRef } from '@chakra-ui/react'\n\nimport {\n  useForm,\n  FormProvider,\n  UseFormProps,\n  UseFormReturn,\n  FieldValues,\n  SubmitHandler,\n  SubmitErrorHandler,\n} from 'react-hook-form'\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    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        >\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","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'\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","import * as React from 'react'\nimport { FieldValues, UseFormReturn } from 'react-hook-form'\nimport { forwardRef } from '@chakra-ui/react'\n\nimport { Form, FormProps } from './form'\nimport { FormLayout } from './layout'\nimport { Fields } from './fields'\nimport { SubmitButton } from './submit-button'\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} 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","import*as e from\"react\";import{forwardRef as t,useMultiStyleConfig as s,omitThemingProps as r,StylesProvider as n,chakra as a,useStyles as i}from\"@chakra-ui/system\";import{Icon as c,CheckIcon as p}from\"@chakra-ui/icons\";import{Collapse as l}from\"@saas-ui/collapse\";import{getChildrenOfType as o,getChildOfType as m}from\"@saas-ui/react-utils\";import{cx as u,__DEV__ as d}from\"@chakra-ui/utils\";import{createContext as f}from\"@chakra-ui/react-utils\";function v(){return v=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var r in s)Object.prototype.hasOwnProperty.call(s,r)&&(e[r]=s[r])}return e},v.apply(this,arguments)}function S(e,t){if(null==e)return{};var s,r,n={},a=Object.keys(e);for(r=0;r<a.length;r++)t.indexOf(s=a[r])>=0||(n[s]=e[s]);return n}const[_,N]=f({name:\"StepperContext\",errorMessage:\"useStepperContext: `context` is undefined. Seems you forgot to wrap stepper components in `<Stepper />`\"});function h(t){const{step:s}=t,[r,n]=e.useState(-1),a=e.useRef([]),[,i]=e.useState(Date.now()),c=e.useCallback(e=>{const t=[...a.current];-1===t.indexOf(e)&&t.push(e),a.current=t,i(Date.now())},[a,i]),p=e=>{const t=a.current.indexOf(e);-1!==t&&n(t)};return e.useLayoutEffect(()=>{\"string\"==typeof s?p(s):\"number\"==typeof s?n(s):-1===r&&n(0)},[s]),{stepsRef:a,activeStep:a.current[r],activeIndex:r,isFirstStep:0===r,isLastStep:r===a.current.length-1,isCompleted:r>=a.current.length,setIndex:n,setStep:p,nextStep:()=>{n(r+1)},prevStep:()=>{n(r-1)},registerStep:c,unregisterStep:e=>{a.current=a.current.slice(a.current.indexOf(e),1)}}}function y(t){const{name:s,isActive:r,isCompleted:n}=t,{registerStep:a,unregisterStep:i,activeStep:c}=N();return e.useEffect(()=>{if(s)return a(s),()=>{i(s)}},[]),{isActive:s?c===s:r,isCompleted:n}}function x({label:e=\"Back\"}={}){const{isFirstStep:t,prevStep:s}=N();return{isDisabled:t,onClick:s,label:e}}function C({label:e=\"Next\",submitLabel:t=\"Submit\"}={}){const{isLastStep:s,isCompleted:r,nextStep:n}=N();return{isDisabled:r,onClick:n,label:s?t:e}}const E=[\"children\",\"orientation\"],g=[\"children\",\"orientation\",\"stepComponent\"],b=[\"children\",\"isOpen\"],k=[\"icon\",\"isActive\",\"isCompleted\",\"className\"],A=[\"title\",\"icon\",\"isActive\",\"isCompleted\"],O=[\"isActive\"],D=t((t,i)=>{const c=s(\"Stepper\",t),p=r(t),{children:l,orientation:o}=p,m=S(p,E),d=h(t),f=v({display:\"flex\",flexDirection:\"column\"},c.container);/*#__PURE__*/return e.createElement(n,{value:c},/*#__PURE__*/e.createElement(_,{value:d},/*#__PURE__*/e.createElement(a.div,v({ref:i,__css:f},m,{className:u(\"saas-stepper__container\",t.className)}),/*#__PURE__*/e.createElement(I,{orientation:o},l))))});d&&(D.displayName=\"Stepper\");const I=t=>{var s,r;const{children:n,orientation:c,stepComponent:p}=t,l=S(t,g),d=i(),{activeIndex:f}=N(),_=v({display:\"flex\",flexDirection:\"row\",alignItems:\"center\"},d.steps),h=\"vertical\"===c,y=p||L,x=o(n,y),C=x.reduce((t,s,r,n)=>(t.push(/*#__PURE__*/e.createElement(y,v({key:r},s.props,{icon:s.props.icon||r+1,isActive:f===r,isCompleted:s.props.isCompleted||f>r}))),\"vertical\"===c&&t.push(/*#__PURE__*/e.createElement(w,{key:`content-${r}`,isOpen:f===r},s.props.children)),r<n.length-1&&t.push(/*#__PURE__*/e.createElement(F,{key:`separator-${r}`,isActive:r<f})),t),[]),E=m(n,T),b=f>=x.length?E:h?null:/*#__PURE__*/e.createElement(w,null,null==(s=x[f])||null==(r=s.props)?void 0:r.children);/*#__PURE__*/return e.createElement(e.Fragment,null,/*#__PURE__*/e.createElement(a.div,v({__css:_},l,{className:u(\"saas-stepper__steps\",t.className)}),C),b)};d&&(I.displayName=\"StepperSteps\");const w=t=>{const{children:s,isOpen:r=!0}=t,n=S(t,b),c=i();/*#__PURE__*/return e.createElement(a.div,v({__css:c.content},n,{className:u(\"saas-stepper__content\",t.className)}),/*#__PURE__*/e.createElement(l,{in:r},s))};d&&(w.displayName=\"StepperContent\");const j=t=>{const{icon:s,isCompleted:r,className:n}=t,l=S(t,k),o=v({display:\"flex\",alignItems:\"center\",justifyContent:\"center\",borderRadius:\"full\",fontSize:\"1em\",me:2},i().icon);let m;return m=r?/*#__PURE__*/e.createElement(c,{as:p}):s,/*#__PURE__*/e.createElement(a.div,v({__css:o},l,{className:u(\"saas-stepper__icon\",n)}),m)};d&&(j.displayName=\"StepperIcon\");const L=t=>{const{title:s,icon:r,isActive:n,isCompleted:c}=t,p=S(t,A),l=y(t),o=v({display:\"flex\",alignItems:\"center\",flexDirection:\"row\"},i().step);/*#__PURE__*/return e.createElement(a.div,v({__css:o,\"data-active\":l.isActive,\"data-completed\":l.isCompleted},p,{className:u(\"saas-stepper__step\",t.className)}),/*#__PURE__*/e.createElement(j,{icon:r,isActive:n,isCompleted:c}),s&&/*#__PURE__*/e.createElement(R,null,s))};d&&(L.displayName=\"StepperStep\");const F=t=>{const{isActive:s}=t,r=S(t,O),n=v({flex:1,borderTopWidth:\"1px\",mx:2},i().separator);/*#__PURE__*/return e.createElement(a.div,v({\"data-active\":s},r,{className:u(\"saas-stepper__separator\",t.className),__css:n}))};d&&(F.displayName=\"StepperSeparator\");const R=t=>{const s=i();/*#__PURE__*/return e.createElement(a.p,v({},t,{__css:s.title,className:u(\"saas-stepper__title\",t.className)}))};d&&(R.displayName=\"StepperStepTitle\");const T=t=>{const s=i();/*#__PURE__*/return e.createElement(a.div,v({__css:s.completed},t,{className:u(\"saas-stepper__completed\",t.className)}))};d&&(T.displayName=\"StepperCompleted\");export{D as Stepper,T as StepperCompleted,w as StepperContent,j as StepperIcon,_ as StepperProvider,F as StepperSeparator,L as StepperStep,R as StepperStepTitle,I as StepperSteps,C as useNext,x as usePrev,y as useStep,h as useStepper,N as useStepperContext};\n//# sourceMappingURL=index.modern.js.map\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    FormProps<TFieldValues> {}\n\nexport function useStepForm<TFieldValues extends FieldValues = FieldValues>(\n  props: UseStepFormProps<TFieldValues>\n) {\n  const stepper = useStepper(props)\n\n  const { activeStep, isLastStep, nextStep } = stepper\n\n  const [steps, updateSteps] = React.useState({})\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    (props) => {\n      const step = steps[activeStep]\n      return {\n        onSubmit: onSubmitStep,\n        schema: step?.schema,\n        resolver: step?.resolver,\n      }\n    },\n    [steps, onSubmitStep, activeStep]\n  )\n\n  const updateStep = React.useCallback(\n    (step) => {\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 type UseStepFormReturn = ReturnType<typeof useStepForm>\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} 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} from './use-step-form'\n\nexport interface StepFormProps<TFieldValues extends FieldValues = FieldValues>\n  extends UseStepFormProps<TFieldValues>,\n    FormProps<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, onSubmit, ...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(props)}>\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","import * as React from 'react'\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"],"names":["FormValue","name","getValues","useFormContext","inputTypes","BaseField","props","label","help","variant","hideLabel","children","controlProps","error","formState","get","errors","getError","React","FormControl","isInvalid","FormLabel","Box","message","FormHelperText","FormErrorMessage","Field","forwardRef","ref","type","withControlledInput","InputComponent","rules","inputProps","Controller","control","render","field","_ref","useMergeRefs","withUncontrolledInput","register","registerFieldType","component","options","displayName","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","FormLayoutItem","chakra","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","id","fieldProps","useImperativeHandle","FormLegend","styles","useStyles","as","sx","legend","ObjectField","mapFields","schema","Object","entries","defaultFieldResolver","getFields","getNestedFields","items","properties","resolver","_resolver$getNestedFi","i","nestedFieldProps","Fields","fieldResolver","useMemo","Form","mode","reValidateMode","shouldFocusError","shouldUnregister","shouldUseNativeValidation","criteriaMode","delayError","defaultValues","onSubmit","onError","formRef","rest","methods","useForm","handleSubmit","FormProvider","form","SubmitButton","disableIfUntouched","disableIfInvalid","Button","isLoading","isSubmitting","isPrimary","isDirty","isValid","AutoForm","submitLabel","errorMessage","StepperProvider","useStepperContext","useStepper","step","useState","activeIndex","setIndex","stepsRef","useRef","onUpdate","Date","now","registerStep","newSteps","current","indexOf","push","setStep","useLayoutEffect","activeStep","isFirstStep","isLastStep","isCompleted","nextStep","prevStep","unregisterStep","useStep","isActive","StepFormProvider","useStepFormContext","useStepForm","stepper","steps","updateSteps","onSubmitStep","data","then","updateStep","getFormProps","useFormStep","StepForm","ctx","runIfFn","FormStep","className","cx","__DEV__","PrevButton","callAllHandlers","NextButton","htmlFor","Text","fontSize","condition","useWatch","disabled","exact","isExact","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","../../saas-ui-stepper/dist/index.modern.js","../src/use-step-form.tsx","../src/step-form.tsx","../src/display-if.tsx"],"sourcesContent":["import * as React from 'react'\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\nexport const FormValue: React.FC<{ name: string }> = ({ name }) => {\n  const { getValues } = useFormContext()\n  return getValues(name) || null\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'\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}\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      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        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          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'\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'\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        >\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  getResolver?: GetResolver\n  getFieldResolver: GetFieldResolver\n}\n\nForm.getFieldResolver = objectFieldResolver\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'\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\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 {...gridProps}>\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","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'\n\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\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\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\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\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\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\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\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\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\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","import * as React from 'react'\nimport {\n  FormControl,\n  FormLabel,\n  FormLabelProps,\n  ResponsiveValue,\n  useStyles,\n} from '@chakra-ui/react'\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","import * as React from 'react'\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","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'\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","import * as React from 'react'\nimport { FieldValues, UseFormReturn } from 'react-hook-form'\nimport { forwardRef } from '@chakra-ui/react'\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) & { getFieldResolver?: (schema: any) => FieldResolver }\n","import*as e from\"react\";import{forwardRef as t,useMultiStyleConfig as s,omitThemingProps as r,StylesProvider as n,chakra as a,useStyles as i}from\"@chakra-ui/system\";import{Icon as c,CheckIcon as p}from\"@chakra-ui/icons\";import{Collapse as l}from\"@saas-ui/collapse\";import{getChildrenOfType as o,getChildOfType as m}from\"@saas-ui/react-utils\";import{cx as u,__DEV__ as d}from\"@chakra-ui/utils\";import{createContext as f}from\"@chakra-ui/react-utils\";function v(){return v=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var r in s)Object.prototype.hasOwnProperty.call(s,r)&&(e[r]=s[r])}return e},v.apply(this,arguments)}function S(e,t){if(null==e)return{};var s,r,n={},a=Object.keys(e);for(r=0;r<a.length;r++)t.indexOf(s=a[r])>=0||(n[s]=e[s]);return n}const[_,N]=f({name:\"StepperContext\",errorMessage:\"useStepperContext: `context` is undefined. Seems you forgot to wrap stepper components in `<Stepper />`\"});function h(t){const{step:s}=t,[r,n]=e.useState(-1),a=e.useRef([]),[,i]=e.useState(Date.now()),c=e.useCallback(e=>{const t=[...a.current];-1===t.indexOf(e)&&t.push(e),a.current=t,i(Date.now())},[a,i]),p=e=>{const t=a.current.indexOf(e);-1!==t&&n(t)};return e.useLayoutEffect(()=>{\"string\"==typeof s?p(s):\"number\"==typeof s?n(s):-1===r&&n(0)},[s]),{stepsRef:a,activeStep:a.current[r],activeIndex:r,isFirstStep:0===r,isLastStep:r===a.current.length-1,isCompleted:r>=a.current.length,setIndex:n,setStep:p,nextStep:()=>{n(r+1)},prevStep:()=>{n(r-1)},registerStep:c,unregisterStep:e=>{a.current=a.current.slice(a.current.indexOf(e),1)}}}function y(t){const{name:s,isActive:r,isCompleted:n}=t,{registerStep:a,unregisterStep:i,activeStep:c}=N();return e.useEffect(()=>{if(s)return a(s),()=>{i(s)}},[]),{isActive:s?c===s:r,isCompleted:n}}function x({label:e=\"Back\"}={}){const{isFirstStep:t,prevStep:s}=N();return{isDisabled:t,onClick:s,label:e}}function C({label:e=\"Next\",submitLabel:t=\"Submit\"}={}){const{isLastStep:s,isCompleted:r,nextStep:n}=N();return{isDisabled:r,onClick:n,label:s?t:e}}const E=[\"children\",\"orientation\"],g=[\"children\",\"orientation\",\"stepComponent\"],b=[\"children\",\"isOpen\"],k=[\"icon\",\"isActive\",\"isCompleted\",\"className\"],A=[\"title\",\"icon\",\"isActive\",\"isCompleted\"],O=[\"isActive\"],D=t((t,i)=>{const c=s(\"Stepper\",t),p=r(t),{children:l,orientation:o}=p,m=S(p,E),d=h(t),f=v({display:\"flex\",flexDirection:\"column\"},c.container);/*#__PURE__*/return e.createElement(n,{value:c},/*#__PURE__*/e.createElement(_,{value:d},/*#__PURE__*/e.createElement(a.div,v({ref:i,__css:f},m,{className:u(\"saas-stepper__container\",t.className)}),/*#__PURE__*/e.createElement(I,{orientation:o},l))))});d&&(D.displayName=\"Stepper\");const I=t=>{var s,r;const{children:n,orientation:c,stepComponent:p}=t,l=S(t,g),d=i(),{activeIndex:f}=N(),_=v({display:\"flex\",flexDirection:\"row\",alignItems:\"center\"},d.steps),h=\"vertical\"===c,y=p||L,x=o(n,y),C=x.reduce((t,s,r,n)=>(t.push(/*#__PURE__*/e.createElement(y,v({key:r},s.props,{icon:s.props.icon||r+1,isActive:f===r,isCompleted:s.props.isCompleted||f>r}))),\"vertical\"===c&&t.push(/*#__PURE__*/e.createElement(w,{key:`content-${r}`,isOpen:f===r},s.props.children)),r<n.length-1&&t.push(/*#__PURE__*/e.createElement(F,{key:`separator-${r}`,isActive:r<f})),t),[]),E=m(n,T),b=f>=x.length?E:h?null:/*#__PURE__*/e.createElement(w,null,null==(s=x[f])||null==(r=s.props)?void 0:r.children);/*#__PURE__*/return e.createElement(e.Fragment,null,/*#__PURE__*/e.createElement(a.div,v({__css:_},l,{className:u(\"saas-stepper__steps\",t.className)}),C),b)};d&&(I.displayName=\"StepperSteps\");const w=t=>{const{children:s,isOpen:r=!0}=t,n=S(t,b),c=i();/*#__PURE__*/return e.createElement(a.div,v({__css:c.content},n,{className:u(\"saas-stepper__content\",t.className)}),/*#__PURE__*/e.createElement(l,{in:r},s))};d&&(w.displayName=\"StepperContent\");const j=t=>{const{icon:s,isCompleted:r,className:n}=t,l=S(t,k),o=v({display:\"flex\",alignItems:\"center\",justifyContent:\"center\",borderRadius:\"full\",fontSize:\"1em\",me:2},i().icon);let m;return m=r?/*#__PURE__*/e.createElement(c,{as:p}):s,/*#__PURE__*/e.createElement(a.div,v({__css:o},l,{className:u(\"saas-stepper__icon\",n)}),m)};d&&(j.displayName=\"StepperIcon\");const L=t=>{const{title:s,icon:r,isActive:n,isCompleted:c}=t,p=S(t,A),l=y(t),o=v({display:\"flex\",alignItems:\"center\",flexDirection:\"row\"},i().step);/*#__PURE__*/return e.createElement(a.div,v({__css:o,\"data-active\":l.isActive,\"data-completed\":l.isCompleted},p,{className:u(\"saas-stepper__step\",t.className)}),/*#__PURE__*/e.createElement(j,{icon:r,isActive:n,isCompleted:c}),s&&/*#__PURE__*/e.createElement(R,null,s))};d&&(L.displayName=\"StepperStep\");const F=t=>{const{isActive:s}=t,r=S(t,O),n=v({flex:1,borderTopWidth:\"1px\",mx:2},i().separator);/*#__PURE__*/return e.createElement(a.div,v({\"data-active\":s},r,{className:u(\"saas-stepper__separator\",t.className),__css:n}))};d&&(F.displayName=\"StepperSeparator\");const R=t=>{const s=i();/*#__PURE__*/return e.createElement(a.p,v({},t,{__css:s.title,className:u(\"saas-stepper__title\",t.className)}))};d&&(R.displayName=\"StepperStepTitle\");const T=t=>{const s=i();/*#__PURE__*/return e.createElement(a.div,v({__css:s.completed},t,{className:u(\"saas-stepper__completed\",t.className)}))};d&&(T.displayName=\"StepperCompleted\");export{D as Stepper,T as StepperCompleted,w as StepperContent,j as StepperIcon,_ as StepperProvider,F as StepperSeparator,L as StepperStep,R as StepperStepTitle,I as StepperSteps,C as useNext,x as usePrev,y as useStep,h as useStepper,N as useStepperContext};\n//# sourceMappingURL=index.modern.js.map\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    FormProps<TFieldValues> {}\n\nexport function useStepForm<TFieldValues extends FieldValues = FieldValues>(\n  props: UseStepFormProps<TFieldValues>\n) {\n  const stepper = useStepper(props)\n\n  const { activeStep, isLastStep, nextStep } = stepper\n\n  const [steps, updateSteps] = React.useState({})\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    (props) => {\n      const step = steps[activeStep]\n      return {\n        onSubmit: onSubmitStep,\n        schema: step?.schema,\n        resolver: step?.resolver,\n      }\n    },\n    [steps, onSubmitStep, activeStep]\n  )\n\n  const updateStep = React.useCallback(\n    (step) => {\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 type UseStepFormReturn = ReturnType<typeof useStepForm>\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} 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} from './use-step-form'\n\nexport interface StepFormProps<TFieldValues extends FieldValues = FieldValues>\n  extends UseStepFormProps<TFieldValues>,\n    FormProps<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, onSubmit, ...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(props)}>\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","import * as React from 'react'\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"],"names":["FormValue","name","getValues","useFormContext","inputTypes","BaseField","props","label","help","variant","hideLabel","children","controlProps","error","formState","get","errors","getError","React","FormControl","isInvalid","FormLabel","Box","message","FormHelperText","FormErrorMessage","Field","forwardRef","ref","type","withControlledInput","InputComponent","rules","inputProps","Controller","control","render","field","_ref","useMergeRefs","withUncontrolledInput","register","registerFieldType","component","options","displayName","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","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","id","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","errorMessage","StepperProvider","useStepperContext","useStepper","step","useState","activeIndex","setIndex","stepsRef","useRef","onUpdate","Date","now","registerStep","newSteps","current","indexOf","push","setStep","useLayoutEffect","activeStep","isFirstStep","isLastStep","isCompleted","nextStep","prevStep","unregisterStep","useStep","isActive","StepFormProvider","useStepFormContext","useStepForm","stepper","steps","updateSteps","onSubmitStep","data","then","updateStep","getFormProps","useFormStep","StepForm","ctx","runIfFn","FormStep","className","cx","__DEV__","PrevButton","callAllHandlers","NextButton","htmlFor","Text","fontSize","condition","useWatch","disabled","exact","isExact","useMultiStyleConfig","elements","StepperStep","title","StylesProvider","StepperSteps"],"mappings":"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"}