@saas-ui/forms 1.0.1 → 1.0.2

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @saas-ui/forms
 
+## 1.0.2
+
+### Patch Changes
+
+- fe754e6: Fixed Hook Form 7.33 compatibility.
+- Updated dependencies [fe1e333]
+  - @saas-ui/input-right-button@1.0.1
+  - @saas-ui/password-input@1.0.1
+
 ## 1.0.1
 
 ### Patch Changes

package/ajv/package.json

@@ -11,8 +11,8 @@
   "license": "MIT",
   "peerDependencies": {
     "@chakra-ui/utils": "^2.0.2",
-    "@hookform/resolvers": "^2.9.0",
-    "react-hook-form": "^7.31.3",
+    "@hookform/resolvers": "^2.9.3",
+    "react-hook-form": "^7.33.1",
     "ajv": "^8.11.0"
   }
 }

package/dist/form.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { HTMLChakraProps } from '@chakra-ui/react';
-import { UseFormProps, UseFormReturn, FieldValues, SubmitHandler, SubmitErrorHandler, UnpackNestedValue, ResolverOptions, ResolverResult } from 'react-hook-form';
+import { UseFormProps, UseFormReturn, FieldValues, SubmitHandler, SubmitErrorHandler, ResolverOptions, ResolverResult } from 'react-hook-form';
 import { FieldResolver } from './field-resolver';
 export type { UseFormReturn, FieldValues, SubmitHandler };
 interface FormOptions<TFieldValues extends FieldValues = FieldValues> {
@@ -34,6 +34,6 @@ export declare const Form: (<TFieldValues extends FieldValues>(props: FormProps<
     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 GetResolver = (schema: any) => <TFieldValues extends FieldValues, TContext>(values: 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;AAGtE,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,SAAS,CAAC,eAAe,CAAC,CAAA;CAC3C;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;;MA8DZ,MAAM,YAAY;;;sBAGH,gBAAgB;CACnC,CAAA;AAQD,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"}
+{"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;AAGtE,OAAO,EAGL,YAAY,EACZ,aAAa,EACb,WAAW,EACX,aAAa,EACb,kBAAkB,EAClB,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,SAAS,CAAC,eAAe,CAAC,CAAA;CAC3C;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;;MA8DZ,MAAM,YAAY;;;sBAGH,gBAAgB;CACnC,CAAA;AAQD,oBAAY,WAAW,GAAG,CACxB,MAAM,EAAE,GAAG,KACR,CAAC,YAAY,SAAS,WAAW,EAAE,QAAQ,EAC9C,MAAM,EAAE,YAAY,EACpB,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.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/display-field.tsx","../src/field.tsx","../src/field-resolver.ts","../src/form.tsx","../src/layout.tsx","../src/utils.ts","../src/use-array-field.tsx","../src/array-field.tsx","../src/object-field.tsx","../src/fields.tsx","../src/submit-button.tsx","../src/auto-form.tsx","../src/display-if.tsx","../src/use-step-form.tsx","../src/step-form.tsx"],"sourcesContent":["import * as React from 'react'\nimport { __DEV__ } from '@chakra-ui/utils'\nimport { useFormContext } from 'react-hook-form'\n\nimport {\n  Text,\n  FormControl,\n  FormControlProps,\n  FormLabel,\n} from '@chakra-ui/react'\n\nimport { FieldProps } from './field'\n\nexport interface DisplayFieldProps\n  extends FormControlProps,\n    Omit<FieldProps, 'type' | 'label'> {}\n\nexport const DisplayField: React.FC<DisplayFieldProps> = ({\n  name,\n  label,\n  placeholder,\n  ...props\n}) => {\n  return (\n    <FormControl {...props}>\n      {label ? <FormLabel htmlFor={name}>{label}</FormLabel> : null}\n      <Text fontSize=\"md\">\n        <FormValue name={name} />\n      </Text>\n    </FormControl>\n  )\n}\n\nif (__DEV__) {\n  DisplayField.displayName = 'DisplayField'\n}\n\nexport const FormValue: React.FC<{ name: string }> = ({ name }) => {\n  const { getValues } = useFormContext()\n  return getValues(name) || null\n}\n\nif (__DEV__) {\n  FormValue.displayName = 'FormValue'\n}\n","import * as React from 'react'\nimport {\n  useFormContext,\n  FormState,\n  Controller,\n  get,\n  RegisterOptions,\n  FieldValues,\n  FieldPath,\n} from 'react-hook-form'\n\nimport {\n  forwardRef,\n  Box,\n  FormControl,\n  FormControlProps,\n  FormLabel,\n  FormHelperText,\n  FormErrorMessage,\n  Input,\n  Textarea,\n  Checkbox,\n  Switch,\n  useMergeRefs,\n  InputGroup,\n  InputProps,\n  TextareaProps,\n  SwitchProps,\n  CheckboxProps,\n  PinInputField,\n  HStack,\n  PinInput,\n  UsePinInputProps,\n  SystemProps,\n} from '@chakra-ui/react'\nimport { __DEV__, FocusableElement } from '@chakra-ui/utils'\n\nimport { NumberInput, NumberInputProps } from '@saas-ui/number-input'\nimport { PasswordInput, PasswordInputProps } from '@saas-ui/password-input'\nimport { RadioInput, RadioInputProps } from '@saas-ui/radio'\n\nimport {\n  Select,\n  SelectProps,\n  NativeSelect,\n  NativeSelectProps,\n} from '@saas-ui/select'\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 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   * 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   */\n  type?: string\n  /**\n   * The input placeholder\n   */\n  placeholder?: string\n}\n\nconst inputTypes: Record<string, React.FC<any>> = {}\n\nconst defaultInputType = 'text'\n\nconst getInput = (type: string) => {\n  return inputTypes[type] || inputTypes[defaultInputType]\n}\n\nconst getError = (name: string, formState: FormState<{ [x: string]: any }>) => {\n  return get(formState.errors, name)\n}\n\nconst isTouched = (\n  name: string,\n  formState: FormState<{ [x: string]: any }>\n) => {\n  return get(formState.touchedFields, name)\n}\n\nexport const BaseField: React.FC<FieldProps> = (props) => {\n  const { name, label, help, variant, hideLabel, children, ...controlProps } =\n    props\n\n  const { formState } = useFormContext()\n\n  const error = getError(name, formState)\n\n  return (\n    <FormControl variant={variant} {...controlProps} isInvalid={!!error}>\n      {label && !hideLabel ? (\n        <FormLabel variant={variant}>{label}</FormLabel>\n      ) : null}\n      <Box>\n        {children}\n        {help && !error?.message ? (\n          <FormHelperText>{help}</FormHelperText>\n        ) : null}\n        {error?.message && (\n          <FormErrorMessage>{error?.message}</FormErrorMessage>\n        )}\n      </Box>\n    </FormControl>\n  )\n}\n\nif (__DEV__) {\n  BaseField.displayName = 'BaseField'\n}\n\nexport type As<Props = any> = React.ElementType<Props>\n\nexport type PropsOf<T extends As> = React.ComponentPropsWithoutRef<T> & {\n  type?: FieldTypes\n}\n\n/**\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 */\nexport const Field = React.forwardRef(\n  <TFieldValues extends FieldValues = FieldValues>(\n    props: FieldProps<TFieldValues> | FieldTypeProps,\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    FieldTypeProps & {\n      ref?: React.ForwardedRef<FocusableElement>\n    }\n) => React.ReactElement) & {\n  displayName?: string\n}\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((props, ref) => {\n    const {\n      id,\n      name,\n      label,\n      help,\n      isDisabled,\n      isInvalid,\n      isReadOnly,\n      isRequired,\n      rules,\n      variant,\n      ...inputProps\n    } = props\n\n    const inputRules = {\n      required: isRequired,\n      ...rules,\n    }\n\n    return (\n      <BaseField\n        id={id}\n        name={name}\n        label={label}\n        help={help}\n        hideLabel={hideLabel}\n        isDisabled={isDisabled}\n        isInvalid={isInvalid}\n        isReadOnly={isReadOnly}\n        isRequired={isRequired}\n        variant={variant}\n      >\n        <InputComponent\n          ref={ref}\n          id={id}\n          name={name}\n          label={hideLabel ? label : undefined} // Only pass down the label when it should be inline.\n          rules={inputRules}\n          {...inputProps}\n        />\n      </BaseField>\n    )\n  })\n  Field.displayName = displayName\n\n  return Field\n}\n\nexport const withControlledInput = (InputComponent: React.FC<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: React.FC<any>) => {\n  return forwardRef<FieldProps, typeof InputComponent>(\n    ({ name, rules, ...inputProps }, ref) => {\n      const { register } = useFormContext()\n\n      const { ref: _ref, ...field } = register(name, rules)\n\n      return (\n        <InputComponent\n          {...field}\n          {...inputProps}\n          ref={useMergeRefs(ref, _ref)}\n        />\n      )\n    }\n  )\n}\n\nexport interface RegisterFieldTypeOptions {\n  isControlled?: boolean\n  hideLabel?: boolean\n  BaseField?: React.FC<any>\n}\n\n/**\n * Register a new field type\n * @param type The name for this field in kebab-case, eg `email` or `array-field`\n * @param component The React component\n * @param options\n * @param options.isControlled Set this to true if this is a controlled field.\n * @param options.hideLabel Hide the field label, for example for the checkbox field.\n */\nexport const registerFieldType = <T extends object>(\n  type: string,\n  component: React.FC<T>,\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  }) as React.FC<T & FieldProps>\n\n  inputTypes[type] = Field\n\n  return Field\n}\n\nexport interface InputFieldProps extends InputProps {\n  type?: string\n  leftAddon?: React.ReactNode\n  rightAddon?: React.ReactNode\n}\n\nexport const InputField = registerFieldType<InputFieldProps>(\n  'text',\n  forwardRef(({ type = 'text', leftAddon, rightAddon, size, ...rest }, ref) => {\n    const input = <Input type={type} size={size} {...rest} ref={ref} />\n    if (leftAddon || rightAddon) {\n      return (\n        <InputGroup size={size}>\n          {leftAddon}\n          {input}\n          {rightAddon}\n        </InputGroup>\n      )\n    }\n    return input\n  })\n)\n\nexport interface NumberInputFieldProps extends NumberInputProps {\n  type: 'number'\n}\n\nexport const NumberInputField = registerFieldType<NumberInputFieldProps>(\n  'number',\n  NumberInput,\n  {\n    isControlled: true,\n  }\n)\n\nexport const PasswordInputField = registerFieldType<PasswordInputProps>(\n  'password',\n  forwardRef((props, ref) => <PasswordInput ref={ref} {...props} />)\n)\n\nexport const TextareaField = registerFieldType<TextareaProps>(\n  'textarea',\n  Textarea\n)\n\nexport const SwitchField = registerFieldType<SwitchProps>(\n  'switch',\n  forwardRef(({ type, ...rest }, ref) => {\n    return <Switch {...rest} ref={ref} />\n  }),\n  {\n    isControlled: true,\n  }\n)\n\nexport const SelectField = registerFieldType<SelectProps>('select', Select, {\n  isControlled: true,\n})\n\nexport const CheckboxField = registerFieldType<CheckboxProps>(\n  'checkbox',\n  forwardRef(({ label, type, ...props }, ref) => {\n    return (\n      <Checkbox ref={ref} {...props}>\n        {label}\n      </Checkbox>\n    )\n  }),\n  {\n    hideLabel: true,\n  }\n)\n\nexport const RadioField = registerFieldType<RadioInputProps>(\n  'radio',\n  RadioInput,\n  {\n    isControlled: true,\n  }\n)\n\nexport const NativeSelectField = registerFieldType<NativeSelectProps>(\n  'native-select',\n  NativeSelect,\n  { isControlled: true }\n)\n\nexport interface PinFieldProps extends Omit<UsePinInputProps, 'type'> {\n  pinLength?: number\n  pinType?: 'alphanumeric' | 'number'\n  spacing?: SystemProps['margin']\n}\n\nexport const PinField = registerFieldType<PinFieldProps>(\n  'pin',\n  forwardRef((props, ref) => {\n    const { pinLength = 4, pinType, spacing, ...inputProps } = props\n\n    const inputs: React.ReactNode[] = []\n    for (let i = 0; i < pinLength; i++) {\n      inputs.push(<PinInputField key={i} ref={ref} />)\n    }\n\n    return (\n      <HStack spacing={spacing}>\n        <PinInput {...inputProps} type={pinType}>\n          {inputs}\n        </PinInput>\n      </HStack>\n    )\n  }),\n  {\n    isControlled: true,\n  }\n)\n\nconst fieldTypes = {\n  text: InputField,\n  email: InputField,\n  url: InputField,\n  phone: InputField,\n  number: NumberInputField,\n  password: PasswordInputField,\n  textarea: TextareaField,\n  switch: SwitchField,\n  checkbox: CheckboxField,\n  radio: RadioField,\n  pin: PinField,\n  select: SelectField,\n  'native-select': NativeSelectField,\n}\n\ntype FieldTypes = typeof fieldTypes\n\ntype FieldType<Props = any> = React.ElementType<Props>\n\ntype TypeProps<P extends FieldType, T> = React.ComponentPropsWithoutRef<P> & {\n  type: T\n}\n\ntype FieldTypeProps =\n  | {\n      [Property in keyof FieldTypes]: TypeProps<FieldTypes[Property], Property>\n    }[keyof FieldTypes]\n  | { type?: string }\n","import { FieldProps } from './field'\n\nimport { get } from '@chakra-ui/utils'\n\nexport type FieldResolver = {\n  getFields(): FieldProps[]\n  getNestedFields(name: string): FieldProps[]\n}\n\ninterface SchemaField extends FieldProps {\n  items?: SchemaField[]\n  properties?: Record<string, SchemaField>\n}\n\nexport type ObjectSchema = Record<string, SchemaField>\n\nconst mapFields = (schema: ObjectSchema): FieldProps[] =>\n  schema &&\n  Object.entries(schema).map(([name, { items, label, title, ...field }]) => {\n    return {\n      ...field,\n      name,\n      label: label || title, // json schema compatibility\n    }\n  })\n\nexport const objectFieldResolver = (schema: ObjectSchema): FieldResolver => {\n  const getFields = () => {\n    return mapFields(schema)\n  }\n  const getNestedFields = (name: string) => {\n    const field = get(schema, name)\n\n    if (!field) return []\n\n    if (field.items?.type === 'object') {\n      return mapFields(field.items.properties)\n    } else if (field.type === 'object') {\n      return mapFields(field.properties)\n    }\n    return [field.items]\n  }\n\n  return { getFields, getNestedFields }\n}\n","import * as React from 'react'\n\nimport { chakra, HTMLChakraProps, forwardRef } from '@chakra-ui/react'\nimport { cx, __DEV__ } from '@chakra-ui/utils'\n\nimport {\n  useForm,\n  FormProvider,\n  UseFormProps,\n  UseFormReturn,\n  FieldValues,\n  SubmitHandler,\n  SubmitErrorHandler,\n  UnpackNestedValue,\n  ResolverOptions,\n  ResolverResult,\n} from 'react-hook-form'\nimport { objectFieldResolver, FieldResolver } from './field-resolver'\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.RefObject<HTMLFormElement>\n}\n\n/**\n * @todo Figure out how to pass down FieldValues to all Field components,\n * if at all possible.\n */\nexport interface FormProps<TFieldValues extends FieldValues = FieldValues>\n  extends UseFormProps<TFieldValues>,\n    Omit<HTMLChakraProps<'form'>, 'onSubmit' | 'onError'>,\n    FormOptions<TFieldValues> {}\n\nexport const Form = forwardRef(\n  <TFieldValues extends FieldValues = FieldValues>(\n    props: FormProps<TFieldValues>,\n    ref: React.ForwardedRef<UseFormReturn<TFieldValues>>\n  ) => {\n    const {\n      mode = 'all',\n      resolver,\n      reValidateMode,\n      shouldFocusError,\n      shouldUnregister,\n      shouldUseNativeValidation,\n      criteriaMode,\n      delayError,\n      schema,\n      defaultValues,\n      onSubmit,\n      onError,\n      formRef,\n      children,\n      ...rest\n    } = props\n\n    const form = {\n      mode,\n      resolver,\n      defaultValues,\n      reValidateMode,\n      shouldFocusError,\n      shouldUnregister,\n      shouldUseNativeValidation,\n      criteriaMode,\n      delayError,\n    }\n\n    if (schema && !resolver) {\n      form.resolver = Form.getResolver?.(schema)\n    }\n\n    const methods = useForm<TFieldValues>(form)\n    const { handleSubmit } = methods\n\n    // This exposes the useForm api through the forwarded ref\n    React.useImperativeHandle(ref, () => methods, [ref, methods])\n\n    return (\n      <FormProvider {...methods}>\n        <chakra.form\n          ref={formRef}\n          onSubmit={handleSubmit(onSubmit, onError)}\n          {...rest}\n          className={cx('saas-form', props.className)}\n        >\n          {children}\n        </chakra.form>\n      </FormProvider>\n    )\n  }\n) as (<TFieldValues extends FieldValues>(\n  props: FormProps<TFieldValues> & {\n    ref?: React.ForwardedRef<UseFormReturn<TFieldValues>>\n  }\n) => React.ReactElement) & {\n  displayName?: string\n  getResolver?: GetResolver\n  getFieldResolver: GetFieldResolver\n}\n\nForm.getFieldResolver = objectFieldResolver\n\nif (__DEV__) {\n  Form.displayName = 'Form'\n}\n\nexport type GetResolver = (\n  schema: any\n) => <TFieldValues extends FieldValues, TContext>(\n  values: UnpackNestedValue<TFieldValues>,\n  context: TContext | undefined,\n  options: ResolverOptions<TFieldValues>\n) => Promise<ResolverResult<TFieldValues>>\n\nexport type GetFieldResolver = (schema: any) => FieldResolver\n","import * as React from 'react'\n\nimport { chakra, SimpleGrid, SimpleGridProps, useTheme } from '@chakra-ui/react'\nimport { cx, __DEV__ } from '@chakra-ui/utils'\n\nexport type FormLayoutProps = SimpleGridProps\n\ninterface FormLayoutItemProps {\n  children: React.ReactNode\n}\n\nconst FormLayoutItem: React.FC<FormLayoutItemProps> = ({ children }) => {\n  return <chakra.div>{children}</chakra.div>\n}\n\nif (__DEV__) {\n  FormLayoutItem.displayName = 'FormLayoutItem'\n}\n\n/**\n * FormLayout\n *\n * Renders form items in a `SimpleGrid`\n * @see https://chakra-ui.com/docs/layout/simple-grid\n */\nexport const FormLayout = ({ children, ...props }: FormLayoutProps) => {\n  const theme = useTheme()\n\n  const defaultProps = theme.components?.FormLayout?.defaultProps ?? {\n    spacing: 4,\n  }\n\n  const gridProps = {\n    ...defaultProps,\n    ...props,\n  }\n\n  return (\n    <SimpleGrid\n      {...gridProps}\n      className={cx('saas-form__layout', props.className)}\n    >\n      {React.Children.map(children, (child) => {\n        if (React.isValidElement(child)) {\n          return <FormLayoutItem>{child}</FormLayoutItem>\n        }\n        return child\n      })}\n    </SimpleGrid>\n  )\n}\n\nif (__DEV__) {\n  FormLayout.displayName = 'FormLayout'\n}\n","import * as React from 'react'\n\nexport const mapNestedFields = (name: string, children: React.ReactNode) => {\n  return React.Children.map(children, (child) => {\n    if (React.isValidElement(child) && child.props.name) {\n      return React.cloneElement(child, {\n        ...child.props,\n        name: `${name}.${child.props.name}`,\n      })\n    }\n    return child\n  })\n}\n","import * as React from 'react'\nimport {\n  useFieldArray,\n  useFormContext,\n  UseFieldArrayReturn,\n} from 'react-hook-form'\n\nimport { createContext } from '@chakra-ui/react-utils'\n\nexport interface UseArrayFieldReturn extends UseFieldArrayReturn {\n  /**\n   * The array field name\n   */\n  name: string\n  /**\n   * The default value for new items\n   */\n  defaultValue: Record<string, any>\n  /**\n   * Min amount of items\n   */\n  min?: number\n  /**\n   * Max amount of items\n   */\n  max?: number\n}\n\nexport const [ArrayFieldProvider, useArrayFieldContext] =\n  createContext<UseArrayFieldReturn>({\n    name: 'ArrayFieldContext',\n  })\n\nexport interface UseArrayFieldRowReturn {\n  /**\n   * Name of the array field including the index, eg 'field.0'\n   */\n  name: string\n  /**\n   * The field index\n   */\n  index: number\n  /**\n   * Remove this array item\n   */\n  remove: () => void\n  /**\n   * True if this is the first item\n   */\n  isFirst: boolean\n  /**\n   * True if this is the last item\n   */\n  isLast: boolean\n}\n\nexport const [ArrayFieldRowProvider, useArrayFieldRowContext] =\n  createContext<UseArrayFieldRowReturn>({\n    name: 'ArrayFieldRowContext',\n  })\n\nexport interface ArrayFieldOptions {\n  /**\n   * The field name\n   */\n  name: string\n  /**\n   * Default value for new values in the array\n   */\n  defaultValue?: Record<string, any>\n  /**\n   * Default key name for rows, change this if your data uses a different 'id' field\n   * @default \"id\"\n   */\n  keyName?: string\n  min?: number\n  max?: number\n}\n\nexport const useArrayField = ({\n  name,\n  defaultValue = {},\n  keyName,\n  min,\n  max,\n}: ArrayFieldOptions) => {\n  const { control } = useFormContext()\n  const context = useFieldArray({\n    control,\n    name,\n    keyName,\n  })\n\n  return {\n    ...context,\n    name,\n    defaultValue,\n    min,\n    max,\n  }\n}\n\nexport interface UseArrayFieldRowProps {\n  index: number\n}\n\nexport const useArrayFieldRow = ({ index }: UseArrayFieldRowProps) => {\n  const { clearErrors } = useFormContext()\n  const { name, remove, fields } = useArrayFieldContext()\n\n  React.useEffect(() => {\n    // reset errors, to make sure min/max errors reset correctly\n    clearErrors(name)\n  }, [])\n\n  return {\n    index,\n    isFirst: index === 0,\n    isLast: index === fields.length - 1,\n    name: `${name}.${index}`,\n    remove: React.useCallback(() => {\n      clearErrors(name)\n      remove(index)\n    }, [index]),\n  }\n}\n\nexport const useArrayFieldRemoveButton = () => {\n  const { isFirst, remove } = useArrayFieldRowContext()\n  const { min, fields } = useArrayFieldContext()\n\n  const isDisabled = isFirst && !!(min && fields.length <= min)\n\n  return {\n    onClick: () => remove(),\n    isDisabled,\n  }\n}\n\nexport const useArrayFieldAddButton = () => {\n  const { append, defaultValue, max, fields } = useArrayFieldContext()\n\n  const isDisabled = !!(max && fields.length >= max)\n\n  return {\n    onClick: () =>\n      append(defaultValue, {\n        shouldFocus: false,\n      }),\n    isDisabled,\n  }\n}\n","import * as React from 'react'\n\nimport { chakra, ResponsiveValue, forwardRef } from '@chakra-ui/system'\nimport { __DEV__ } from '@chakra-ui/utils'\nimport { AddIcon, MinusIcon } from '@chakra-ui/icons'\nimport { IconButton, ButtonProps } from '@saas-ui/button'\n\nimport { FormLayout, FormLayoutProps } 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 extends FormLayoutProps {\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   * The fields\n   */\n  children: React.ReactNode\n}\n\nexport const ArrayFieldRow: React.FC<ArrayFieldRowProps> = ({\n  children,\n  index,\n  ...rowFieldsProps\n}) => {\n  return (\n    <ArrayFieldRowContainer index={index}>\n      <ArrayFieldRowFields {...rowFieldsProps}>{children}</ArrayFieldRowFields>\n      <ArrayFieldRemoveButton />\n    </ArrayFieldRowContainer>\n  )\n}\n\nif (__DEV__) {\n  ArrayFieldRow.displayName = 'ArrayFieldRow'\n}\n\nexport interface ArrayFieldRowFieldsProps extends FormLayoutProps {\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 fields\n   */\n  children: React.ReactNode\n}\n\nexport const ArrayFieldRowFields: React.FC<ArrayFieldRowFieldsProps> = ({\n  children,\n  ...layoutProps\n}) => {\n  const { name } = useArrayFieldRowContext()\n  return (\n    <FormLayout flex=\"1\" mr=\"2\" {...layoutProps}>\n      {mapNestedFields(name, children)}\n    </FormLayout>\n  )\n}\n\nif (__DEV__) {\n  ArrayFieldRowFields.displayName = 'ArrayFieldRowFields'\n}\n\nexport const ArrayFieldRowContainer: React.FC<ArrayFieldRowProps> = ({\n  children,\n  index,\n}) => {\n  const context = useArrayFieldRow({ index })\n\n  const styles = {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'flex-end',\n    width: '100%',\n    mb: 4,\n  }\n\n  return (\n    <ArrayFieldRowProvider value={context}>\n      <chakra.div __css={styles}>{children}</chakra.div>\n    </ArrayFieldRowProvider>\n  )\n}\n\nif (__DEV__) {\n  ArrayFieldRowContainer.displayName = 'ArrayFieldRowContainer'\n}\n\nexport const ArrayFieldRemoveButton: React.FC<ButtonProps> = (props) => {\n  return (\n    <IconButton\n      icon={<MinusIcon />}\n      aria-label=\"Remove row\"\n      {...useArrayFieldRemoveButton()}\n      {...props}\n    />\n  )\n}\n\nif (__DEV__) {\n  ArrayFieldRemoveButton.displayName = 'ArrayFieldRemoveButton'\n}\n\nexport const ArrayFieldAddButton: React.FC<ButtonProps> = (props) => {\n  return (\n    <IconButton\n      icon={<AddIcon />}\n      aria-label=\"Add row\"\n      float=\"right\"\n      {...useArrayFieldAddButton()}\n      {...props}\n    />\n  )\n}\n\nif (__DEV__) {\n  ArrayFieldAddButton.displayName = 'ArrayFieldAddButton'\n}\n\nexport interface ArrayFieldProps\n  extends ArrayFieldOptions,\n    Omit<FieldProps, 'defaultValue'> {}\n\nexport const ArrayField = 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) as ((\n  props: ArrayFieldProps & {\n    ref?: React.ForwardedRef<UseArrayFieldReturn>\n  }\n) => React.ReactElement) & {\n  displayName: string\n}\n\nif (__DEV__) {\n  ArrayField.displayName = 'ArrayField'\n}\n\nexport interface ArrayFieldRowsProps {\n  children: (fields: ArrayField[]) => React.ReactElement | null\n}\n\nexport const ArrayFieldRows = ({\n  children,\n}: ArrayFieldRowsProps): React.ReactElement | null => {\n  const { fields } = useArrayFieldContext()\n  return children(fields)\n}\n\nif (__DEV__) {\n  ArrayFieldRows.displayName = 'ArrayFieldRows'\n}\n\nexport const ArrayFieldContainer = React.forwardRef(\n  (\n    {\n      name,\n      defaultValue,\n      keyName,\n      min,\n      max,\n      children,\n      ...fieldProps\n    }: ArrayFieldProps,\n    ref: React.ForwardedRef<UseArrayFieldReturn>\n  ) => {\n    const context = useArrayField({\n      name,\n      defaultValue,\n      keyName,\n      min,\n      max,\n    })\n\n    // This exposes the useArrayField api through the forwarded ref\n    React.useImperativeHandle(ref, () => context, [ref, context])\n\n    return (\n      <ArrayFieldProvider value={context}>\n        <BaseField name={name} {...fieldProps}>\n          {children}\n        </BaseField>\n      </ArrayFieldProvider>\n    )\n  }\n)\n\nif (__DEV__) {\n  ArrayFieldContainer.displayName = 'ArrayFieldContainer'\n}\n","import * as React from 'react'\nimport {\n  FormControl,\n  FormLabel,\n  FormLabelProps,\n  ResponsiveValue,\n  useStyleConfig,\n} from '@chakra-ui/react'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nimport { FormLayout } from './layout'\nimport { FieldProps } from './field'\n\nimport { mapNestedFields } from './utils'\n\nexport interface ObjectFieldProps extends FieldProps {\n  name: string\n  children: React.ReactNode\n  columns?: ResponsiveValue<number>\n  spacing?: ResponsiveValue<string | number>\n}\n\nexport const FormLegend = (props: FormLabelProps) => {\n  const styles = useStyleConfig('FormLegend')\n  return <FormLabel as=\"legend\" sx={styles} {...props} />\n}\n\nexport const ObjectField: React.FC<ObjectFieldProps> = (props) => {\n  const { name, label, hideLabel, children, columns, spacing, ...fieldProps } =\n    props\n\n  return (\n    <FormControl name={name} as=\"fieldset\" {...fieldProps}>\n      <FormLegend display={hideLabel ? 'none' : 'block'}>{label}</FormLegend>\n      <FormLayout columns={columns} gridGap={spacing}>\n        {mapNestedFields(name, children)}\n      </FormLayout>\n    </FormControl>\n  )\n}\n\nif (__DEV__) {\n  ObjectField.displayName = 'ObjectField'\n}\n","import * as React from 'react'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nimport { Form } from './form'\nimport { FormLayout } from './layout'\nimport { Field, FieldProps } from './field'\n\nimport { ArrayField } from './array-field'\nimport { ObjectField } from './object-field'\nimport { FieldResolver } from './field-resolver'\nimport { useFormContext } from 'react-hook-form'\n\nexport interface FieldsProps {\n  schema: any\n  fieldResolver?: FieldResolver\n  focusFirstField?: boolean\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  focusFirstField,\n  ...props\n}) => {\n  const resolver = React.useMemo(\n    () => fieldResolver || Form.getFieldResolver(schema),\n    [schema, fieldResolver]\n  )\n\n  const fields = React.useMemo(() => resolver.getFields(), [resolver])\n\n  const form = useFormContext()\n\n  React.useEffect(() => {\n    if (focusFirstField && fields[0]?.name) {\n      form.setFocus(fields[0].name)\n    }\n  }, [schema, fieldResolver, focusFirstField])\n\n  return (\n    <FormLayout {...props}>\n      {fields.map(\n        ({\n          name,\n          type,\n          defaultValue,\n          ...fieldProps\n        }: FieldProps): React.ReactNode => {\n          if (type === 'array') {\n            return (\n              <ArrayField key={name} name={name} {...fieldProps}>\n                {mapNestedFields(resolver, name)}\n              </ArrayField>\n            )\n          } else if (type === 'object') {\n            return (\n              <ObjectField key={name} name={name} {...fieldProps}>\n                {mapNestedFields(resolver, name)}\n              </ObjectField>\n            )\n          }\n\n          return <Field key={name} name={name} type={type} {...fieldProps} />\n        }\n      )}\n    </FormLayout>\n  )\n}\n\nif (__DEV__) {\n  Fields.displayName = 'Fields'\n}\n","import * as React from 'react'\n\nimport { useFormContext } from 'react-hook-form'\n\nimport { Button, ButtonProps } from '@saas-ui/button'\n\nimport { __DEV__ } from '@chakra-ui/utils'\n\nexport interface SubmitButtonProps extends ButtonProps {\n  /**\n   * Disable the submit button if the form is untouched.\n   *\n   * Change the default behavior by updating\n   * `SubmitButton.defaultProps.disableIfUntouched`\n   */\n  disableIfUntouched?: boolean\n  /**\n   * Disable the submit button if the form is invalid.\n   *\n   * Change the default behavior by updating\n   * `SubmitButton.defaultProps.disableIfInvalid`\n   */\n  disableIfInvalid?: boolean\n}\n\nexport const SubmitButton = React.forwardRef<\n  HTMLButtonElement,\n  SubmitButtonProps\n>((props, ref) => {\n  const {\n    children,\n    disableIfUntouched,\n    disableIfInvalid,\n    isDisabled: isDisabledProp,\n    isLoading,\n    ...rest\n  } = props\n  const { formState } = useFormContext()\n\n  const isDisabled =\n    (disableIfUntouched && !formState.isDirty) ||\n    (disableIfInvalid && !formState.isValid) ||\n    isDisabledProp\n\n  return (\n    <Button\n      {...rest}\n      ref={ref}\n      variant=\"primary\"\n      type=\"submit\"\n      isLoading={formState.isSubmitting || isLoading}\n      isDisabled={isDisabled}\n    >\n      {children}\n    </Button>\n  )\n})\n\nSubmitButton.defaultProps = {\n  label: 'Submit',\n  disableIfUntouched: false,\n  disableIfInvalid: false,\n}\n\nif (__DEV__) {\n  SubmitButton.displayName = 'SubmitButton'\n}\n","import * as React from 'react'\nimport { FieldValues, UseFormReturn } from 'react-hook-form'\nimport { forwardRef } from '@chakra-ui/react'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nimport { Form, FormProps } from './form'\nimport { FormLayout } from './layout'\nimport { Fields } from './fields'\nimport { SubmitButton } from './submit-button'\nimport { FieldResolver } from '.'\n\ninterface AutoFormOptions {\n  /**\n   * The submit button label.\n   * Pass `null` to render no submit button.\n   */\n  submitLabel?: React.ReactNode\n  /**\n   * The schema.\n   * Supports object schema, Yup or Zod.\n   * @see https://www.saas-ui.dev/docs/forms/auto-form\n   */\n  schema: any\n  /**\n   * The field resolver.\n   */\n  fieldResolver?: any\n}\n\nexport interface AutoFormProps<TFieldValues extends FieldValues>\n  extends Omit<FormProps<TFieldValues>, 'schema'>,\n    AutoFormOptions {}\n\nexport const AutoForm = forwardRef(\n  <TFieldValues extends FieldValues = FieldValues>(\n    props: AutoFormProps<TFieldValues>,\n    ref: React.ForwardedRef<UseFormReturn<TFieldValues>>\n  ) => {\n    const {\n      schema,\n      submitLabel = 'Submit',\n      fieldResolver,\n      children,\n      ...rest\n    } = props\n\n    return (\n      <Form {...rest} schema={schema} ref={ref}>\n        <FormLayout>\n          {<Fields schema={schema} fieldResolver={fieldResolver} />}\n          {submitLabel && <SubmitButton>{submitLabel}</SubmitButton>}\n          {children}\n        </FormLayout>\n      </Form>\n    )\n  }\n) as (<TFieldValues extends FieldValues>(\n  props: AutoFormProps<TFieldValues> & {\n    ref?: React.ForwardedRef<UseFormReturn<TFieldValues>>\n  }\n) => React.ReactElement) & {\n  displayName?: string\n  getFieldResolver?: (schema: any) => FieldResolver\n}\n\nif (__DEV__) {\n  AutoForm.displayName = 'AutoForm'\n}\n","import * as React from 'react'\nimport { __DEV__ } from '@chakra-ui/utils'\nimport {\n  useFormContext,\n  useWatch,\n  FieldValues,\n  UseFormReturn,\n} from 'react-hook-form'\n\nexport interface DisplayIfProps<TFieldValues> {\n  children: React.ReactElement\n  name: string\n  defaultValue?: unknown\n  isDisabled?: boolean\n  isExact?: boolean\n  condition?: (value: unknown, context: UseFormReturn<TFieldValues>) => boolean\n}\n\nexport const DisplayIf = <TFieldValues extends FieldValues = FieldValues>({\n  children,\n  name,\n  defaultValue,\n  isDisabled,\n  isExact,\n  condition = (value) => !!value,\n}: DisplayIfProps<TFieldValues>) => {\n  const value = useWatch({\n    name,\n    defaultValue,\n    disabled: isDisabled,\n    exact: isExact,\n  })\n  const context = useFormContext<TFieldValues>()\n  return condition(value, context) ? children : null\n}\n\nif (__DEV__) {\n  DisplayIf.displayName = 'DisplayIf'\n}\n","import * as React from 'react'\nimport { FieldValues, SubmitHandler, UnpackNestedValue } from 'react-hook-form'\nimport { createContext, MaybeRenderProp } 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  onSubmit?: FormStepSubmitHandler\n}\n\nexport type FormStepSubmitHandler<\n  TFieldValues extends FieldValues = FieldValues\n> = (\n  data: UnpackNestedValue<TFieldValues>,\n  stepper: UseStepperReturn\n) => Promise<void>\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 Omit<UseStepperProps, 'onChange'>,\n    Omit<FormProps<TFieldValues>, 'children'> {\n  children: MaybeRenderProp<UseStepFormReturn<TFieldValues>>\n}\n\nexport interface UseStepFormReturn<\n  TFieldValues extends FieldValues = FieldValues\n> extends UseStepperReturn {\n  getFormProps(): {\n    onSubmit: SubmitHandler<TFieldValues>\n    schema?: any\n    resolver?: any\n  }\n  updateStep(step: any): void\n  steps: Record<string, any>\n}\n\nexport function useStepForm<TFieldValues extends FieldValues = FieldValues>(\n  props: UseStepFormProps<TFieldValues>\n): UseStepFormReturn<TFieldValues> {\n  const { onChange, ...rest } = props\n  const stepper = useStepper(rest)\n\n  const { activeStep, isLastStep, nextStep } = stepper\n\n  const [steps, updateSteps] = React.useState<Record<string, StepState>>({})\n\n  const onSubmitStep: SubmitHandler<TFieldValues> = React.useCallback(\n    async (data) => {\n      const step = steps[activeStep]\n\n      if (isLastStep) {\n        return props\n          .onSubmit?.(data)\n          .then(() => {\n            updateStep({\n              ...step,\n              isCompleted: true,\n            })\n          })\n          .then(nextStep) // Show completed step\n      }\n\n      try {\n        await step.onSubmit?.(data, stepper)\n\n        nextStep()\n      } catch (e) {\n        // Step submission failed.\n      }\n    },\n    [steps, activeStep, isLastStep]\n  )\n\n  const getFormProps = React.useCallback(() => {\n    const step = steps[activeStep]\n    return {\n      onSubmit: onSubmitStep,\n      schema: step?.schema,\n      resolver: step?.resolver,\n    }\n  }, [steps, onSubmitStep, activeStep])\n\n  const updateStep = React.useCallback(\n    (step: StepState) => {\n      updateSteps((steps) => {\n        return {\n          ...steps,\n          [step.name]: step,\n        }\n      })\n    },\n    [steps]\n  )\n\n  return {\n    getFormProps,\n    updateStep,\n    steps,\n    ...stepper,\n  }\n}\n\nexport interface UseFormStepProps {\n  name: string\n  schema?: any\n  resolver?: any\n  onSubmit?: FormStepSubmitHandler\n}\n\nexport function useFormStep(props: UseFormStepProps): StepState {\n  const { name, schema, resolver, onSubmit } = props\n  const step = useStep({ name })\n\n  const { steps, updateStep } = useStepFormContext()\n\n  React.useEffect(() => {\n    updateStep({ name, schema, resolver, onSubmit })\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 { chakra, HTMLChakraProps } 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  StepperContainer,\n} from '@saas-ui/stepper'\nimport { Button, ButtonProps } from '@saas-ui/button'\n\nimport { Form } from './form'\nimport { SubmitButton } from './submit-button'\n\nimport {\n  useStepForm,\n  useFormStep,\n  StepFormProvider,\n  UseStepFormProps,\n  FormStepSubmitHandler,\n} from './use-step-form'\n\nexport interface StepFormProps<TFieldValues extends FieldValues = FieldValues>\n  extends UseStepFormProps<TFieldValues> {}\n\nexport const StepForm = React.forwardRef(\n  <TFieldValues extends FieldValues = FieldValues>(\n    props: StepFormProps<TFieldValues>,\n    ref: React.ForwardedRef<UseFormReturn<TFieldValues>>\n  ) => {\n    const { children, ...rest } = props\n\n    const stepper = useStepForm<TFieldValues>(props)\n\n    const { getFormProps, ...ctx } = stepper\n\n    const context = React.useMemo(() => ctx, [ctx])\n\n    return (\n      <StepperProvider value={context}>\n        <StepFormProvider value={context}>\n          <Form ref={ref} {...rest} {...getFormProps()}>\n            {runIfFn(children, stepper)}\n          </Form>\n        </StepFormProvider>\n      </StepperProvider>\n    )\n  }\n) as <TFieldValues extends FieldValues>(\n  props: StepFormProps<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 { activeIndex, setIndex } = useStepperContext()\n\n  const { children, orientation } = 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  const onChange = React.useCallback((i: number) => {\n    setIndex(i)\n  }, [])\n\n  return (\n    <StepperContainer\n      orientation={orientation}\n      step={activeIndex}\n      onChange={onChange}\n    >\n      <StepperSteps mb=\"4\" {...props}>\n        {elements}\n      </StepperSteps>\n    </StepperContainer>\n  )\n}\n\nexport interface FormStepProps\n  extends FormStepOptions,\n    Omit<HTMLChakraProps<'div'>, 'onSubmit'> {\n  onSubmit?: FormStepSubmitHandler\n}\n\nexport const FormStep: React.FC<FormStepProps> = (props) => {\n  const { name, schema, resolver, children, className, onSubmit, ...rest } =\n    props\n  const step = useFormStep({ name, schema, resolver, onSubmit })\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      {...rest}\n      isDisabled={isCompleted}\n      className={cx('saas-form__next-button', props.className)}\n    >\n      {isLastStep || isCompleted ? submitLabel : label}\n    </SubmitButton>\n  )\n}\n\nif (__DEV__) {\n  NextButton.displayName = 'NextButton'\n}\n"],"names":["_excluded","DisplayField","_ref","name","label","props","React","createElement","FormControl","FormLabel","htmlFor","Text","fontSize","FormValue","__DEV__","displayName","_ref2","getValues","useFormContext","_excluded2","_excluded3","_excluded4","_excluded5","_excluded6","_excluded7","_excluded8","_excluded9","_excluded10","inputTypes","help","variant","hideLabel","children","controlProps","formState","get","errors","getError","_extends","isInvalid","error","Box","message","FormHelperText","FormErrorMessage","BaseField","Field","forwardRef","ref","_props$type","type","defaultInputType","withControlledInput","InputComponent","rules","_ref3","inputProps","_objectWithoutPropertiesLoose","_useFormContext2","Controller","control","render","field","_ref4$field","useMergeRefs","withUncontrolledInput","_ref5","_register","register","component","options","id","isDisabled","isReadOnly","isRequired","inputRules","required","undefined","createField","isControlled","split","map","part","charAt","toUpperCase","slice","join","registerFieldType","_ref6","_ref6$type","leftAddon","rightAddon","size","rest","input","Input","InputGroup","NumberInputField","NumberInput","PasswordInputField","PasswordInput","Textarea","SwitchField","_ref7","Switch","SelectField","Select","CheckboxField","_ref8","Checkbox","RadioField","RadioInput","NativeSelectField","NativeSelect","pinLength","_props$pinLength","pinType","spacing","inputs","i","push","PinInputField","key","HStack","PinInput","schema","Object","entries","title","_ref$","objectFieldResolver","getFields","getNestedFields","_field$items","items","mapFields","properties","Form","mode","_props$mode","resolver","reValidateMode","shouldFocusError","shouldUnregister","shouldUseNativeValidation","criteriaMode","delayError","defaultValues","onSubmit","onError","formRef","form","getResolver","methods","useForm","handleSubmit","useImperativeHandle","FormProvider","chakra","className","cx","getFieldResolver","FormLayoutItem","div","FormLayout","_theme$components$For","_theme$components","_theme$components$For2","gridProps","theme","useTheme","components","defaultProps","SimpleGrid","Children","child","isValidElement","mapNestedFields","cloneElement","createContext","ArrayFieldProvider","useArrayFieldContext","_createContext","ArrayFieldRowProvider","useArrayFieldRowContext","useArrayField","_ref$defaultValue","defaultValue","keyName","min","max","context","useFieldArray","useArrayFieldRow","index","clearErrors","_useArrayFieldContext","remove","fields","useEffect","isFirst","isLast","length","useCallback","useArrayFieldRemoveButton","_useArrayFieldRowCont","_useArrayFieldContext2","onClick","append","_useArrayFieldContext3","shouldFocus","ArrayFieldRow","rowFieldsProps","ArrayFieldRowContainer","ArrayFieldRowFields","ArrayFieldRemoveButton","layoutProps","flex","mr","value","__css","display","flexDirection","alignItems","width","mb","IconButton","icon","MinusIcon","ArrayFieldAddButton","AddIcon","float","useArrayFieldAddButton","ArrayField","containerProps","ArrayFieldContainer","ArrayFieldRows","Fragment","_ref4","fieldProps","FormLegend","styles","useStyleConfig","as","sx","columns","gridGap","ObjectField","_resolver$getNestedFi","nestedFieldProps","Fields","fieldResolver","focusFirstField","useMemo","_fields$","setFocus","SubmitButton","disableIfUntouched","disableIfInvalid","isDisabledProp","isLoading","Button","isSubmitting","isDirty","isValid","AutoForm","submitLabel","_props$submitLabel","DisplayIf","condition","_ref$condition","useWatch","disabled","exact","isExact","errorMessage","StepFormProvider","useStepFormContext","onChange","stepper","useStepper","activeStep","isLastStep","nextStep","_React$useState","useState","steps","updateSteps","onSubmitStep","data","step","Promise","resolve","then","updateStep","isCompleted","_temp2","_catch","e","reject","getFormProps","_extends2","useStep","_useStepFormContext","useStepForm","ctx","StepperProvider","runIfFn","FormStep","useFormStep","isActive","PrevButton","_useStepperContext2","useStepperContext","prevStep","isFirstStep","callAllHandlers","NextButton","_props$label","_useStepperContext3","_useStepperContext","activeIndex","setIndex","orientation","elements","StepperStep","StepperContainer","StepperSteps"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/display-field.tsx","../src/field.tsx","../src/field-resolver.ts","../src/form.tsx","../src/layout.tsx","../src/utils.ts","../src/use-array-field.tsx","../src/array-field.tsx","../src/object-field.tsx","../src/fields.tsx","../src/submit-button.tsx","../src/auto-form.tsx","../src/display-if.tsx","../src/use-step-form.tsx","../src/step-form.tsx"],"sourcesContent":["import * as React from 'react'\nimport { __DEV__ } from '@chakra-ui/utils'\nimport { useFormContext } from 'react-hook-form'\n\nimport {\n  Text,\n  FormControl,\n  FormControlProps,\n  FormLabel,\n} from '@chakra-ui/react'\n\nimport { FieldProps } from './field'\n\nexport interface DisplayFieldProps\n  extends FormControlProps,\n    Omit<FieldProps, 'type' | 'label'> {}\n\nexport const DisplayField: React.FC<DisplayFieldProps> = ({\n  name,\n  label,\n  placeholder,\n  ...props\n}) => {\n  return (\n    <FormControl {...props}>\n      {label ? <FormLabel htmlFor={name}>{label}</FormLabel> : null}\n      <Text fontSize=\"md\">\n        <FormValue name={name} />\n      </Text>\n    </FormControl>\n  )\n}\n\nif (__DEV__) {\n  DisplayField.displayName = 'DisplayField'\n}\n\nexport const FormValue: React.FC<{ name: string }> = ({ name }) => {\n  const { getValues } = useFormContext()\n  return getValues(name) || null\n}\n\nif (__DEV__) {\n  FormValue.displayName = 'FormValue'\n}\n","import * as React from 'react'\nimport {\n  useFormContext,\n  FormState,\n  Controller,\n  get,\n  RegisterOptions,\n  FieldValues,\n  FieldPath,\n} from 'react-hook-form'\n\nimport {\n  forwardRef,\n  Box,\n  FormControl,\n  FormControlProps,\n  FormLabel,\n  FormHelperText,\n  FormErrorMessage,\n  Input,\n  Textarea,\n  Checkbox,\n  Switch,\n  useMergeRefs,\n  InputGroup,\n  InputProps,\n  TextareaProps,\n  SwitchProps,\n  CheckboxProps,\n  PinInputField,\n  HStack,\n  PinInput,\n  UsePinInputProps,\n  SystemProps,\n} from '@chakra-ui/react'\nimport { __DEV__, FocusableElement } from '@chakra-ui/utils'\n\nimport { NumberInput, NumberInputProps } from '@saas-ui/number-input'\nimport { PasswordInput, PasswordInputProps } from '@saas-ui/password-input'\nimport { RadioInput, RadioInputProps } from '@saas-ui/radio'\n\nimport {\n  Select,\n  SelectProps,\n  NativeSelect,\n  NativeSelectProps,\n} from '@saas-ui/select'\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 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   * 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   */\n  type?: string\n  /**\n   * The input placeholder\n   */\n  placeholder?: string\n}\n\nconst inputTypes: Record<string, React.FC<any>> = {}\n\nconst defaultInputType = 'text'\n\nconst getInput = (type: string) => {\n  return inputTypes[type] || inputTypes[defaultInputType]\n}\n\nconst getError = (name: string, formState: FormState<{ [x: string]: any }>) => {\n  return get(formState.errors, name)\n}\n\nconst isTouched = (\n  name: string,\n  formState: FormState<{ [x: string]: any }>\n) => {\n  return get(formState.touchedFields, name)\n}\n\nexport const BaseField: React.FC<FieldProps> = (props) => {\n  const { name, label, help, variant, hideLabel, children, ...controlProps } =\n    props\n\n  const { formState } = useFormContext()\n\n  const error = getError(name, formState)\n\n  return (\n    <FormControl variant={variant} {...controlProps} isInvalid={!!error}>\n      {label && !hideLabel ? (\n        <FormLabel variant={variant}>{label}</FormLabel>\n      ) : null}\n      <Box>\n        {children}\n        {help && !error?.message ? (\n          <FormHelperText>{help}</FormHelperText>\n        ) : null}\n        {error?.message && (\n          <FormErrorMessage>{error?.message}</FormErrorMessage>\n        )}\n      </Box>\n    </FormControl>\n  )\n}\n\nif (__DEV__) {\n  BaseField.displayName = 'BaseField'\n}\n\nexport type As<Props = any> = React.ElementType<Props>\n\nexport type PropsOf<T extends As> = React.ComponentPropsWithoutRef<T> & {\n  type?: FieldTypes\n}\n\n/**\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 */\nexport const Field = React.forwardRef(\n  <TFieldValues extends FieldValues = FieldValues>(\n    props: FieldProps<TFieldValues> | FieldTypeProps,\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    FieldTypeProps & {\n      ref?: React.ForwardedRef<FocusableElement>\n    }\n) => React.ReactElement) & {\n  displayName?: string\n}\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((props, ref) => {\n    const {\n      id,\n      name,\n      label,\n      help,\n      isDisabled,\n      isInvalid,\n      isReadOnly,\n      isRequired,\n      rules,\n      variant,\n      ...inputProps\n    } = props\n\n    const inputRules = {\n      required: isRequired,\n      ...rules,\n    }\n\n    return (\n      <BaseField\n        id={id}\n        name={name}\n        label={label}\n        help={help}\n        hideLabel={hideLabel}\n        isDisabled={isDisabled}\n        isInvalid={isInvalid}\n        isReadOnly={isReadOnly}\n        isRequired={isRequired}\n        variant={variant}\n      >\n        <InputComponent\n          ref={ref}\n          id={id}\n          name={name}\n          label={hideLabel ? label : undefined} // Only pass down the label when it should be inline.\n          rules={inputRules}\n          {...inputProps}\n        />\n      </BaseField>\n    )\n  })\n  Field.displayName = displayName\n\n  return Field\n}\n\nexport const withControlledInput = (InputComponent: React.FC<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: React.FC<any>) => {\n  return forwardRef<FieldProps, typeof InputComponent>(\n    ({ name, rules, ...inputProps }, ref) => {\n      const { register } = useFormContext()\n\n      const { ref: _ref, ...field } = register(name, rules)\n\n      return (\n        <InputComponent\n          {...field}\n          {...inputProps}\n          ref={useMergeRefs(ref, _ref)}\n        />\n      )\n    }\n  )\n}\n\nexport interface RegisterFieldTypeOptions {\n  isControlled?: boolean\n  hideLabel?: boolean\n  BaseField?: React.FC<any>\n}\n\n/**\n * Register a new field type\n * @param type The name for this field in kebab-case, eg `email` or `array-field`\n * @param component The React component\n * @param options\n * @param options.isControlled Set this to true if this is a controlled field.\n * @param options.hideLabel Hide the field label, for example for the checkbox field.\n */\nexport const registerFieldType = <T extends object>(\n  type: string,\n  component: React.FC<T>,\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  }) as React.FC<T & FieldProps>\n\n  inputTypes[type] = Field\n\n  return Field\n}\n\nexport interface InputFieldProps extends InputProps {\n  type?: string\n  leftAddon?: React.ReactNode\n  rightAddon?: React.ReactNode\n}\n\nexport const InputField = registerFieldType<InputFieldProps>(\n  'text',\n  forwardRef(({ type = 'text', leftAddon, rightAddon, size, ...rest }, ref) => {\n    const input = <Input type={type} size={size} {...rest} ref={ref} />\n    if (leftAddon || rightAddon) {\n      return (\n        <InputGroup size={size}>\n          {leftAddon}\n          {input}\n          {rightAddon}\n        </InputGroup>\n      )\n    }\n    return input\n  })\n)\n\nexport interface NumberInputFieldProps extends NumberInputProps {\n  type: 'number'\n}\n\nexport const NumberInputField = registerFieldType<NumberInputFieldProps>(\n  'number',\n  NumberInput,\n  {\n    isControlled: true,\n  }\n)\n\nexport const PasswordInputField = registerFieldType<PasswordInputProps>(\n  'password',\n  forwardRef((props, ref) => <PasswordInput ref={ref} {...props} />)\n)\n\nexport const TextareaField = registerFieldType<TextareaProps>(\n  'textarea',\n  Textarea\n)\n\nexport const SwitchField = registerFieldType<SwitchProps>(\n  'switch',\n  forwardRef(({ type, ...rest }, ref) => {\n    return <Switch {...rest} ref={ref} />\n  }),\n  {\n    isControlled: true,\n  }\n)\n\nexport const SelectField = registerFieldType<SelectProps>('select', Select, {\n  isControlled: true,\n})\n\nexport const CheckboxField = registerFieldType<CheckboxProps>(\n  'checkbox',\n  forwardRef(({ label, type, ...props }, ref) => {\n    return (\n      <Checkbox ref={ref} {...props}>\n        {label}\n      </Checkbox>\n    )\n  }),\n  {\n    hideLabel: true,\n  }\n)\n\nexport const RadioField = registerFieldType<RadioInputProps>(\n  'radio',\n  RadioInput,\n  {\n    isControlled: true,\n  }\n)\n\nexport const NativeSelectField = registerFieldType<NativeSelectProps>(\n  'native-select',\n  NativeSelect,\n  { isControlled: true }\n)\n\nexport interface PinFieldProps extends Omit<UsePinInputProps, 'type'> {\n  pinLength?: number\n  pinType?: 'alphanumeric' | 'number'\n  spacing?: SystemProps['margin']\n}\n\nexport const PinField = registerFieldType<PinFieldProps>(\n  'pin',\n  forwardRef((props, ref) => {\n    const { pinLength = 4, pinType, spacing, ...inputProps } = props\n\n    const inputs: React.ReactNode[] = []\n    for (let i = 0; i < pinLength; i++) {\n      inputs.push(<PinInputField key={i} ref={ref} />)\n    }\n\n    return (\n      <HStack spacing={spacing}>\n        <PinInput {...inputProps} type={pinType}>\n          {inputs}\n        </PinInput>\n      </HStack>\n    )\n  }),\n  {\n    isControlled: true,\n  }\n)\n\nconst fieldTypes = {\n  text: InputField,\n  email: InputField,\n  url: InputField,\n  phone: InputField,\n  number: NumberInputField,\n  password: PasswordInputField,\n  textarea: TextareaField,\n  switch: SwitchField,\n  checkbox: CheckboxField,\n  radio: RadioField,\n  pin: PinField,\n  select: SelectField,\n  'native-select': NativeSelectField,\n}\n\ntype FieldTypes = typeof fieldTypes\n\ntype FieldType<Props = any> = React.ElementType<Props>\n\ntype TypeProps<P extends FieldType, T> = React.ComponentPropsWithoutRef<P> & {\n  type: T\n}\n\ntype FieldTypeProps =\n  | {\n      [Property in keyof FieldTypes]: TypeProps<FieldTypes[Property], Property>\n    }[keyof FieldTypes]\n  | { type?: string }\n","import { FieldProps } from './field'\n\nimport { get } from '@chakra-ui/utils'\n\nexport type FieldResolver = {\n  getFields(): FieldProps[]\n  getNestedFields(name: string): FieldProps[]\n}\n\ninterface SchemaField extends FieldProps {\n  items?: SchemaField[]\n  properties?: Record<string, SchemaField>\n}\n\nexport type ObjectSchema = Record<string, SchemaField>\n\nconst mapFields = (schema: ObjectSchema): FieldProps[] =>\n  schema &&\n  Object.entries(schema).map(([name, { items, label, title, ...field }]) => {\n    return {\n      ...field,\n      name,\n      label: label || title, // json schema compatibility\n    }\n  })\n\nexport const objectFieldResolver = (schema: ObjectSchema): FieldResolver => {\n  const getFields = () => {\n    return mapFields(schema)\n  }\n  const getNestedFields = (name: string) => {\n    const field = get(schema, name)\n\n    if (!field) return []\n\n    if (field.items?.type === 'object') {\n      return mapFields(field.items.properties)\n    } else if (field.type === 'object') {\n      return mapFields(field.properties)\n    }\n    return [field.items]\n  }\n\n  return { getFields, getNestedFields }\n}\n","import * as React from 'react'\n\nimport { chakra, HTMLChakraProps, forwardRef } from '@chakra-ui/react'\nimport { cx, __DEV__ } from '@chakra-ui/utils'\n\nimport {\n  useForm,\n  FormProvider,\n  UseFormProps,\n  UseFormReturn,\n  FieldValues,\n  SubmitHandler,\n  SubmitErrorHandler,\n  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.RefObject<HTMLFormElement>\n}\n\n/**\n * @todo Figure out how to pass down FieldValues to all Field components,\n * if at all possible.\n */\nexport interface FormProps<TFieldValues extends FieldValues = FieldValues>\n  extends UseFormProps<TFieldValues>,\n    Omit<HTMLChakraProps<'form'>, 'onSubmit' | 'onError'>,\n    FormOptions<TFieldValues> {}\n\nexport const Form = forwardRef(\n  <TFieldValues extends FieldValues = FieldValues>(\n    props: FormProps<TFieldValues>,\n    ref: React.ForwardedRef<UseFormReturn<TFieldValues>>\n  ) => {\n    const {\n      mode = 'all',\n      resolver,\n      reValidateMode,\n      shouldFocusError,\n      shouldUnregister,\n      shouldUseNativeValidation,\n      criteriaMode,\n      delayError,\n      schema,\n      defaultValues,\n      onSubmit,\n      onError,\n      formRef,\n      children,\n      ...rest\n    } = props\n\n    const form = {\n      mode,\n      resolver,\n      defaultValues,\n      reValidateMode,\n      shouldFocusError,\n      shouldUnregister,\n      shouldUseNativeValidation,\n      criteriaMode,\n      delayError,\n    }\n\n    if (schema && !resolver) {\n      form.resolver = Form.getResolver?.(schema)\n    }\n\n    const methods = useForm<TFieldValues>(form)\n    const { handleSubmit } = methods\n\n    // This exposes the useForm api through the forwarded ref\n    React.useImperativeHandle(ref, () => methods, [ref, methods])\n\n    return (\n      <FormProvider {...methods}>\n        <chakra.form\n          ref={formRef}\n          onSubmit={handleSubmit(onSubmit, onError)}\n          {...rest}\n          className={cx('saas-form', props.className)}\n        >\n          {children}\n        </chakra.form>\n      </FormProvider>\n    )\n  }\n) as (<TFieldValues extends FieldValues>(\n  props: FormProps<TFieldValues> & {\n    ref?: React.ForwardedRef<UseFormReturn<TFieldValues>>\n  }\n) => React.ReactElement) & {\n  displayName?: string\n  getResolver?: GetResolver\n  getFieldResolver: GetFieldResolver\n}\n\nForm.getFieldResolver = objectFieldResolver\n\nif (__DEV__) {\n  Form.displayName = 'Form'\n}\n\nexport type GetResolver = (\n  schema: any\n) => <TFieldValues extends FieldValues, TContext>(\n  values: TFieldValues,\n  context: TContext | undefined,\n  options: ResolverOptions<TFieldValues>\n) => Promise<ResolverResult<TFieldValues>>\n\nexport type GetFieldResolver = (schema: any) => FieldResolver\n","import * as React from 'react'\n\nimport { chakra, SimpleGrid, SimpleGridProps, useTheme } from '@chakra-ui/react'\nimport { cx, __DEV__ } from '@chakra-ui/utils'\n\nexport type FormLayoutProps = SimpleGridProps\n\ninterface FormLayoutItemProps {\n  children: React.ReactNode\n}\n\nconst FormLayoutItem: React.FC<FormLayoutItemProps> = ({ children }) => {\n  return <chakra.div>{children}</chakra.div>\n}\n\nif (__DEV__) {\n  FormLayoutItem.displayName = 'FormLayoutItem'\n}\n\n/**\n * FormLayout\n *\n * Renders form items in a `SimpleGrid`\n * @see https://chakra-ui.com/docs/layout/simple-grid\n */\nexport const FormLayout = ({ children, ...props }: FormLayoutProps) => {\n  const theme = useTheme()\n\n  const defaultProps = theme.components?.FormLayout?.defaultProps ?? {\n    spacing: 4,\n  }\n\n  const gridProps = {\n    ...defaultProps,\n    ...props,\n  }\n\n  return (\n    <SimpleGrid\n      {...gridProps}\n      className={cx('saas-form__layout', props.className)}\n    >\n      {React.Children.map(children, (child) => {\n        if (React.isValidElement(child)) {\n          return <FormLayoutItem>{child}</FormLayoutItem>\n        }\n        return child\n      })}\n    </SimpleGrid>\n  )\n}\n\nif (__DEV__) {\n  FormLayout.displayName = 'FormLayout'\n}\n","import * as React from 'react'\n\nexport const mapNestedFields = (name: string, children: React.ReactNode) => {\n  return React.Children.map(children, (child) => {\n    if (React.isValidElement(child) && child.props.name) {\n      return React.cloneElement(child, {\n        ...child.props,\n        name: `${name}.${child.props.name}`,\n      })\n    }\n    return child\n  })\n}\n","import * as React from 'react'\nimport {\n  useFieldArray,\n  useFormContext,\n  UseFieldArrayReturn,\n} from 'react-hook-form'\n\nimport { createContext } from '@chakra-ui/react-utils'\n\nexport interface UseArrayFieldReturn extends UseFieldArrayReturn {\n  /**\n   * The array field name\n   */\n  name: string\n  /**\n   * The default value for new items\n   */\n  defaultValue: Record<string, any>\n  /**\n   * Min amount of items\n   */\n  min?: number\n  /**\n   * Max amount of items\n   */\n  max?: number\n}\n\nexport const [ArrayFieldProvider, useArrayFieldContext] =\n  createContext<UseArrayFieldReturn>({\n    name: 'ArrayFieldContext',\n  })\n\nexport interface UseArrayFieldRowReturn {\n  /**\n   * Name of the array field including the index, eg 'field.0'\n   */\n  name: string\n  /**\n   * The field index\n   */\n  index: number\n  /**\n   * Remove this array item\n   */\n  remove: () => void\n  /**\n   * True if this is the first item\n   */\n  isFirst: boolean\n  /**\n   * True if this is the last item\n   */\n  isLast: boolean\n}\n\nexport const [ArrayFieldRowProvider, useArrayFieldRowContext] =\n  createContext<UseArrayFieldRowReturn>({\n    name: 'ArrayFieldRowContext',\n  })\n\nexport interface ArrayFieldOptions {\n  /**\n   * The field name\n   */\n  name: string\n  /**\n   * Default value for new values in the array\n   */\n  defaultValue?: Record<string, any>\n  /**\n   * Default key name for rows, change this if your data uses a different 'id' field\n   * @default \"id\"\n   */\n  keyName?: string\n  min?: number\n  max?: number\n}\n\nexport const useArrayField = ({\n  name,\n  defaultValue = {},\n  keyName,\n  min,\n  max,\n}: ArrayFieldOptions) => {\n  const { control } = useFormContext()\n  const context = useFieldArray({\n    control,\n    name,\n    keyName,\n  })\n\n  return {\n    ...context,\n    name,\n    defaultValue,\n    min,\n    max,\n  }\n}\n\nexport interface UseArrayFieldRowProps {\n  index: number\n}\n\nexport const useArrayFieldRow = ({ index }: UseArrayFieldRowProps) => {\n  const { clearErrors } = useFormContext()\n  const { name, remove, fields } = useArrayFieldContext()\n\n  React.useEffect(() => {\n    // reset errors, to make sure min/max errors reset correctly\n    clearErrors(name)\n  }, [])\n\n  return {\n    index,\n    isFirst: index === 0,\n    isLast: index === fields.length - 1,\n    name: `${name}.${index}`,\n    remove: React.useCallback(() => {\n      clearErrors(name)\n      remove(index)\n    }, [index]),\n  }\n}\n\nexport const useArrayFieldRemoveButton = () => {\n  const { isFirst, remove } = useArrayFieldRowContext()\n  const { min, fields } = useArrayFieldContext()\n\n  const isDisabled = isFirst && !!(min && fields.length <= min)\n\n  return {\n    onClick: () => remove(),\n    isDisabled,\n  }\n}\n\nexport const useArrayFieldAddButton = () => {\n  const { append, defaultValue, max, fields } = useArrayFieldContext()\n\n  const isDisabled = !!(max && fields.length >= max)\n\n  return {\n    onClick: () =>\n      append(defaultValue, {\n        shouldFocus: false,\n      }),\n    isDisabled,\n  }\n}\n","import * as React from 'react'\n\nimport { chakra, ResponsiveValue, forwardRef } from '@chakra-ui/system'\nimport { __DEV__ } from '@chakra-ui/utils'\nimport { AddIcon, MinusIcon } from '@chakra-ui/icons'\nimport { IconButton, ButtonProps } from '@saas-ui/button'\n\nimport { FormLayout, FormLayoutProps } 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 extends FormLayoutProps {\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   * The fields\n   */\n  children: React.ReactNode\n}\n\nexport const ArrayFieldRow: React.FC<ArrayFieldRowProps> = ({\n  children,\n  index,\n  ...rowFieldsProps\n}) => {\n  return (\n    <ArrayFieldRowContainer index={index}>\n      <ArrayFieldRowFields {...rowFieldsProps}>{children}</ArrayFieldRowFields>\n      <ArrayFieldRemoveButton />\n    </ArrayFieldRowContainer>\n  )\n}\n\nif (__DEV__) {\n  ArrayFieldRow.displayName = 'ArrayFieldRow'\n}\n\nexport interface ArrayFieldRowFieldsProps extends FormLayoutProps {\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 fields\n   */\n  children: React.ReactNode\n}\n\nexport const ArrayFieldRowFields: React.FC<ArrayFieldRowFieldsProps> = ({\n  children,\n  ...layoutProps\n}) => {\n  const { name } = useArrayFieldRowContext()\n  return (\n    <FormLayout flex=\"1\" mr=\"2\" {...layoutProps}>\n      {mapNestedFields(name, children)}\n    </FormLayout>\n  )\n}\n\nif (__DEV__) {\n  ArrayFieldRowFields.displayName = 'ArrayFieldRowFields'\n}\n\nexport const ArrayFieldRowContainer: React.FC<ArrayFieldRowProps> = ({\n  children,\n  index,\n}) => {\n  const context = useArrayFieldRow({ index })\n\n  const styles = {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'flex-end',\n    width: '100%',\n    mb: 4,\n  }\n\n  return (\n    <ArrayFieldRowProvider value={context}>\n      <chakra.div __css={styles}>{children}</chakra.div>\n    </ArrayFieldRowProvider>\n  )\n}\n\nif (__DEV__) {\n  ArrayFieldRowContainer.displayName = 'ArrayFieldRowContainer'\n}\n\nexport const ArrayFieldRemoveButton: React.FC<ButtonProps> = (props) => {\n  return (\n    <IconButton\n      icon={<MinusIcon />}\n      aria-label=\"Remove row\"\n      {...useArrayFieldRemoveButton()}\n      {...props}\n    />\n  )\n}\n\nif (__DEV__) {\n  ArrayFieldRemoveButton.displayName = 'ArrayFieldRemoveButton'\n}\n\nexport const ArrayFieldAddButton: React.FC<ButtonProps> = (props) => {\n  return (\n    <IconButton\n      icon={<AddIcon />}\n      aria-label=\"Add row\"\n      float=\"right\"\n      {...useArrayFieldAddButton()}\n      {...props}\n    />\n  )\n}\n\nif (__DEV__) {\n  ArrayFieldAddButton.displayName = 'ArrayFieldAddButton'\n}\n\nexport interface ArrayFieldProps\n  extends ArrayFieldOptions,\n    Omit<FieldProps, 'defaultValue'> {}\n\nexport const ArrayField = 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) as ((\n  props: ArrayFieldProps & {\n    ref?: React.ForwardedRef<UseArrayFieldReturn>\n  }\n) => React.ReactElement) & {\n  displayName: string\n}\n\nif (__DEV__) {\n  ArrayField.displayName = 'ArrayField'\n}\n\nexport interface ArrayFieldRowsProps {\n  children: (fields: ArrayField[]) => React.ReactElement | null\n}\n\nexport const ArrayFieldRows = ({\n  children,\n}: ArrayFieldRowsProps): React.ReactElement | null => {\n  const { fields } = useArrayFieldContext()\n  return children(fields)\n}\n\nif (__DEV__) {\n  ArrayFieldRows.displayName = 'ArrayFieldRows'\n}\n\nexport const ArrayFieldContainer = React.forwardRef(\n  (\n    {\n      name,\n      defaultValue,\n      keyName,\n      min,\n      max,\n      children,\n      ...fieldProps\n    }: ArrayFieldProps,\n    ref: React.ForwardedRef<UseArrayFieldReturn>\n  ) => {\n    const context = useArrayField({\n      name,\n      defaultValue,\n      keyName,\n      min,\n      max,\n    })\n\n    // This exposes the useArrayField api through the forwarded ref\n    React.useImperativeHandle(ref, () => context, [ref, context])\n\n    return (\n      <ArrayFieldProvider value={context}>\n        <BaseField name={name} {...fieldProps}>\n          {children}\n        </BaseField>\n      </ArrayFieldProvider>\n    )\n  }\n)\n\nif (__DEV__) {\n  ArrayFieldContainer.displayName = 'ArrayFieldContainer'\n}\n","import * as React from 'react'\nimport {\n  FormControl,\n  FormLabel,\n  FormLabelProps,\n  ResponsiveValue,\n  useStyleConfig,\n} from '@chakra-ui/react'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nimport { FormLayout } from './layout'\nimport { FieldProps } from './field'\n\nimport { mapNestedFields } from './utils'\n\nexport interface ObjectFieldProps extends FieldProps {\n  name: string\n  children: React.ReactNode\n  columns?: ResponsiveValue<number>\n  spacing?: ResponsiveValue<string | number>\n}\n\nexport const FormLegend = (props: FormLabelProps) => {\n  const styles = useStyleConfig('FormLegend')\n  return <FormLabel as=\"legend\" sx={styles} {...props} />\n}\n\nexport const ObjectField: React.FC<ObjectFieldProps> = (props) => {\n  const { name, label, hideLabel, children, columns, spacing, ...fieldProps } =\n    props\n\n  return (\n    <FormControl name={name} as=\"fieldset\" {...fieldProps}>\n      <FormLegend display={hideLabel ? 'none' : 'block'}>{label}</FormLegend>\n      <FormLayout columns={columns} gridGap={spacing}>\n        {mapNestedFields(name, children)}\n      </FormLayout>\n    </FormControl>\n  )\n}\n\nif (__DEV__) {\n  ObjectField.displayName = 'ObjectField'\n}\n","import * as React from 'react'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nimport { Form } from './form'\nimport { FormLayout } from './layout'\nimport { Field, FieldProps } from './field'\n\nimport { ArrayField } from './array-field'\nimport { ObjectField } from './object-field'\nimport { FieldResolver } from './field-resolver'\nimport { useFormContext } from 'react-hook-form'\n\nexport interface FieldsProps {\n  schema: any\n  fieldResolver?: FieldResolver\n  focusFirstField?: boolean\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  focusFirstField,\n  ...props\n}) => {\n  const resolver = React.useMemo(\n    () => fieldResolver || Form.getFieldResolver(schema),\n    [schema, fieldResolver]\n  )\n\n  const fields = React.useMemo(() => resolver.getFields(), [resolver])\n\n  const form = useFormContext()\n\n  React.useEffect(() => {\n    if (focusFirstField && fields[0]?.name) {\n      form.setFocus(fields[0].name)\n    }\n  }, [schema, fieldResolver, focusFirstField])\n\n  return (\n    <FormLayout {...props}>\n      {fields.map(\n        ({\n          name,\n          type,\n          defaultValue,\n          ...fieldProps\n        }: FieldProps): React.ReactNode => {\n          if (type === 'array') {\n            return (\n              <ArrayField key={name} name={name} {...fieldProps}>\n                {mapNestedFields(resolver, name)}\n              </ArrayField>\n            )\n          } else if (type === 'object') {\n            return (\n              <ObjectField key={name} name={name} {...fieldProps}>\n                {mapNestedFields(resolver, name)}\n              </ObjectField>\n            )\n          }\n\n          return <Field key={name} name={name} type={type} {...fieldProps} />\n        }\n      )}\n    </FormLayout>\n  )\n}\n\nif (__DEV__) {\n  Fields.displayName = 'Fields'\n}\n","import * as React from 'react'\n\nimport { useFormContext } from 'react-hook-form'\n\nimport { Button, ButtonProps } from '@saas-ui/button'\n\nimport { __DEV__ } from '@chakra-ui/utils'\n\nexport interface SubmitButtonProps extends ButtonProps {\n  /**\n   * Disable the submit button if the form is untouched.\n   *\n   * Change the default behavior by updating\n   * `SubmitButton.defaultProps.disableIfUntouched`\n   */\n  disableIfUntouched?: boolean\n  /**\n   * Disable the submit button if the form is invalid.\n   *\n   * Change the default behavior by updating\n   * `SubmitButton.defaultProps.disableIfInvalid`\n   */\n  disableIfInvalid?: boolean\n}\n\nexport const SubmitButton = React.forwardRef<\n  HTMLButtonElement,\n  SubmitButtonProps\n>((props, ref) => {\n  const {\n    children,\n    disableIfUntouched,\n    disableIfInvalid,\n    isDisabled: isDisabledProp,\n    isLoading,\n    ...rest\n  } = props\n  const { formState } = useFormContext()\n\n  const isDisabled =\n    (disableIfUntouched && !formState.isDirty) ||\n    (disableIfInvalid && !formState.isValid) ||\n    isDisabledProp\n\n  return (\n    <Button\n      {...rest}\n      ref={ref}\n      variant=\"primary\"\n      type=\"submit\"\n      isLoading={formState.isSubmitting || isLoading}\n      isDisabled={isDisabled}\n    >\n      {children}\n    </Button>\n  )\n})\n\nSubmitButton.defaultProps = {\n  label: 'Submit',\n  disableIfUntouched: false,\n  disableIfInvalid: false,\n}\n\nif (__DEV__) {\n  SubmitButton.displayName = 'SubmitButton'\n}\n","import * as React from 'react'\nimport { FieldValues, UseFormReturn } from 'react-hook-form'\nimport { forwardRef } from '@chakra-ui/react'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nimport { Form, FormProps } from './form'\nimport { FormLayout } from './layout'\nimport { Fields } from './fields'\nimport { SubmitButton } from './submit-button'\nimport { FieldResolver } from '.'\n\ninterface AutoFormOptions {\n  /**\n   * The submit button label.\n   * Pass `null` to render no submit button.\n   */\n  submitLabel?: React.ReactNode\n  /**\n   * The schema.\n   * Supports object schema, Yup or Zod.\n   * @see https://www.saas-ui.dev/docs/forms/auto-form\n   */\n  schema: any\n  /**\n   * The field resolver.\n   */\n  fieldResolver?: any\n}\n\nexport interface AutoFormProps<TFieldValues extends FieldValues>\n  extends Omit<FormProps<TFieldValues>, 'schema'>,\n    AutoFormOptions {}\n\nexport const AutoForm = forwardRef(\n  <TFieldValues extends FieldValues = FieldValues>(\n    props: AutoFormProps<TFieldValues>,\n    ref: React.ForwardedRef<UseFormReturn<TFieldValues>>\n  ) => {\n    const {\n      schema,\n      submitLabel = 'Submit',\n      fieldResolver,\n      children,\n      ...rest\n    } = props\n\n    return (\n      <Form {...rest} schema={schema} ref={ref}>\n        <FormLayout>\n          {<Fields schema={schema} fieldResolver={fieldResolver} />}\n          {submitLabel && <SubmitButton>{submitLabel}</SubmitButton>}\n          {children}\n        </FormLayout>\n      </Form>\n    )\n  }\n) as (<TFieldValues extends FieldValues>(\n  props: AutoFormProps<TFieldValues> & {\n    ref?: React.ForwardedRef<UseFormReturn<TFieldValues>>\n  }\n) => React.ReactElement) & {\n  displayName?: string\n  getFieldResolver?: (schema: any) => FieldResolver\n}\n\nif (__DEV__) {\n  AutoForm.displayName = 'AutoForm'\n}\n","import * as React from 'react'\nimport { __DEV__ } from '@chakra-ui/utils'\nimport {\n  useFormContext,\n  useWatch,\n  FieldValues,\n  UseFormReturn,\n} from 'react-hook-form'\n\nexport interface DisplayIfProps<TFieldValues> {\n  children: React.ReactElement\n  name: string\n  defaultValue?: unknown\n  isDisabled?: boolean\n  isExact?: boolean\n  condition?: (value: unknown, context: UseFormReturn<TFieldValues>) => boolean\n}\n\nexport const DisplayIf = <TFieldValues extends FieldValues = FieldValues>({\n  children,\n  name,\n  defaultValue,\n  isDisabled,\n  isExact,\n  condition = (value) => !!value,\n}: DisplayIfProps<TFieldValues>) => {\n  const value = useWatch({\n    name,\n    defaultValue,\n    disabled: isDisabled,\n    exact: isExact,\n  })\n  const context = useFormContext<TFieldValues>()\n  return condition(value, context) ? children : null\n}\n\nif (__DEV__) {\n  DisplayIf.displayName = 'DisplayIf'\n}\n","import * as React from 'react'\nimport { FieldValues, SubmitHandler } from 'react-hook-form'\nimport { createContext, MaybeRenderProp } 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  onSubmit?: FormStepSubmitHandler\n}\n\nexport type FormStepSubmitHandler<\n  TFieldValues extends FieldValues = FieldValues\n> = (data: TFieldValues, stepper: UseStepperReturn) => Promise<void>\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 Omit<UseStepperProps, 'onChange'>,\n    Omit<FormProps<TFieldValues>, 'children'> {\n  children: MaybeRenderProp<UseStepFormReturn<TFieldValues>>\n}\n\nexport interface UseStepFormReturn<\n  TFieldValues extends FieldValues = FieldValues\n> extends UseStepperReturn {\n  getFormProps(): {\n    onSubmit: SubmitHandler<TFieldValues>\n    schema?: any\n    resolver?: any\n  }\n  updateStep(step: any): void\n  steps: Record<string, any>\n}\n\nexport function useStepForm<TFieldValues extends FieldValues = FieldValues>(\n  props: UseStepFormProps<TFieldValues>\n): UseStepFormReturn<TFieldValues> {\n  const { onChange, ...rest } = props\n  const stepper = useStepper(rest)\n\n  const { activeStep, isLastStep, nextStep } = stepper\n\n  const [steps, updateSteps] = React.useState<Record<string, StepState>>({})\n\n  const onSubmitStep: SubmitHandler<TFieldValues> = React.useCallback(\n    async (data) => {\n      const step = steps[activeStep]\n\n      if (isLastStep) {\n        return props\n          .onSubmit?.(data)\n          .then(() => {\n            updateStep({\n              ...step,\n              isCompleted: true,\n            })\n          })\n          .then(nextStep) // Show completed step\n      }\n\n      try {\n        await step.onSubmit?.(data, stepper)\n\n        nextStep()\n      } catch (e) {\n        // Step submission failed.\n      }\n    },\n    [steps, activeStep, isLastStep]\n  )\n\n  const getFormProps = React.useCallback(() => {\n    const step = steps[activeStep]\n    return {\n      onSubmit: onSubmitStep,\n      schema: step?.schema,\n      resolver: step?.resolver,\n    }\n  }, [steps, onSubmitStep, activeStep])\n\n  const updateStep = React.useCallback(\n    (step: StepState) => {\n      updateSteps((steps) => {\n        return {\n          ...steps,\n          [step.name]: step,\n        }\n      })\n    },\n    [steps]\n  )\n\n  return {\n    getFormProps,\n    updateStep,\n    steps,\n    ...stepper,\n  }\n}\n\nexport interface UseFormStepProps {\n  name: string\n  schema?: any\n  resolver?: any\n  onSubmit?: FormStepSubmitHandler\n}\n\nexport function useFormStep(props: UseFormStepProps): StepState {\n  const { name, schema, resolver, onSubmit } = props\n  const step = useStep({ name })\n\n  const { steps, updateStep } = useStepFormContext()\n\n  React.useEffect(() => {\n    updateStep({ name, schema, resolver, onSubmit })\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 { chakra, HTMLChakraProps } 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  StepperContainer,\n} from '@saas-ui/stepper'\nimport { Button, ButtonProps } from '@saas-ui/button'\n\nimport { Form } from './form'\nimport { SubmitButton } from './submit-button'\n\nimport {\n  useStepForm,\n  useFormStep,\n  StepFormProvider,\n  UseStepFormProps,\n  FormStepSubmitHandler,\n} from './use-step-form'\n\nexport interface StepFormProps<TFieldValues extends FieldValues = FieldValues>\n  extends UseStepFormProps<TFieldValues> {}\n\nexport const StepForm = React.forwardRef(\n  <TFieldValues extends FieldValues = FieldValues>(\n    props: StepFormProps<TFieldValues>,\n    ref: React.ForwardedRef<UseFormReturn<TFieldValues>>\n  ) => {\n    const { children, ...rest } = props\n\n    const stepper = useStepForm<TFieldValues>(props)\n\n    const { getFormProps, ...ctx } = stepper\n\n    const context = React.useMemo(() => ctx, [ctx])\n\n    return (\n      <StepperProvider value={context}>\n        <StepFormProvider value={context}>\n          <Form ref={ref} {...rest} {...getFormProps()}>\n            {runIfFn(children, stepper)}\n          </Form>\n        </StepFormProvider>\n      </StepperProvider>\n    )\n  }\n) as <TFieldValues extends FieldValues>(\n  props: StepFormProps<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 { activeIndex, setIndex } = useStepperContext()\n\n  const { children, orientation } = 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  const onChange = React.useCallback((i: number) => {\n    setIndex(i)\n  }, [])\n\n  return (\n    <StepperContainer\n      orientation={orientation}\n      step={activeIndex}\n      onChange={onChange}\n    >\n      <StepperSteps mb=\"4\" {...props}>\n        {elements}\n      </StepperSteps>\n    </StepperContainer>\n  )\n}\n\nexport interface FormStepProps\n  extends FormStepOptions,\n    Omit<HTMLChakraProps<'div'>, 'onSubmit'> {\n  onSubmit?: FormStepSubmitHandler\n}\n\nexport const FormStep: React.FC<FormStepProps> = (props) => {\n  const { name, schema, resolver, children, className, onSubmit, ...rest } =\n    props\n  const step = useFormStep({ name, schema, resolver, onSubmit })\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      {...rest}\n      isDisabled={isCompleted}\n      className={cx('saas-form__next-button', props.className)}\n    >\n      {isLastStep || isCompleted ? submitLabel : label}\n    </SubmitButton>\n  )\n}\n\nif (__DEV__) {\n  NextButton.displayName = 'NextButton'\n}\n"],"names":["_excluded","DisplayField","_ref","name","label","props","React","createElement","FormControl","FormLabel","htmlFor","Text","fontSize","FormValue","__DEV__","displayName","_ref2","getValues","useFormContext","_excluded2","_excluded3","_excluded4","_excluded5","_excluded6","_excluded7","_excluded8","_excluded9","_excluded10","inputTypes","help","variant","hideLabel","children","controlProps","formState","get","errors","getError","_extends","isInvalid","error","Box","message","FormHelperText","FormErrorMessage","BaseField","Field","forwardRef","ref","_props$type","type","defaultInputType","withControlledInput","InputComponent","rules","_ref3","inputProps","_objectWithoutPropertiesLoose","_useFormContext2","Controller","control","render","field","_ref4$field","useMergeRefs","withUncontrolledInput","_ref5","_register","register","component","options","id","isDisabled","isReadOnly","isRequired","inputRules","required","undefined","createField","isControlled","split","map","part","charAt","toUpperCase","slice","join","registerFieldType","_ref6","_ref6$type","leftAddon","rightAddon","size","rest","input","Input","InputGroup","NumberInputField","NumberInput","PasswordInputField","PasswordInput","Textarea","SwitchField","_ref7","Switch","SelectField","Select","CheckboxField","_ref8","Checkbox","RadioField","RadioInput","NativeSelectField","NativeSelect","pinLength","_props$pinLength","pinType","spacing","inputs","i","push","PinInputField","key","HStack","PinInput","schema","Object","entries","title","_ref$","objectFieldResolver","getFields","getNestedFields","_field$items","items","mapFields","properties","Form","mode","_props$mode","resolver","reValidateMode","shouldFocusError","shouldUnregister","shouldUseNativeValidation","criteriaMode","delayError","defaultValues","onSubmit","onError","formRef","form","getResolver","methods","useForm","handleSubmit","useImperativeHandle","FormProvider","chakra","className","cx","getFieldResolver","FormLayoutItem","div","FormLayout","_theme$components$For","_theme$components","_theme$components$For2","gridProps","theme","useTheme","components","defaultProps","SimpleGrid","Children","child","isValidElement","mapNestedFields","cloneElement","createContext","ArrayFieldProvider","useArrayFieldContext","_createContext","ArrayFieldRowProvider","useArrayFieldRowContext","useArrayField","_ref$defaultValue","defaultValue","keyName","min","max","context","useFieldArray","useArrayFieldRow","index","clearErrors","_useArrayFieldContext","remove","fields","useEffect","isFirst","isLast","length","useCallback","useArrayFieldRemoveButton","_useArrayFieldRowCont","_useArrayFieldContext2","onClick","append","_useArrayFieldContext3","shouldFocus","ArrayFieldRow","rowFieldsProps","ArrayFieldRowContainer","ArrayFieldRowFields","ArrayFieldRemoveButton","layoutProps","flex","mr","value","__css","display","flexDirection","alignItems","width","mb","IconButton","icon","MinusIcon","ArrayFieldAddButton","AddIcon","float","useArrayFieldAddButton","ArrayField","containerProps","ArrayFieldContainer","ArrayFieldRows","Fragment","_ref4","fieldProps","FormLegend","styles","useStyleConfig","as","sx","columns","gridGap","ObjectField","_resolver$getNestedFi","nestedFieldProps","Fields","fieldResolver","focusFirstField","useMemo","_fields$","setFocus","SubmitButton","disableIfUntouched","disableIfInvalid","isDisabledProp","isLoading","Button","isSubmitting","isDirty","isValid","AutoForm","submitLabel","_props$submitLabel","DisplayIf","condition","_ref$condition","useWatch","disabled","exact","isExact","errorMessage","StepFormProvider","useStepFormContext","onChange","stepper","useStepper","activeStep","isLastStep","nextStep","_React$useState","useState","steps","updateSteps","onSubmitStep","data","step","Promise","resolve","then","updateStep","isCompleted","_temp2","_catch","e","reject","getFormProps","_extends2","useStep","_useStepFormContext","useStepForm","ctx","StepperProvider","runIfFn","FormStep","useFormStep","isActive","PrevButton","_useStepperContext2","useStepperContext","prevStep","isFirstStep","callAllHandlers","NextButton","_props$label","_useStepperContext3","_useStepperContext","activeIndex","setIndex","orientation","elements","StepperStep","StepperContainer","StepperSteps"],"mappings":"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"}

package/dist/index.modern.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.modern.mjs","sources":["../src/display-field.tsx","../src/field.tsx","../src/field-resolver.ts","../src/form.tsx","../src/layout.tsx","../src/utils.ts","../src/use-array-field.tsx","../src/array-field.tsx","../src/object-field.tsx","../src/fields.tsx","../src/submit-button.tsx","../src/auto-form.tsx","../src/display-if.tsx","../src/use-step-form.tsx","../src/step-form.tsx"],"sourcesContent":["import * as React from 'react'\nimport { __DEV__ } from '@chakra-ui/utils'\nimport { useFormContext } from 'react-hook-form'\n\nimport {\n  Text,\n  FormControl,\n  FormControlProps,\n  FormLabel,\n} from '@chakra-ui/react'\n\nimport { FieldProps } from './field'\n\nexport interface DisplayFieldProps\n  extends FormControlProps,\n    Omit<FieldProps, 'type' | 'label'> {}\n\nexport const DisplayField: React.FC<DisplayFieldProps> = ({\n  name,\n  label,\n  placeholder,\n  ...props\n}) => {\n  return (\n    <FormControl {...props}>\n      {label ? <FormLabel htmlFor={name}>{label}</FormLabel> : null}\n      <Text fontSize=\"md\">\n        <FormValue name={name} />\n      </Text>\n    </FormControl>\n  )\n}\n\nif (__DEV__) {\n  DisplayField.displayName = 'DisplayField'\n}\n\nexport const FormValue: React.FC<{ name: string }> = ({ name }) => {\n  const { getValues } = useFormContext()\n  return getValues(name) || null\n}\n\nif (__DEV__) {\n  FormValue.displayName = 'FormValue'\n}\n","import * as React from 'react'\nimport {\n  useFormContext,\n  FormState,\n  Controller,\n  get,\n  RegisterOptions,\n  FieldValues,\n  FieldPath,\n} from 'react-hook-form'\n\nimport {\n  forwardRef,\n  Box,\n  FormControl,\n  FormControlProps,\n  FormLabel,\n  FormHelperText,\n  FormErrorMessage,\n  Input,\n  Textarea,\n  Checkbox,\n  Switch,\n  useMergeRefs,\n  InputGroup,\n  InputProps,\n  TextareaProps,\n  SwitchProps,\n  CheckboxProps,\n  PinInputField,\n  HStack,\n  PinInput,\n  UsePinInputProps,\n  SystemProps,\n} from '@chakra-ui/react'\nimport { __DEV__, FocusableElement } from '@chakra-ui/utils'\n\nimport { NumberInput, NumberInputProps } from '@saas-ui/number-input'\nimport { PasswordInput, PasswordInputProps } from '@saas-ui/password-input'\nimport { RadioInput, RadioInputProps } from '@saas-ui/radio'\n\nimport {\n  Select,\n  SelectProps,\n  NativeSelect,\n  NativeSelectProps,\n} from '@saas-ui/select'\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 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   * 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   */\n  type?: string\n  /**\n   * The input placeholder\n   */\n  placeholder?: string\n}\n\nconst inputTypes: Record<string, React.FC<any>> = {}\n\nconst defaultInputType = 'text'\n\nconst getInput = (type: string) => {\n  return inputTypes[type] || inputTypes[defaultInputType]\n}\n\nconst getError = (name: string, formState: FormState<{ [x: string]: any }>) => {\n  return get(formState.errors, name)\n}\n\nconst isTouched = (\n  name: string,\n  formState: FormState<{ [x: string]: any }>\n) => {\n  return get(formState.touchedFields, name)\n}\n\nexport const BaseField: React.FC<FieldProps> = (props) => {\n  const { name, label, help, variant, hideLabel, children, ...controlProps } =\n    props\n\n  const { formState } = useFormContext()\n\n  const error = getError(name, formState)\n\n  return (\n    <FormControl variant={variant} {...controlProps} isInvalid={!!error}>\n      {label && !hideLabel ? (\n        <FormLabel variant={variant}>{label}</FormLabel>\n      ) : null}\n      <Box>\n        {children}\n        {help && !error?.message ? (\n          <FormHelperText>{help}</FormHelperText>\n        ) : null}\n        {error?.message && (\n          <FormErrorMessage>{error?.message}</FormErrorMessage>\n        )}\n      </Box>\n    </FormControl>\n  )\n}\n\nif (__DEV__) {\n  BaseField.displayName = 'BaseField'\n}\n\nexport type As<Props = any> = React.ElementType<Props>\n\nexport type PropsOf<T extends As> = React.ComponentPropsWithoutRef<T> & {\n  type?: FieldTypes\n}\n\n/**\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 */\nexport const Field = React.forwardRef(\n  <TFieldValues extends FieldValues = FieldValues>(\n    props: FieldProps<TFieldValues> | FieldTypeProps,\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    FieldTypeProps & {\n      ref?: React.ForwardedRef<FocusableElement>\n    }\n) => React.ReactElement) & {\n  displayName?: string\n}\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((props, ref) => {\n    const {\n      id,\n      name,\n      label,\n      help,\n      isDisabled,\n      isInvalid,\n      isReadOnly,\n      isRequired,\n      rules,\n      variant,\n      ...inputProps\n    } = props\n\n    const inputRules = {\n      required: isRequired,\n      ...rules,\n    }\n\n    return (\n      <BaseField\n        id={id}\n        name={name}\n        label={label}\n        help={help}\n        hideLabel={hideLabel}\n        isDisabled={isDisabled}\n        isInvalid={isInvalid}\n        isReadOnly={isReadOnly}\n        isRequired={isRequired}\n        variant={variant}\n      >\n        <InputComponent\n          ref={ref}\n          id={id}\n          name={name}\n          label={hideLabel ? label : undefined} // Only pass down the label when it should be inline.\n          rules={inputRules}\n          {...inputProps}\n        />\n      </BaseField>\n    )\n  })\n  Field.displayName = displayName\n\n  return Field\n}\n\nexport const withControlledInput = (InputComponent: React.FC<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: React.FC<any>) => {\n  return forwardRef<FieldProps, typeof InputComponent>(\n    ({ name, rules, ...inputProps }, ref) => {\n      const { register } = useFormContext()\n\n      const { ref: _ref, ...field } = register(name, rules)\n\n      return (\n        <InputComponent\n          {...field}\n          {...inputProps}\n          ref={useMergeRefs(ref, _ref)}\n        />\n      )\n    }\n  )\n}\n\nexport interface RegisterFieldTypeOptions {\n  isControlled?: boolean\n  hideLabel?: boolean\n  BaseField?: React.FC<any>\n}\n\n/**\n * Register a new field type\n * @param type The name for this field in kebab-case, eg `email` or `array-field`\n * @param component The React component\n * @param options\n * @param options.isControlled Set this to true if this is a controlled field.\n * @param options.hideLabel Hide the field label, for example for the checkbox field.\n */\nexport const registerFieldType = <T extends object>(\n  type: string,\n  component: React.FC<T>,\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  }) as React.FC<T & FieldProps>\n\n  inputTypes[type] = Field\n\n  return Field\n}\n\nexport interface InputFieldProps extends InputProps {\n  type?: string\n  leftAddon?: React.ReactNode\n  rightAddon?: React.ReactNode\n}\n\nexport const InputField = registerFieldType<InputFieldProps>(\n  'text',\n  forwardRef(({ type = 'text', leftAddon, rightAddon, size, ...rest }, ref) => {\n    const input = <Input type={type} size={size} {...rest} ref={ref} />\n    if (leftAddon || rightAddon) {\n      return (\n        <InputGroup size={size}>\n          {leftAddon}\n          {input}\n          {rightAddon}\n        </InputGroup>\n      )\n    }\n    return input\n  })\n)\n\nexport interface NumberInputFieldProps extends NumberInputProps {\n  type: 'number'\n}\n\nexport const NumberInputField = registerFieldType<NumberInputFieldProps>(\n  'number',\n  NumberInput,\n  {\n    isControlled: true,\n  }\n)\n\nexport const PasswordInputField = registerFieldType<PasswordInputProps>(\n  'password',\n  forwardRef((props, ref) => <PasswordInput ref={ref} {...props} />)\n)\n\nexport const TextareaField = registerFieldType<TextareaProps>(\n  'textarea',\n  Textarea\n)\n\nexport const SwitchField = registerFieldType<SwitchProps>(\n  'switch',\n  forwardRef(({ type, ...rest }, ref) => {\n    return <Switch {...rest} ref={ref} />\n  }),\n  {\n    isControlled: true,\n  }\n)\n\nexport const SelectField = registerFieldType<SelectProps>('select', Select, {\n  isControlled: true,\n})\n\nexport const CheckboxField = registerFieldType<CheckboxProps>(\n  'checkbox',\n  forwardRef(({ label, type, ...props }, ref) => {\n    return (\n      <Checkbox ref={ref} {...props}>\n        {label}\n      </Checkbox>\n    )\n  }),\n  {\n    hideLabel: true,\n  }\n)\n\nexport const RadioField = registerFieldType<RadioInputProps>(\n  'radio',\n  RadioInput,\n  {\n    isControlled: true,\n  }\n)\n\nexport const NativeSelectField = registerFieldType<NativeSelectProps>(\n  'native-select',\n  NativeSelect,\n  { isControlled: true }\n)\n\nexport interface PinFieldProps extends Omit<UsePinInputProps, 'type'> {\n  pinLength?: number\n  pinType?: 'alphanumeric' | 'number'\n  spacing?: SystemProps['margin']\n}\n\nexport const PinField = registerFieldType<PinFieldProps>(\n  'pin',\n  forwardRef((props, ref) => {\n    const { pinLength = 4, pinType, spacing, ...inputProps } = props\n\n    const inputs: React.ReactNode[] = []\n    for (let i = 0; i < pinLength; i++) {\n      inputs.push(<PinInputField key={i} ref={ref} />)\n    }\n\n    return (\n      <HStack spacing={spacing}>\n        <PinInput {...inputProps} type={pinType}>\n          {inputs}\n        </PinInput>\n      </HStack>\n    )\n  }),\n  {\n    isControlled: true,\n  }\n)\n\nconst fieldTypes = {\n  text: InputField,\n  email: InputField,\n  url: InputField,\n  phone: InputField,\n  number: NumberInputField,\n  password: PasswordInputField,\n  textarea: TextareaField,\n  switch: SwitchField,\n  checkbox: CheckboxField,\n  radio: RadioField,\n  pin: PinField,\n  select: SelectField,\n  'native-select': NativeSelectField,\n}\n\ntype FieldTypes = typeof fieldTypes\n\ntype FieldType<Props = any> = React.ElementType<Props>\n\ntype TypeProps<P extends FieldType, T> = React.ComponentPropsWithoutRef<P> & {\n  type: T\n}\n\ntype FieldTypeProps =\n  | {\n      [Property in keyof FieldTypes]: TypeProps<FieldTypes[Property], Property>\n    }[keyof FieldTypes]\n  | { type?: string }\n","import { FieldProps } from './field'\n\nimport { get } from '@chakra-ui/utils'\n\nexport type FieldResolver = {\n  getFields(): FieldProps[]\n  getNestedFields(name: string): FieldProps[]\n}\n\ninterface SchemaField extends FieldProps {\n  items?: SchemaField[]\n  properties?: Record<string, SchemaField>\n}\n\nexport type ObjectSchema = Record<string, SchemaField>\n\nconst mapFields = (schema: ObjectSchema): FieldProps[] =>\n  schema &&\n  Object.entries(schema).map(([name, { items, label, title, ...field }]) => {\n    return {\n      ...field,\n      name,\n      label: label || title, // json schema compatibility\n    }\n  })\n\nexport const objectFieldResolver = (schema: ObjectSchema): FieldResolver => {\n  const getFields = () => {\n    return mapFields(schema)\n  }\n  const getNestedFields = (name: string) => {\n    const field = get(schema, name)\n\n    if (!field) return []\n\n    if (field.items?.type === 'object') {\n      return mapFields(field.items.properties)\n    } else if (field.type === 'object') {\n      return mapFields(field.properties)\n    }\n    return [field.items]\n  }\n\n  return { getFields, getNestedFields }\n}\n","import * as React from 'react'\n\nimport { chakra, HTMLChakraProps, forwardRef } from '@chakra-ui/react'\nimport { cx, __DEV__ } from '@chakra-ui/utils'\n\nimport {\n  useForm,\n  FormProvider,\n  UseFormProps,\n  UseFormReturn,\n  FieldValues,\n  SubmitHandler,\n  SubmitErrorHandler,\n  UnpackNestedValue,\n  ResolverOptions,\n  ResolverResult,\n} from 'react-hook-form'\nimport { objectFieldResolver, FieldResolver } from './field-resolver'\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.RefObject<HTMLFormElement>\n}\n\n/**\n * @todo Figure out how to pass down FieldValues to all Field components,\n * if at all possible.\n */\nexport interface FormProps<TFieldValues extends FieldValues = FieldValues>\n  extends UseFormProps<TFieldValues>,\n    Omit<HTMLChakraProps<'form'>, 'onSubmit' | 'onError'>,\n    FormOptions<TFieldValues> {}\n\nexport const Form = forwardRef(\n  <TFieldValues extends FieldValues = FieldValues>(\n    props: FormProps<TFieldValues>,\n    ref: React.ForwardedRef<UseFormReturn<TFieldValues>>\n  ) => {\n    const {\n      mode = 'all',\n      resolver,\n      reValidateMode,\n      shouldFocusError,\n      shouldUnregister,\n      shouldUseNativeValidation,\n      criteriaMode,\n      delayError,\n      schema,\n      defaultValues,\n      onSubmit,\n      onError,\n      formRef,\n      children,\n      ...rest\n    } = props\n\n    const form = {\n      mode,\n      resolver,\n      defaultValues,\n      reValidateMode,\n      shouldFocusError,\n      shouldUnregister,\n      shouldUseNativeValidation,\n      criteriaMode,\n      delayError,\n    }\n\n    if (schema && !resolver) {\n      form.resolver = Form.getResolver?.(schema)\n    }\n\n    const methods = useForm<TFieldValues>(form)\n    const { handleSubmit } = methods\n\n    // This exposes the useForm api through the forwarded ref\n    React.useImperativeHandle(ref, () => methods, [ref, methods])\n\n    return (\n      <FormProvider {...methods}>\n        <chakra.form\n          ref={formRef}\n          onSubmit={handleSubmit(onSubmit, onError)}\n          {...rest}\n          className={cx('saas-form', props.className)}\n        >\n          {children}\n        </chakra.form>\n      </FormProvider>\n    )\n  }\n) as (<TFieldValues extends FieldValues>(\n  props: FormProps<TFieldValues> & {\n    ref?: React.ForwardedRef<UseFormReturn<TFieldValues>>\n  }\n) => React.ReactElement) & {\n  displayName?: string\n  getResolver?: GetResolver\n  getFieldResolver: GetFieldResolver\n}\n\nForm.getFieldResolver = objectFieldResolver\n\nif (__DEV__) {\n  Form.displayName = 'Form'\n}\n\nexport type GetResolver = (\n  schema: any\n) => <TFieldValues extends FieldValues, TContext>(\n  values: UnpackNestedValue<TFieldValues>,\n  context: TContext | undefined,\n  options: ResolverOptions<TFieldValues>\n) => Promise<ResolverResult<TFieldValues>>\n\nexport type GetFieldResolver = (schema: any) => FieldResolver\n","import * as React from 'react'\n\nimport { chakra, SimpleGrid, SimpleGridProps, useTheme } from '@chakra-ui/react'\nimport { cx, __DEV__ } from '@chakra-ui/utils'\n\nexport type FormLayoutProps = SimpleGridProps\n\ninterface FormLayoutItemProps {\n  children: React.ReactNode\n}\n\nconst FormLayoutItem: React.FC<FormLayoutItemProps> = ({ children }) => {\n  return <chakra.div>{children}</chakra.div>\n}\n\nif (__DEV__) {\n  FormLayoutItem.displayName = 'FormLayoutItem'\n}\n\n/**\n * FormLayout\n *\n * Renders form items in a `SimpleGrid`\n * @see https://chakra-ui.com/docs/layout/simple-grid\n */\nexport const FormLayout = ({ children, ...props }: FormLayoutProps) => {\n  const theme = useTheme()\n\n  const defaultProps = theme.components?.FormLayout?.defaultProps ?? {\n    spacing: 4,\n  }\n\n  const gridProps = {\n    ...defaultProps,\n    ...props,\n  }\n\n  return (\n    <SimpleGrid\n      {...gridProps}\n      className={cx('saas-form__layout', props.className)}\n    >\n      {React.Children.map(children, (child) => {\n        if (React.isValidElement(child)) {\n          return <FormLayoutItem>{child}</FormLayoutItem>\n        }\n        return child\n      })}\n    </SimpleGrid>\n  )\n}\n\nif (__DEV__) {\n  FormLayout.displayName = 'FormLayout'\n}\n","import * as React from 'react'\n\nexport const mapNestedFields = (name: string, children: React.ReactNode) => {\n  return React.Children.map(children, (child) => {\n    if (React.isValidElement(child) && child.props.name) {\n      return React.cloneElement(child, {\n        ...child.props,\n        name: `${name}.${child.props.name}`,\n      })\n    }\n    return child\n  })\n}\n","import * as React from 'react'\nimport {\n  useFieldArray,\n  useFormContext,\n  UseFieldArrayReturn,\n} from 'react-hook-form'\n\nimport { createContext } from '@chakra-ui/react-utils'\n\nexport interface UseArrayFieldReturn extends UseFieldArrayReturn {\n  /**\n   * The array field name\n   */\n  name: string\n  /**\n   * The default value for new items\n   */\n  defaultValue: Record<string, any>\n  /**\n   * Min amount of items\n   */\n  min?: number\n  /**\n   * Max amount of items\n   */\n  max?: number\n}\n\nexport const [ArrayFieldProvider, useArrayFieldContext] =\n  createContext<UseArrayFieldReturn>({\n    name: 'ArrayFieldContext',\n  })\n\nexport interface UseArrayFieldRowReturn {\n  /**\n   * Name of the array field including the index, eg 'field.0'\n   */\n  name: string\n  /**\n   * The field index\n   */\n  index: number\n  /**\n   * Remove this array item\n   */\n  remove: () => void\n  /**\n   * True if this is the first item\n   */\n  isFirst: boolean\n  /**\n   * True if this is the last item\n   */\n  isLast: boolean\n}\n\nexport const [ArrayFieldRowProvider, useArrayFieldRowContext] =\n  createContext<UseArrayFieldRowReturn>({\n    name: 'ArrayFieldRowContext',\n  })\n\nexport interface ArrayFieldOptions {\n  /**\n   * The field name\n   */\n  name: string\n  /**\n   * Default value for new values in the array\n   */\n  defaultValue?: Record<string, any>\n  /**\n   * Default key name for rows, change this if your data uses a different 'id' field\n   * @default \"id\"\n   */\n  keyName?: string\n  min?: number\n  max?: number\n}\n\nexport const useArrayField = ({\n  name,\n  defaultValue = {},\n  keyName,\n  min,\n  max,\n}: ArrayFieldOptions) => {\n  const { control } = useFormContext()\n  const context = useFieldArray({\n    control,\n    name,\n    keyName,\n  })\n\n  return {\n    ...context,\n    name,\n    defaultValue,\n    min,\n    max,\n  }\n}\n\nexport interface UseArrayFieldRowProps {\n  index: number\n}\n\nexport const useArrayFieldRow = ({ index }: UseArrayFieldRowProps) => {\n  const { clearErrors } = useFormContext()\n  const { name, remove, fields } = useArrayFieldContext()\n\n  React.useEffect(() => {\n    // reset errors, to make sure min/max errors reset correctly\n    clearErrors(name)\n  }, [])\n\n  return {\n    index,\n    isFirst: index === 0,\n    isLast: index === fields.length - 1,\n    name: `${name}.${index}`,\n    remove: React.useCallback(() => {\n      clearErrors(name)\n      remove(index)\n    }, [index]),\n  }\n}\n\nexport const useArrayFieldRemoveButton = () => {\n  const { isFirst, remove } = useArrayFieldRowContext()\n  const { min, fields } = useArrayFieldContext()\n\n  const isDisabled = isFirst && !!(min && fields.length <= min)\n\n  return {\n    onClick: () => remove(),\n    isDisabled,\n  }\n}\n\nexport const useArrayFieldAddButton = () => {\n  const { append, defaultValue, max, fields } = useArrayFieldContext()\n\n  const isDisabled = !!(max && fields.length >= max)\n\n  return {\n    onClick: () =>\n      append(defaultValue, {\n        shouldFocus: false,\n      }),\n    isDisabled,\n  }\n}\n","import * as React from 'react'\n\nimport { chakra, ResponsiveValue, forwardRef } from '@chakra-ui/system'\nimport { __DEV__ } from '@chakra-ui/utils'\nimport { AddIcon, MinusIcon } from '@chakra-ui/icons'\nimport { IconButton, ButtonProps } from '@saas-ui/button'\n\nimport { FormLayout, FormLayoutProps } 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 extends FormLayoutProps {\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   * The fields\n   */\n  children: React.ReactNode\n}\n\nexport const ArrayFieldRow: React.FC<ArrayFieldRowProps> = ({\n  children,\n  index,\n  ...rowFieldsProps\n}) => {\n  return (\n    <ArrayFieldRowContainer index={index}>\n      <ArrayFieldRowFields {...rowFieldsProps}>{children}</ArrayFieldRowFields>\n      <ArrayFieldRemoveButton />\n    </ArrayFieldRowContainer>\n  )\n}\n\nif (__DEV__) {\n  ArrayFieldRow.displayName = 'ArrayFieldRow'\n}\n\nexport interface ArrayFieldRowFieldsProps extends FormLayoutProps {\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 fields\n   */\n  children: React.ReactNode\n}\n\nexport const ArrayFieldRowFields: React.FC<ArrayFieldRowFieldsProps> = ({\n  children,\n  ...layoutProps\n}) => {\n  const { name } = useArrayFieldRowContext()\n  return (\n    <FormLayout flex=\"1\" mr=\"2\" {...layoutProps}>\n      {mapNestedFields(name, children)}\n    </FormLayout>\n  )\n}\n\nif (__DEV__) {\n  ArrayFieldRowFields.displayName = 'ArrayFieldRowFields'\n}\n\nexport const ArrayFieldRowContainer: React.FC<ArrayFieldRowProps> = ({\n  children,\n  index,\n}) => {\n  const context = useArrayFieldRow({ index })\n\n  const styles = {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'flex-end',\n    width: '100%',\n    mb: 4,\n  }\n\n  return (\n    <ArrayFieldRowProvider value={context}>\n      <chakra.div __css={styles}>{children}</chakra.div>\n    </ArrayFieldRowProvider>\n  )\n}\n\nif (__DEV__) {\n  ArrayFieldRowContainer.displayName = 'ArrayFieldRowContainer'\n}\n\nexport const ArrayFieldRemoveButton: React.FC<ButtonProps> = (props) => {\n  return (\n    <IconButton\n      icon={<MinusIcon />}\n      aria-label=\"Remove row\"\n      {...useArrayFieldRemoveButton()}\n      {...props}\n    />\n  )\n}\n\nif (__DEV__) {\n  ArrayFieldRemoveButton.displayName = 'ArrayFieldRemoveButton'\n}\n\nexport const ArrayFieldAddButton: React.FC<ButtonProps> = (props) => {\n  return (\n    <IconButton\n      icon={<AddIcon />}\n      aria-label=\"Add row\"\n      float=\"right\"\n      {...useArrayFieldAddButton()}\n      {...props}\n    />\n  )\n}\n\nif (__DEV__) {\n  ArrayFieldAddButton.displayName = 'ArrayFieldAddButton'\n}\n\nexport interface ArrayFieldProps\n  extends ArrayFieldOptions,\n    Omit<FieldProps, 'defaultValue'> {}\n\nexport const ArrayField = 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) as ((\n  props: ArrayFieldProps & {\n    ref?: React.ForwardedRef<UseArrayFieldReturn>\n  }\n) => React.ReactElement) & {\n  displayName: string\n}\n\nif (__DEV__) {\n  ArrayField.displayName = 'ArrayField'\n}\n\nexport interface ArrayFieldRowsProps {\n  children: (fields: ArrayField[]) => React.ReactElement | null\n}\n\nexport const ArrayFieldRows = ({\n  children,\n}: ArrayFieldRowsProps): React.ReactElement | null => {\n  const { fields } = useArrayFieldContext()\n  return children(fields)\n}\n\nif (__DEV__) {\n  ArrayFieldRows.displayName = 'ArrayFieldRows'\n}\n\nexport const ArrayFieldContainer = React.forwardRef(\n  (\n    {\n      name,\n      defaultValue,\n      keyName,\n      min,\n      max,\n      children,\n      ...fieldProps\n    }: ArrayFieldProps,\n    ref: React.ForwardedRef<UseArrayFieldReturn>\n  ) => {\n    const context = useArrayField({\n      name,\n      defaultValue,\n      keyName,\n      min,\n      max,\n    })\n\n    // This exposes the useArrayField api through the forwarded ref\n    React.useImperativeHandle(ref, () => context, [ref, context])\n\n    return (\n      <ArrayFieldProvider value={context}>\n        <BaseField name={name} {...fieldProps}>\n          {children}\n        </BaseField>\n      </ArrayFieldProvider>\n    )\n  }\n)\n\nif (__DEV__) {\n  ArrayFieldContainer.displayName = 'ArrayFieldContainer'\n}\n","import * as React from 'react'\nimport {\n  FormControl,\n  FormLabel,\n  FormLabelProps,\n  ResponsiveValue,\n  useStyleConfig,\n} from '@chakra-ui/react'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nimport { FormLayout } from './layout'\nimport { FieldProps } from './field'\n\nimport { mapNestedFields } from './utils'\n\nexport interface ObjectFieldProps extends FieldProps {\n  name: string\n  children: React.ReactNode\n  columns?: ResponsiveValue<number>\n  spacing?: ResponsiveValue<string | number>\n}\n\nexport const FormLegend = (props: FormLabelProps) => {\n  const styles = useStyleConfig('FormLegend')\n  return <FormLabel as=\"legend\" sx={styles} {...props} />\n}\n\nexport const ObjectField: React.FC<ObjectFieldProps> = (props) => {\n  const { name, label, hideLabel, children, columns, spacing, ...fieldProps } =\n    props\n\n  return (\n    <FormControl name={name} as=\"fieldset\" {...fieldProps}>\n      <FormLegend display={hideLabel ? 'none' : 'block'}>{label}</FormLegend>\n      <FormLayout columns={columns} gridGap={spacing}>\n        {mapNestedFields(name, children)}\n      </FormLayout>\n    </FormControl>\n  )\n}\n\nif (__DEV__) {\n  ObjectField.displayName = 'ObjectField'\n}\n","import * as React from 'react'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nimport { Form } from './form'\nimport { FormLayout } from './layout'\nimport { Field, FieldProps } from './field'\n\nimport { ArrayField } from './array-field'\nimport { ObjectField } from './object-field'\nimport { FieldResolver } from './field-resolver'\nimport { useFormContext } from 'react-hook-form'\n\nexport interface FieldsProps {\n  schema: any\n  fieldResolver?: FieldResolver\n  focusFirstField?: boolean\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  focusFirstField,\n  ...props\n}) => {\n  const resolver = React.useMemo(\n    () => fieldResolver || Form.getFieldResolver(schema),\n    [schema, fieldResolver]\n  )\n\n  const fields = React.useMemo(() => resolver.getFields(), [resolver])\n\n  const form = useFormContext()\n\n  React.useEffect(() => {\n    if (focusFirstField && fields[0]?.name) {\n      form.setFocus(fields[0].name)\n    }\n  }, [schema, fieldResolver, focusFirstField])\n\n  return (\n    <FormLayout {...props}>\n      {fields.map(\n        ({\n          name,\n          type,\n          defaultValue,\n          ...fieldProps\n        }: FieldProps): React.ReactNode => {\n          if (type === 'array') {\n            return (\n              <ArrayField key={name} name={name} {...fieldProps}>\n                {mapNestedFields(resolver, name)}\n              </ArrayField>\n            )\n          } else if (type === 'object') {\n            return (\n              <ObjectField key={name} name={name} {...fieldProps}>\n                {mapNestedFields(resolver, name)}\n              </ObjectField>\n            )\n          }\n\n          return <Field key={name} name={name} type={type} {...fieldProps} />\n        }\n      )}\n    </FormLayout>\n  )\n}\n\nif (__DEV__) {\n  Fields.displayName = 'Fields'\n}\n","import * as React from 'react'\n\nimport { useFormContext } from 'react-hook-form'\n\nimport { Button, ButtonProps } from '@saas-ui/button'\n\nimport { __DEV__ } from '@chakra-ui/utils'\n\nexport interface SubmitButtonProps extends ButtonProps {\n  /**\n   * Disable the submit button if the form is untouched.\n   *\n   * Change the default behavior by updating\n   * `SubmitButton.defaultProps.disableIfUntouched`\n   */\n  disableIfUntouched?: boolean\n  /**\n   * Disable the submit button if the form is invalid.\n   *\n   * Change the default behavior by updating\n   * `SubmitButton.defaultProps.disableIfInvalid`\n   */\n  disableIfInvalid?: boolean\n}\n\nexport const SubmitButton = React.forwardRef<\n  HTMLButtonElement,\n  SubmitButtonProps\n>((props, ref) => {\n  const {\n    children,\n    disableIfUntouched,\n    disableIfInvalid,\n    isDisabled: isDisabledProp,\n    isLoading,\n    ...rest\n  } = props\n  const { formState } = useFormContext()\n\n  const isDisabled =\n    (disableIfUntouched && !formState.isDirty) ||\n    (disableIfInvalid && !formState.isValid) ||\n    isDisabledProp\n\n  return (\n    <Button\n      {...rest}\n      ref={ref}\n      variant=\"primary\"\n      type=\"submit\"\n      isLoading={formState.isSubmitting || isLoading}\n      isDisabled={isDisabled}\n    >\n      {children}\n    </Button>\n  )\n})\n\nSubmitButton.defaultProps = {\n  label: 'Submit',\n  disableIfUntouched: false,\n  disableIfInvalid: false,\n}\n\nif (__DEV__) {\n  SubmitButton.displayName = 'SubmitButton'\n}\n","import * as React from 'react'\nimport { FieldValues, UseFormReturn } from 'react-hook-form'\nimport { forwardRef } from '@chakra-ui/react'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nimport { Form, FormProps } from './form'\nimport { FormLayout } from './layout'\nimport { Fields } from './fields'\nimport { SubmitButton } from './submit-button'\nimport { FieldResolver } from '.'\n\ninterface AutoFormOptions {\n  /**\n   * The submit button label.\n   * Pass `null` to render no submit button.\n   */\n  submitLabel?: React.ReactNode\n  /**\n   * The schema.\n   * Supports object schema, Yup or Zod.\n   * @see https://www.saas-ui.dev/docs/forms/auto-form\n   */\n  schema: any\n  /**\n   * The field resolver.\n   */\n  fieldResolver?: any\n}\n\nexport interface AutoFormProps<TFieldValues extends FieldValues>\n  extends Omit<FormProps<TFieldValues>, 'schema'>,\n    AutoFormOptions {}\n\nexport const AutoForm = forwardRef(\n  <TFieldValues extends FieldValues = FieldValues>(\n    props: AutoFormProps<TFieldValues>,\n    ref: React.ForwardedRef<UseFormReturn<TFieldValues>>\n  ) => {\n    const {\n      schema,\n      submitLabel = 'Submit',\n      fieldResolver,\n      children,\n      ...rest\n    } = props\n\n    return (\n      <Form {...rest} schema={schema} ref={ref}>\n        <FormLayout>\n          {<Fields schema={schema} fieldResolver={fieldResolver} />}\n          {submitLabel && <SubmitButton>{submitLabel}</SubmitButton>}\n          {children}\n        </FormLayout>\n      </Form>\n    )\n  }\n) as (<TFieldValues extends FieldValues>(\n  props: AutoFormProps<TFieldValues> & {\n    ref?: React.ForwardedRef<UseFormReturn<TFieldValues>>\n  }\n) => React.ReactElement) & {\n  displayName?: string\n  getFieldResolver?: (schema: any) => FieldResolver\n}\n\nif (__DEV__) {\n  AutoForm.displayName = 'AutoForm'\n}\n","import * as React from 'react'\nimport { __DEV__ } from '@chakra-ui/utils'\nimport {\n  useFormContext,\n  useWatch,\n  FieldValues,\n  UseFormReturn,\n} from 'react-hook-form'\n\nexport interface DisplayIfProps<TFieldValues> {\n  children: React.ReactElement\n  name: string\n  defaultValue?: unknown\n  isDisabled?: boolean\n  isExact?: boolean\n  condition?: (value: unknown, context: UseFormReturn<TFieldValues>) => boolean\n}\n\nexport const DisplayIf = <TFieldValues extends FieldValues = FieldValues>({\n  children,\n  name,\n  defaultValue,\n  isDisabled,\n  isExact,\n  condition = (value) => !!value,\n}: DisplayIfProps<TFieldValues>) => {\n  const value = useWatch({\n    name,\n    defaultValue,\n    disabled: isDisabled,\n    exact: isExact,\n  })\n  const context = useFormContext<TFieldValues>()\n  return condition(value, context) ? children : null\n}\n\nif (__DEV__) {\n  DisplayIf.displayName = 'DisplayIf'\n}\n","import * as React from 'react'\nimport { FieldValues, SubmitHandler, UnpackNestedValue } from 'react-hook-form'\nimport { createContext, MaybeRenderProp } 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  onSubmit?: FormStepSubmitHandler\n}\n\nexport type FormStepSubmitHandler<\n  TFieldValues extends FieldValues = FieldValues\n> = (\n  data: UnpackNestedValue<TFieldValues>,\n  stepper: UseStepperReturn\n) => Promise<void>\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 Omit<UseStepperProps, 'onChange'>,\n    Omit<FormProps<TFieldValues>, 'children'> {\n  children: MaybeRenderProp<UseStepFormReturn<TFieldValues>>\n}\n\nexport interface UseStepFormReturn<\n  TFieldValues extends FieldValues = FieldValues\n> extends UseStepperReturn {\n  getFormProps(): {\n    onSubmit: SubmitHandler<TFieldValues>\n    schema?: any\n    resolver?: any\n  }\n  updateStep(step: any): void\n  steps: Record<string, any>\n}\n\nexport function useStepForm<TFieldValues extends FieldValues = FieldValues>(\n  props: UseStepFormProps<TFieldValues>\n): UseStepFormReturn<TFieldValues> {\n  const { onChange, ...rest } = props\n  const stepper = useStepper(rest)\n\n  const { activeStep, isLastStep, nextStep } = stepper\n\n  const [steps, updateSteps] = React.useState<Record<string, StepState>>({})\n\n  const onSubmitStep: SubmitHandler<TFieldValues> = React.useCallback(\n    async (data) => {\n      const step = steps[activeStep]\n\n      if (isLastStep) {\n        return props\n          .onSubmit?.(data)\n          .then(() => {\n            updateStep({\n              ...step,\n              isCompleted: true,\n            })\n          })\n          .then(nextStep) // Show completed step\n      }\n\n      try {\n        await step.onSubmit?.(data, stepper)\n\n        nextStep()\n      } catch (e) {\n        // Step submission failed.\n      }\n    },\n    [steps, activeStep, isLastStep]\n  )\n\n  const getFormProps = React.useCallback(() => {\n    const step = steps[activeStep]\n    return {\n      onSubmit: onSubmitStep,\n      schema: step?.schema,\n      resolver: step?.resolver,\n    }\n  }, [steps, onSubmitStep, activeStep])\n\n  const updateStep = React.useCallback(\n    (step: StepState) => {\n      updateSteps((steps) => {\n        return {\n          ...steps,\n          [step.name]: step,\n        }\n      })\n    },\n    [steps]\n  )\n\n  return {\n    getFormProps,\n    updateStep,\n    steps,\n    ...stepper,\n  }\n}\n\nexport interface UseFormStepProps {\n  name: string\n  schema?: any\n  resolver?: any\n  onSubmit?: FormStepSubmitHandler\n}\n\nexport function useFormStep(props: UseFormStepProps): StepState {\n  const { name, schema, resolver, onSubmit } = props\n  const step = useStep({ name })\n\n  const { steps, updateStep } = useStepFormContext()\n\n  React.useEffect(() => {\n    updateStep({ name, schema, resolver, onSubmit })\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 { chakra, HTMLChakraProps } 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  StepperContainer,\n} from '@saas-ui/stepper'\nimport { Button, ButtonProps } from '@saas-ui/button'\n\nimport { Form } from './form'\nimport { SubmitButton } from './submit-button'\n\nimport {\n  useStepForm,\n  useFormStep,\n  StepFormProvider,\n  UseStepFormProps,\n  FormStepSubmitHandler,\n} from './use-step-form'\n\nexport interface StepFormProps<TFieldValues extends FieldValues = FieldValues>\n  extends UseStepFormProps<TFieldValues> {}\n\nexport const StepForm = React.forwardRef(\n  <TFieldValues extends FieldValues = FieldValues>(\n    props: StepFormProps<TFieldValues>,\n    ref: React.ForwardedRef<UseFormReturn<TFieldValues>>\n  ) => {\n    const { children, ...rest } = props\n\n    const stepper = useStepForm<TFieldValues>(props)\n\n    const { getFormProps, ...ctx } = stepper\n\n    const context = React.useMemo(() => ctx, [ctx])\n\n    return (\n      <StepperProvider value={context}>\n        <StepFormProvider value={context}>\n          <Form ref={ref} {...rest} {...getFormProps()}>\n            {runIfFn(children, stepper)}\n          </Form>\n        </StepFormProvider>\n      </StepperProvider>\n    )\n  }\n) as <TFieldValues extends FieldValues>(\n  props: StepFormProps<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 { activeIndex, setIndex } = useStepperContext()\n\n  const { children, orientation } = 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  const onChange = React.useCallback((i: number) => {\n    setIndex(i)\n  }, [])\n\n  return (\n    <StepperContainer\n      orientation={orientation}\n      step={activeIndex}\n      onChange={onChange}\n    >\n      <StepperSteps mb=\"4\" {...props}>\n        {elements}\n      </StepperSteps>\n    </StepperContainer>\n  )\n}\n\nexport interface FormStepProps\n  extends FormStepOptions,\n    Omit<HTMLChakraProps<'div'>, 'onSubmit'> {\n  onSubmit?: FormStepSubmitHandler\n}\n\nexport const FormStep: React.FC<FormStepProps> = (props) => {\n  const { name, schema, resolver, children, className, onSubmit, ...rest } =\n    props\n  const step = useFormStep({ name, schema, resolver, onSubmit })\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      {...rest}\n      isDisabled={isCompleted}\n      className={cx('saas-form__next-button', props.className)}\n    >\n      {isLastStep || isCompleted ? submitLabel : label}\n    </SubmitButton>\n  )\n}\n\nif (__DEV__) {\n  NextButton.displayName = 'NextButton'\n}\n"],"names":["DisplayField","_ref","name","label","props","_objectWithoutPropertiesLoose","_excluded","React","createElement","FormControl","FormLabel","htmlFor","Text","fontSize","FormValue","__DEV__","displayName","getValues","useFormContext","_excluded2","_excluded3","_excluded4","_excluded5","_excluded6","_excluded7","_excluded8","_excluded9","_excluded10","defaultInputType","BaseField","help","variant","hideLabel","children","controlProps","formState","error","get","errors","getError","_extends","isInvalid","Box","message","FormHelperText","FormErrorMessage","Field","forwardRef","ref","type","InputComponent","inputTypes","getInput","_ref2","rules","inputProps","control","Controller","render","_ref3","field","useMergeRefs","withUncontrolledInput","_ref4","register","_register","registerFieldType","component","options","isControlled","withControlledInput","id","isDisabled","isReadOnly","isRequired","inputRules","required","undefined","createField","split","map","part","charAt","toUpperCase","slice","join","InputField","leftAddon","rightAddon","size","rest","_ref5","input","Input","InputGroup","NumberInputField","NumberInput","PasswordInputField","PasswordInput","TextareaField","Textarea","SwitchField","_ref6","Switch","SelectField","Select","_ref7","Checkbox","RadioField","RadioInput","NativeSelectField","NativeSelect","PinField","pinLength","pinType","spacing","inputs","i","push","PinInputField","key","HStack","PinInput","mapFields","schema","Object","entries","title","getFields","getNestedFields","_field$items","items","properties","Form","mode","resolver","reValidateMode","shouldFocusError","shouldUnregister","shouldUseNativeValidation","criteriaMode","delayError","defaultValues","onSubmit","onError","formRef","form","getResolver","methods","useForm","handleSubmit","useImperativeHandle","FormProvider","chakra","className","cx","getFieldResolver","objectFieldResolver","FormLayoutItem","div","FormLayout","_theme$components$For","_theme$components","_theme$components$For2","defaultProps","theme","useTheme","components","SimpleGrid","gridProps","Children","child","isValidElement","mapNestedFields","cloneElement","ArrayFieldProvider","useArrayFieldContext","createContext","ArrayFieldRowProvider","useArrayFieldRowContext","useArrayField","defaultValue","keyName","min","max","context","useFieldArray","useArrayFieldRow","index","clearErrors","remove","fields","useEffect","isFirst","isLast","length","useCallback","useArrayFieldRemoveButton","onClick","useArrayFieldAddButton","append","shouldFocus","ArrayFieldRow","rowFieldsProps","ArrayFieldRowContainer","ArrayFieldRowFields","ArrayFieldRemoveButton","layoutProps","flex","mr","value","__css","display","flexDirection","alignItems","width","mb","IconButton","icon","MinusIcon","ArrayFieldAddButton","AddIcon","float","ArrayField","containerProps","ArrayFieldContainer","ArrayFieldRows","fieldProps","FormLegend","styles","useStyleConfig","as","sx","ObjectField","columns","gridGap","_resolver$getNestedFi","nestedFieldProps","fieldResolver","focusFirstField","useMemo","_fields$","setFocus","Fields","disableIfUntouched","disableIfInvalid","isDisabledProp","isLoading","Button","isSubmitting","isDirty","isValid","SubmitButton","AutoForm","submitLabel","DisplayIf","isExact","condition","useWatch","disabled","exact","StepFormProvider","useStepFormContext","errorMessage","useStepForm","stepper","useStepper","activeStep","isLastStep","nextStep","steps","updateSteps","useState","onSubmitStep","async","step","data","then","updateStep","isCompleted","e","getFormProps","useFormStep","useStep","StepForm","ctx","StepperProvider","runIfFn","FormStepper","activeIndex","setIndex","useStepperContext","orientation","elements","FormStep","StepperStep","onChange","StepperContainer","StepperSteps","isActive","PrevButton","isFirstStep","prevStep","callAllHandlers","NextButton"],"mappings":"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"}
+{"version":3,"file":"index.modern.mjs","sources":["../src/display-field.tsx","../src/field.tsx","../src/field-resolver.ts","../src/form.tsx","../src/layout.tsx","../src/utils.ts","../src/use-array-field.tsx","../src/array-field.tsx","../src/object-field.tsx","../src/fields.tsx","../src/submit-button.tsx","../src/auto-form.tsx","../src/display-if.tsx","../src/use-step-form.tsx","../src/step-form.tsx"],"sourcesContent":["import * as React from 'react'\nimport { __DEV__ } from '@chakra-ui/utils'\nimport { useFormContext } from 'react-hook-form'\n\nimport {\n  Text,\n  FormControl,\n  FormControlProps,\n  FormLabel,\n} from '@chakra-ui/react'\n\nimport { FieldProps } from './field'\n\nexport interface DisplayFieldProps\n  extends FormControlProps,\n    Omit<FieldProps, 'type' | 'label'> {}\n\nexport const DisplayField: React.FC<DisplayFieldProps> = ({\n  name,\n  label,\n  placeholder,\n  ...props\n}) => {\n  return (\n    <FormControl {...props}>\n      {label ? <FormLabel htmlFor={name}>{label}</FormLabel> : null}\n      <Text fontSize=\"md\">\n        <FormValue name={name} />\n      </Text>\n    </FormControl>\n  )\n}\n\nif (__DEV__) {\n  DisplayField.displayName = 'DisplayField'\n}\n\nexport const FormValue: React.FC<{ name: string }> = ({ name }) => {\n  const { getValues } = useFormContext()\n  return getValues(name) || null\n}\n\nif (__DEV__) {\n  FormValue.displayName = 'FormValue'\n}\n","import * as React from 'react'\nimport {\n  useFormContext,\n  FormState,\n  Controller,\n  get,\n  RegisterOptions,\n  FieldValues,\n  FieldPath,\n} from 'react-hook-form'\n\nimport {\n  forwardRef,\n  Box,\n  FormControl,\n  FormControlProps,\n  FormLabel,\n  FormHelperText,\n  FormErrorMessage,\n  Input,\n  Textarea,\n  Checkbox,\n  Switch,\n  useMergeRefs,\n  InputGroup,\n  InputProps,\n  TextareaProps,\n  SwitchProps,\n  CheckboxProps,\n  PinInputField,\n  HStack,\n  PinInput,\n  UsePinInputProps,\n  SystemProps,\n} from '@chakra-ui/react'\nimport { __DEV__, FocusableElement } from '@chakra-ui/utils'\n\nimport { NumberInput, NumberInputProps } from '@saas-ui/number-input'\nimport { PasswordInput, PasswordInputProps } from '@saas-ui/password-input'\nimport { RadioInput, RadioInputProps } from '@saas-ui/radio'\n\nimport {\n  Select,\n  SelectProps,\n  NativeSelect,\n  NativeSelectProps,\n} from '@saas-ui/select'\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 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   * 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   */\n  type?: string\n  /**\n   * The input placeholder\n   */\n  placeholder?: string\n}\n\nconst inputTypes: Record<string, React.FC<any>> = {}\n\nconst defaultInputType = 'text'\n\nconst getInput = (type: string) => {\n  return inputTypes[type] || inputTypes[defaultInputType]\n}\n\nconst getError = (name: string, formState: FormState<{ [x: string]: any }>) => {\n  return get(formState.errors, name)\n}\n\nconst isTouched = (\n  name: string,\n  formState: FormState<{ [x: string]: any }>\n) => {\n  return get(formState.touchedFields, name)\n}\n\nexport const BaseField: React.FC<FieldProps> = (props) => {\n  const { name, label, help, variant, hideLabel, children, ...controlProps } =\n    props\n\n  const { formState } = useFormContext()\n\n  const error = getError(name, formState)\n\n  return (\n    <FormControl variant={variant} {...controlProps} isInvalid={!!error}>\n      {label && !hideLabel ? (\n        <FormLabel variant={variant}>{label}</FormLabel>\n      ) : null}\n      <Box>\n        {children}\n        {help && !error?.message ? (\n          <FormHelperText>{help}</FormHelperText>\n        ) : null}\n        {error?.message && (\n          <FormErrorMessage>{error?.message}</FormErrorMessage>\n        )}\n      </Box>\n    </FormControl>\n  )\n}\n\nif (__DEV__) {\n  BaseField.displayName = 'BaseField'\n}\n\nexport type As<Props = any> = React.ElementType<Props>\n\nexport type PropsOf<T extends As> = React.ComponentPropsWithoutRef<T> & {\n  type?: FieldTypes\n}\n\n/**\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 */\nexport const Field = React.forwardRef(\n  <TFieldValues extends FieldValues = FieldValues>(\n    props: FieldProps<TFieldValues> | FieldTypeProps,\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    FieldTypeProps & {\n      ref?: React.ForwardedRef<FocusableElement>\n    }\n) => React.ReactElement) & {\n  displayName?: string\n}\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((props, ref) => {\n    const {\n      id,\n      name,\n      label,\n      help,\n      isDisabled,\n      isInvalid,\n      isReadOnly,\n      isRequired,\n      rules,\n      variant,\n      ...inputProps\n    } = props\n\n    const inputRules = {\n      required: isRequired,\n      ...rules,\n    }\n\n    return (\n      <BaseField\n        id={id}\n        name={name}\n        label={label}\n        help={help}\n        hideLabel={hideLabel}\n        isDisabled={isDisabled}\n        isInvalid={isInvalid}\n        isReadOnly={isReadOnly}\n        isRequired={isRequired}\n        variant={variant}\n      >\n        <InputComponent\n          ref={ref}\n          id={id}\n          name={name}\n          label={hideLabel ? label : undefined} // Only pass down the label when it should be inline.\n          rules={inputRules}\n          {...inputProps}\n        />\n      </BaseField>\n    )\n  })\n  Field.displayName = displayName\n\n  return Field\n}\n\nexport const withControlledInput = (InputComponent: React.FC<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: React.FC<any>) => {\n  return forwardRef<FieldProps, typeof InputComponent>(\n    ({ name, rules, ...inputProps }, ref) => {\n      const { register } = useFormContext()\n\n      const { ref: _ref, ...field } = register(name, rules)\n\n      return (\n        <InputComponent\n          {...field}\n          {...inputProps}\n          ref={useMergeRefs(ref, _ref)}\n        />\n      )\n    }\n  )\n}\n\nexport interface RegisterFieldTypeOptions {\n  isControlled?: boolean\n  hideLabel?: boolean\n  BaseField?: React.FC<any>\n}\n\n/**\n * Register a new field type\n * @param type The name for this field in kebab-case, eg `email` or `array-field`\n * @param component The React component\n * @param options\n * @param options.isControlled Set this to true if this is a controlled field.\n * @param options.hideLabel Hide the field label, for example for the checkbox field.\n */\nexport const registerFieldType = <T extends object>(\n  type: string,\n  component: React.FC<T>,\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  }) as React.FC<T & FieldProps>\n\n  inputTypes[type] = Field\n\n  return Field\n}\n\nexport interface InputFieldProps extends InputProps {\n  type?: string\n  leftAddon?: React.ReactNode\n  rightAddon?: React.ReactNode\n}\n\nexport const InputField = registerFieldType<InputFieldProps>(\n  'text',\n  forwardRef(({ type = 'text', leftAddon, rightAddon, size, ...rest }, ref) => {\n    const input = <Input type={type} size={size} {...rest} ref={ref} />\n    if (leftAddon || rightAddon) {\n      return (\n        <InputGroup size={size}>\n          {leftAddon}\n          {input}\n          {rightAddon}\n        </InputGroup>\n      )\n    }\n    return input\n  })\n)\n\nexport interface NumberInputFieldProps extends NumberInputProps {\n  type: 'number'\n}\n\nexport const NumberInputField = registerFieldType<NumberInputFieldProps>(\n  'number',\n  NumberInput,\n  {\n    isControlled: true,\n  }\n)\n\nexport const PasswordInputField = registerFieldType<PasswordInputProps>(\n  'password',\n  forwardRef((props, ref) => <PasswordInput ref={ref} {...props} />)\n)\n\nexport const TextareaField = registerFieldType<TextareaProps>(\n  'textarea',\n  Textarea\n)\n\nexport const SwitchField = registerFieldType<SwitchProps>(\n  'switch',\n  forwardRef(({ type, ...rest }, ref) => {\n    return <Switch {...rest} ref={ref} />\n  }),\n  {\n    isControlled: true,\n  }\n)\n\nexport const SelectField = registerFieldType<SelectProps>('select', Select, {\n  isControlled: true,\n})\n\nexport const CheckboxField = registerFieldType<CheckboxProps>(\n  'checkbox',\n  forwardRef(({ label, type, ...props }, ref) => {\n    return (\n      <Checkbox ref={ref} {...props}>\n        {label}\n      </Checkbox>\n    )\n  }),\n  {\n    hideLabel: true,\n  }\n)\n\nexport const RadioField = registerFieldType<RadioInputProps>(\n  'radio',\n  RadioInput,\n  {\n    isControlled: true,\n  }\n)\n\nexport const NativeSelectField = registerFieldType<NativeSelectProps>(\n  'native-select',\n  NativeSelect,\n  { isControlled: true }\n)\n\nexport interface PinFieldProps extends Omit<UsePinInputProps, 'type'> {\n  pinLength?: number\n  pinType?: 'alphanumeric' | 'number'\n  spacing?: SystemProps['margin']\n}\n\nexport const PinField = registerFieldType<PinFieldProps>(\n  'pin',\n  forwardRef((props, ref) => {\n    const { pinLength = 4, pinType, spacing, ...inputProps } = props\n\n    const inputs: React.ReactNode[] = []\n    for (let i = 0; i < pinLength; i++) {\n      inputs.push(<PinInputField key={i} ref={ref} />)\n    }\n\n    return (\n      <HStack spacing={spacing}>\n        <PinInput {...inputProps} type={pinType}>\n          {inputs}\n        </PinInput>\n      </HStack>\n    )\n  }),\n  {\n    isControlled: true,\n  }\n)\n\nconst fieldTypes = {\n  text: InputField,\n  email: InputField,\n  url: InputField,\n  phone: InputField,\n  number: NumberInputField,\n  password: PasswordInputField,\n  textarea: TextareaField,\n  switch: SwitchField,\n  checkbox: CheckboxField,\n  radio: RadioField,\n  pin: PinField,\n  select: SelectField,\n  'native-select': NativeSelectField,\n}\n\ntype FieldTypes = typeof fieldTypes\n\ntype FieldType<Props = any> = React.ElementType<Props>\n\ntype TypeProps<P extends FieldType, T> = React.ComponentPropsWithoutRef<P> & {\n  type: T\n}\n\ntype FieldTypeProps =\n  | {\n      [Property in keyof FieldTypes]: TypeProps<FieldTypes[Property], Property>\n    }[keyof FieldTypes]\n  | { type?: string }\n","import { FieldProps } from './field'\n\nimport { get } from '@chakra-ui/utils'\n\nexport type FieldResolver = {\n  getFields(): FieldProps[]\n  getNestedFields(name: string): FieldProps[]\n}\n\ninterface SchemaField extends FieldProps {\n  items?: SchemaField[]\n  properties?: Record<string, SchemaField>\n}\n\nexport type ObjectSchema = Record<string, SchemaField>\n\nconst mapFields = (schema: ObjectSchema): FieldProps[] =>\n  schema &&\n  Object.entries(schema).map(([name, { items, label, title, ...field }]) => {\n    return {\n      ...field,\n      name,\n      label: label || title, // json schema compatibility\n    }\n  })\n\nexport const objectFieldResolver = (schema: ObjectSchema): FieldResolver => {\n  const getFields = () => {\n    return mapFields(schema)\n  }\n  const getNestedFields = (name: string) => {\n    const field = get(schema, name)\n\n    if (!field) return []\n\n    if (field.items?.type === 'object') {\n      return mapFields(field.items.properties)\n    } else if (field.type === 'object') {\n      return mapFields(field.properties)\n    }\n    return [field.items]\n  }\n\n  return { getFields, getNestedFields }\n}\n","import * as React from 'react'\n\nimport { chakra, HTMLChakraProps, forwardRef } from '@chakra-ui/react'\nimport { cx, __DEV__ } from '@chakra-ui/utils'\n\nimport {\n  useForm,\n  FormProvider,\n  UseFormProps,\n  UseFormReturn,\n  FieldValues,\n  SubmitHandler,\n  SubmitErrorHandler,\n  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.RefObject<HTMLFormElement>\n}\n\n/**\n * @todo Figure out how to pass down FieldValues to all Field components,\n * if at all possible.\n */\nexport interface FormProps<TFieldValues extends FieldValues = FieldValues>\n  extends UseFormProps<TFieldValues>,\n    Omit<HTMLChakraProps<'form'>, 'onSubmit' | 'onError'>,\n    FormOptions<TFieldValues> {}\n\nexport const Form = forwardRef(\n  <TFieldValues extends FieldValues = FieldValues>(\n    props: FormProps<TFieldValues>,\n    ref: React.ForwardedRef<UseFormReturn<TFieldValues>>\n  ) => {\n    const {\n      mode = 'all',\n      resolver,\n      reValidateMode,\n      shouldFocusError,\n      shouldUnregister,\n      shouldUseNativeValidation,\n      criteriaMode,\n      delayError,\n      schema,\n      defaultValues,\n      onSubmit,\n      onError,\n      formRef,\n      children,\n      ...rest\n    } = props\n\n    const form = {\n      mode,\n      resolver,\n      defaultValues,\n      reValidateMode,\n      shouldFocusError,\n      shouldUnregister,\n      shouldUseNativeValidation,\n      criteriaMode,\n      delayError,\n    }\n\n    if (schema && !resolver) {\n      form.resolver = Form.getResolver?.(schema)\n    }\n\n    const methods = useForm<TFieldValues>(form)\n    const { handleSubmit } = methods\n\n    // This exposes the useForm api through the forwarded ref\n    React.useImperativeHandle(ref, () => methods, [ref, methods])\n\n    return (\n      <FormProvider {...methods}>\n        <chakra.form\n          ref={formRef}\n          onSubmit={handleSubmit(onSubmit, onError)}\n          {...rest}\n          className={cx('saas-form', props.className)}\n        >\n          {children}\n        </chakra.form>\n      </FormProvider>\n    )\n  }\n) as (<TFieldValues extends FieldValues>(\n  props: FormProps<TFieldValues> & {\n    ref?: React.ForwardedRef<UseFormReturn<TFieldValues>>\n  }\n) => React.ReactElement) & {\n  displayName?: string\n  getResolver?: GetResolver\n  getFieldResolver: GetFieldResolver\n}\n\nForm.getFieldResolver = objectFieldResolver\n\nif (__DEV__) {\n  Form.displayName = 'Form'\n}\n\nexport type GetResolver = (\n  schema: any\n) => <TFieldValues extends FieldValues, TContext>(\n  values: TFieldValues,\n  context: TContext | undefined,\n  options: ResolverOptions<TFieldValues>\n) => Promise<ResolverResult<TFieldValues>>\n\nexport type GetFieldResolver = (schema: any) => FieldResolver\n","import * as React from 'react'\n\nimport { chakra, SimpleGrid, SimpleGridProps, useTheme } from '@chakra-ui/react'\nimport { cx, __DEV__ } from '@chakra-ui/utils'\n\nexport type FormLayoutProps = SimpleGridProps\n\ninterface FormLayoutItemProps {\n  children: React.ReactNode\n}\n\nconst FormLayoutItem: React.FC<FormLayoutItemProps> = ({ children }) => {\n  return <chakra.div>{children}</chakra.div>\n}\n\nif (__DEV__) {\n  FormLayoutItem.displayName = 'FormLayoutItem'\n}\n\n/**\n * FormLayout\n *\n * Renders form items in a `SimpleGrid`\n * @see https://chakra-ui.com/docs/layout/simple-grid\n */\nexport const FormLayout = ({ children, ...props }: FormLayoutProps) => {\n  const theme = useTheme()\n\n  const defaultProps = theme.components?.FormLayout?.defaultProps ?? {\n    spacing: 4,\n  }\n\n  const gridProps = {\n    ...defaultProps,\n    ...props,\n  }\n\n  return (\n    <SimpleGrid\n      {...gridProps}\n      className={cx('saas-form__layout', props.className)}\n    >\n      {React.Children.map(children, (child) => {\n        if (React.isValidElement(child)) {\n          return <FormLayoutItem>{child}</FormLayoutItem>\n        }\n        return child\n      })}\n    </SimpleGrid>\n  )\n}\n\nif (__DEV__) {\n  FormLayout.displayName = 'FormLayout'\n}\n","import * as React from 'react'\n\nexport const mapNestedFields = (name: string, children: React.ReactNode) => {\n  return React.Children.map(children, (child) => {\n    if (React.isValidElement(child) && child.props.name) {\n      return React.cloneElement(child, {\n        ...child.props,\n        name: `${name}.${child.props.name}`,\n      })\n    }\n    return child\n  })\n}\n","import * as React from 'react'\nimport {\n  useFieldArray,\n  useFormContext,\n  UseFieldArrayReturn,\n} from 'react-hook-form'\n\nimport { createContext } from '@chakra-ui/react-utils'\n\nexport interface UseArrayFieldReturn extends UseFieldArrayReturn {\n  /**\n   * The array field name\n   */\n  name: string\n  /**\n   * The default value for new items\n   */\n  defaultValue: Record<string, any>\n  /**\n   * Min amount of items\n   */\n  min?: number\n  /**\n   * Max amount of items\n   */\n  max?: number\n}\n\nexport const [ArrayFieldProvider, useArrayFieldContext] =\n  createContext<UseArrayFieldReturn>({\n    name: 'ArrayFieldContext',\n  })\n\nexport interface UseArrayFieldRowReturn {\n  /**\n   * Name of the array field including the index, eg 'field.0'\n   */\n  name: string\n  /**\n   * The field index\n   */\n  index: number\n  /**\n   * Remove this array item\n   */\n  remove: () => void\n  /**\n   * True if this is the first item\n   */\n  isFirst: boolean\n  /**\n   * True if this is the last item\n   */\n  isLast: boolean\n}\n\nexport const [ArrayFieldRowProvider, useArrayFieldRowContext] =\n  createContext<UseArrayFieldRowReturn>({\n    name: 'ArrayFieldRowContext',\n  })\n\nexport interface ArrayFieldOptions {\n  /**\n   * The field name\n   */\n  name: string\n  /**\n   * Default value for new values in the array\n   */\n  defaultValue?: Record<string, any>\n  /**\n   * Default key name for rows, change this if your data uses a different 'id' field\n   * @default \"id\"\n   */\n  keyName?: string\n  min?: number\n  max?: number\n}\n\nexport const useArrayField = ({\n  name,\n  defaultValue = {},\n  keyName,\n  min,\n  max,\n}: ArrayFieldOptions) => {\n  const { control } = useFormContext()\n  const context = useFieldArray({\n    control,\n    name,\n    keyName,\n  })\n\n  return {\n    ...context,\n    name,\n    defaultValue,\n    min,\n    max,\n  }\n}\n\nexport interface UseArrayFieldRowProps {\n  index: number\n}\n\nexport const useArrayFieldRow = ({ index }: UseArrayFieldRowProps) => {\n  const { clearErrors } = useFormContext()\n  const { name, remove, fields } = useArrayFieldContext()\n\n  React.useEffect(() => {\n    // reset errors, to make sure min/max errors reset correctly\n    clearErrors(name)\n  }, [])\n\n  return {\n    index,\n    isFirst: index === 0,\n    isLast: index === fields.length - 1,\n    name: `${name}.${index}`,\n    remove: React.useCallback(() => {\n      clearErrors(name)\n      remove(index)\n    }, [index]),\n  }\n}\n\nexport const useArrayFieldRemoveButton = () => {\n  const { isFirst, remove } = useArrayFieldRowContext()\n  const { min, fields } = useArrayFieldContext()\n\n  const isDisabled = isFirst && !!(min && fields.length <= min)\n\n  return {\n    onClick: () => remove(),\n    isDisabled,\n  }\n}\n\nexport const useArrayFieldAddButton = () => {\n  const { append, defaultValue, max, fields } = useArrayFieldContext()\n\n  const isDisabled = !!(max && fields.length >= max)\n\n  return {\n    onClick: () =>\n      append(defaultValue, {\n        shouldFocus: false,\n      }),\n    isDisabled,\n  }\n}\n","import * as React from 'react'\n\nimport { chakra, ResponsiveValue, forwardRef } from '@chakra-ui/system'\nimport { __DEV__ } from '@chakra-ui/utils'\nimport { AddIcon, MinusIcon } from '@chakra-ui/icons'\nimport { IconButton, ButtonProps } from '@saas-ui/button'\n\nimport { FormLayout, FormLayoutProps } 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 extends FormLayoutProps {\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   * The fields\n   */\n  children: React.ReactNode\n}\n\nexport const ArrayFieldRow: React.FC<ArrayFieldRowProps> = ({\n  children,\n  index,\n  ...rowFieldsProps\n}) => {\n  return (\n    <ArrayFieldRowContainer index={index}>\n      <ArrayFieldRowFields {...rowFieldsProps}>{children}</ArrayFieldRowFields>\n      <ArrayFieldRemoveButton />\n    </ArrayFieldRowContainer>\n  )\n}\n\nif (__DEV__) {\n  ArrayFieldRow.displayName = 'ArrayFieldRow'\n}\n\nexport interface ArrayFieldRowFieldsProps extends FormLayoutProps {\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 fields\n   */\n  children: React.ReactNode\n}\n\nexport const ArrayFieldRowFields: React.FC<ArrayFieldRowFieldsProps> = ({\n  children,\n  ...layoutProps\n}) => {\n  const { name } = useArrayFieldRowContext()\n  return (\n    <FormLayout flex=\"1\" mr=\"2\" {...layoutProps}>\n      {mapNestedFields(name, children)}\n    </FormLayout>\n  )\n}\n\nif (__DEV__) {\n  ArrayFieldRowFields.displayName = 'ArrayFieldRowFields'\n}\n\nexport const ArrayFieldRowContainer: React.FC<ArrayFieldRowProps> = ({\n  children,\n  index,\n}) => {\n  const context = useArrayFieldRow({ index })\n\n  const styles = {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'flex-end',\n    width: '100%',\n    mb: 4,\n  }\n\n  return (\n    <ArrayFieldRowProvider value={context}>\n      <chakra.div __css={styles}>{children}</chakra.div>\n    </ArrayFieldRowProvider>\n  )\n}\n\nif (__DEV__) {\n  ArrayFieldRowContainer.displayName = 'ArrayFieldRowContainer'\n}\n\nexport const ArrayFieldRemoveButton: React.FC<ButtonProps> = (props) => {\n  return (\n    <IconButton\n      icon={<MinusIcon />}\n      aria-label=\"Remove row\"\n      {...useArrayFieldRemoveButton()}\n      {...props}\n    />\n  )\n}\n\nif (__DEV__) {\n  ArrayFieldRemoveButton.displayName = 'ArrayFieldRemoveButton'\n}\n\nexport const ArrayFieldAddButton: React.FC<ButtonProps> = (props) => {\n  return (\n    <IconButton\n      icon={<AddIcon />}\n      aria-label=\"Add row\"\n      float=\"right\"\n      {...useArrayFieldAddButton()}\n      {...props}\n    />\n  )\n}\n\nif (__DEV__) {\n  ArrayFieldAddButton.displayName = 'ArrayFieldAddButton'\n}\n\nexport interface ArrayFieldProps\n  extends ArrayFieldOptions,\n    Omit<FieldProps, 'defaultValue'> {}\n\nexport const ArrayField = 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) as ((\n  props: ArrayFieldProps & {\n    ref?: React.ForwardedRef<UseArrayFieldReturn>\n  }\n) => React.ReactElement) & {\n  displayName: string\n}\n\nif (__DEV__) {\n  ArrayField.displayName = 'ArrayField'\n}\n\nexport interface ArrayFieldRowsProps {\n  children: (fields: ArrayField[]) => React.ReactElement | null\n}\n\nexport const ArrayFieldRows = ({\n  children,\n}: ArrayFieldRowsProps): React.ReactElement | null => {\n  const { fields } = useArrayFieldContext()\n  return children(fields)\n}\n\nif (__DEV__) {\n  ArrayFieldRows.displayName = 'ArrayFieldRows'\n}\n\nexport const ArrayFieldContainer = React.forwardRef(\n  (\n    {\n      name,\n      defaultValue,\n      keyName,\n      min,\n      max,\n      children,\n      ...fieldProps\n    }: ArrayFieldProps,\n    ref: React.ForwardedRef<UseArrayFieldReturn>\n  ) => {\n    const context = useArrayField({\n      name,\n      defaultValue,\n      keyName,\n      min,\n      max,\n    })\n\n    // This exposes the useArrayField api through the forwarded ref\n    React.useImperativeHandle(ref, () => context, [ref, context])\n\n    return (\n      <ArrayFieldProvider value={context}>\n        <BaseField name={name} {...fieldProps}>\n          {children}\n        </BaseField>\n      </ArrayFieldProvider>\n    )\n  }\n)\n\nif (__DEV__) {\n  ArrayFieldContainer.displayName = 'ArrayFieldContainer'\n}\n","import * as React from 'react'\nimport {\n  FormControl,\n  FormLabel,\n  FormLabelProps,\n  ResponsiveValue,\n  useStyleConfig,\n} from '@chakra-ui/react'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nimport { FormLayout } from './layout'\nimport { FieldProps } from './field'\n\nimport { mapNestedFields } from './utils'\n\nexport interface ObjectFieldProps extends FieldProps {\n  name: string\n  children: React.ReactNode\n  columns?: ResponsiveValue<number>\n  spacing?: ResponsiveValue<string | number>\n}\n\nexport const FormLegend = (props: FormLabelProps) => {\n  const styles = useStyleConfig('FormLegend')\n  return <FormLabel as=\"legend\" sx={styles} {...props} />\n}\n\nexport const ObjectField: React.FC<ObjectFieldProps> = (props) => {\n  const { name, label, hideLabel, children, columns, spacing, ...fieldProps } =\n    props\n\n  return (\n    <FormControl name={name} as=\"fieldset\" {...fieldProps}>\n      <FormLegend display={hideLabel ? 'none' : 'block'}>{label}</FormLegend>\n      <FormLayout columns={columns} gridGap={spacing}>\n        {mapNestedFields(name, children)}\n      </FormLayout>\n    </FormControl>\n  )\n}\n\nif (__DEV__) {\n  ObjectField.displayName = 'ObjectField'\n}\n","import * as React from 'react'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nimport { Form } from './form'\nimport { FormLayout } from './layout'\nimport { Field, FieldProps } from './field'\n\nimport { ArrayField } from './array-field'\nimport { ObjectField } from './object-field'\nimport { FieldResolver } from './field-resolver'\nimport { useFormContext } from 'react-hook-form'\n\nexport interface FieldsProps {\n  schema: any\n  fieldResolver?: FieldResolver\n  focusFirstField?: boolean\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  focusFirstField,\n  ...props\n}) => {\n  const resolver = React.useMemo(\n    () => fieldResolver || Form.getFieldResolver(schema),\n    [schema, fieldResolver]\n  )\n\n  const fields = React.useMemo(() => resolver.getFields(), [resolver])\n\n  const form = useFormContext()\n\n  React.useEffect(() => {\n    if (focusFirstField && fields[0]?.name) {\n      form.setFocus(fields[0].name)\n    }\n  }, [schema, fieldResolver, focusFirstField])\n\n  return (\n    <FormLayout {...props}>\n      {fields.map(\n        ({\n          name,\n          type,\n          defaultValue,\n          ...fieldProps\n        }: FieldProps): React.ReactNode => {\n          if (type === 'array') {\n            return (\n              <ArrayField key={name} name={name} {...fieldProps}>\n                {mapNestedFields(resolver, name)}\n              </ArrayField>\n            )\n          } else if (type === 'object') {\n            return (\n              <ObjectField key={name} name={name} {...fieldProps}>\n                {mapNestedFields(resolver, name)}\n              </ObjectField>\n            )\n          }\n\n          return <Field key={name} name={name} type={type} {...fieldProps} />\n        }\n      )}\n    </FormLayout>\n  )\n}\n\nif (__DEV__) {\n  Fields.displayName = 'Fields'\n}\n","import * as React from 'react'\n\nimport { useFormContext } from 'react-hook-form'\n\nimport { Button, ButtonProps } from '@saas-ui/button'\n\nimport { __DEV__ } from '@chakra-ui/utils'\n\nexport interface SubmitButtonProps extends ButtonProps {\n  /**\n   * Disable the submit button if the form is untouched.\n   *\n   * Change the default behavior by updating\n   * `SubmitButton.defaultProps.disableIfUntouched`\n   */\n  disableIfUntouched?: boolean\n  /**\n   * Disable the submit button if the form is invalid.\n   *\n   * Change the default behavior by updating\n   * `SubmitButton.defaultProps.disableIfInvalid`\n   */\n  disableIfInvalid?: boolean\n}\n\nexport const SubmitButton = React.forwardRef<\n  HTMLButtonElement,\n  SubmitButtonProps\n>((props, ref) => {\n  const {\n    children,\n    disableIfUntouched,\n    disableIfInvalid,\n    isDisabled: isDisabledProp,\n    isLoading,\n    ...rest\n  } = props\n  const { formState } = useFormContext()\n\n  const isDisabled =\n    (disableIfUntouched && !formState.isDirty) ||\n    (disableIfInvalid && !formState.isValid) ||\n    isDisabledProp\n\n  return (\n    <Button\n      {...rest}\n      ref={ref}\n      variant=\"primary\"\n      type=\"submit\"\n      isLoading={formState.isSubmitting || isLoading}\n      isDisabled={isDisabled}\n    >\n      {children}\n    </Button>\n  )\n})\n\nSubmitButton.defaultProps = {\n  label: 'Submit',\n  disableIfUntouched: false,\n  disableIfInvalid: false,\n}\n\nif (__DEV__) {\n  SubmitButton.displayName = 'SubmitButton'\n}\n","import * as React from 'react'\nimport { FieldValues, UseFormReturn } from 'react-hook-form'\nimport { forwardRef } from '@chakra-ui/react'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nimport { Form, FormProps } from './form'\nimport { FormLayout } from './layout'\nimport { Fields } from './fields'\nimport { SubmitButton } from './submit-button'\nimport { FieldResolver } from '.'\n\ninterface AutoFormOptions {\n  /**\n   * The submit button label.\n   * Pass `null` to render no submit button.\n   */\n  submitLabel?: React.ReactNode\n  /**\n   * The schema.\n   * Supports object schema, Yup or Zod.\n   * @see https://www.saas-ui.dev/docs/forms/auto-form\n   */\n  schema: any\n  /**\n   * The field resolver.\n   */\n  fieldResolver?: any\n}\n\nexport interface AutoFormProps<TFieldValues extends FieldValues>\n  extends Omit<FormProps<TFieldValues>, 'schema'>,\n    AutoFormOptions {}\n\nexport const AutoForm = forwardRef(\n  <TFieldValues extends FieldValues = FieldValues>(\n    props: AutoFormProps<TFieldValues>,\n    ref: React.ForwardedRef<UseFormReturn<TFieldValues>>\n  ) => {\n    const {\n      schema,\n      submitLabel = 'Submit',\n      fieldResolver,\n      children,\n      ...rest\n    } = props\n\n    return (\n      <Form {...rest} schema={schema} ref={ref}>\n        <FormLayout>\n          {<Fields schema={schema} fieldResolver={fieldResolver} />}\n          {submitLabel && <SubmitButton>{submitLabel}</SubmitButton>}\n          {children}\n        </FormLayout>\n      </Form>\n    )\n  }\n) as (<TFieldValues extends FieldValues>(\n  props: AutoFormProps<TFieldValues> & {\n    ref?: React.ForwardedRef<UseFormReturn<TFieldValues>>\n  }\n) => React.ReactElement) & {\n  displayName?: string\n  getFieldResolver?: (schema: any) => FieldResolver\n}\n\nif (__DEV__) {\n  AutoForm.displayName = 'AutoForm'\n}\n","import * as React from 'react'\nimport { __DEV__ } from '@chakra-ui/utils'\nimport {\n  useFormContext,\n  useWatch,\n  FieldValues,\n  UseFormReturn,\n} from 'react-hook-form'\n\nexport interface DisplayIfProps<TFieldValues> {\n  children: React.ReactElement\n  name: string\n  defaultValue?: unknown\n  isDisabled?: boolean\n  isExact?: boolean\n  condition?: (value: unknown, context: UseFormReturn<TFieldValues>) => boolean\n}\n\nexport const DisplayIf = <TFieldValues extends FieldValues = FieldValues>({\n  children,\n  name,\n  defaultValue,\n  isDisabled,\n  isExact,\n  condition = (value) => !!value,\n}: DisplayIfProps<TFieldValues>) => {\n  const value = useWatch({\n    name,\n    defaultValue,\n    disabled: isDisabled,\n    exact: isExact,\n  })\n  const context = useFormContext<TFieldValues>()\n  return condition(value, context) ? children : null\n}\n\nif (__DEV__) {\n  DisplayIf.displayName = 'DisplayIf'\n}\n","import * as React from 'react'\nimport { FieldValues, SubmitHandler } from 'react-hook-form'\nimport { createContext, MaybeRenderProp } 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  onSubmit?: FormStepSubmitHandler\n}\n\nexport type FormStepSubmitHandler<\n  TFieldValues extends FieldValues = FieldValues\n> = (data: TFieldValues, stepper: UseStepperReturn) => Promise<void>\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 Omit<UseStepperProps, 'onChange'>,\n    Omit<FormProps<TFieldValues>, 'children'> {\n  children: MaybeRenderProp<UseStepFormReturn<TFieldValues>>\n}\n\nexport interface UseStepFormReturn<\n  TFieldValues extends FieldValues = FieldValues\n> extends UseStepperReturn {\n  getFormProps(): {\n    onSubmit: SubmitHandler<TFieldValues>\n    schema?: any\n    resolver?: any\n  }\n  updateStep(step: any): void\n  steps: Record<string, any>\n}\n\nexport function useStepForm<TFieldValues extends FieldValues = FieldValues>(\n  props: UseStepFormProps<TFieldValues>\n): UseStepFormReturn<TFieldValues> {\n  const { onChange, ...rest } = props\n  const stepper = useStepper(rest)\n\n  const { activeStep, isLastStep, nextStep } = stepper\n\n  const [steps, updateSteps] = React.useState<Record<string, StepState>>({})\n\n  const onSubmitStep: SubmitHandler<TFieldValues> = React.useCallback(\n    async (data) => {\n      const step = steps[activeStep]\n\n      if (isLastStep) {\n        return props\n          .onSubmit?.(data)\n          .then(() => {\n            updateStep({\n              ...step,\n              isCompleted: true,\n            })\n          })\n          .then(nextStep) // Show completed step\n      }\n\n      try {\n        await step.onSubmit?.(data, stepper)\n\n        nextStep()\n      } catch (e) {\n        // Step submission failed.\n      }\n    },\n    [steps, activeStep, isLastStep]\n  )\n\n  const getFormProps = React.useCallback(() => {\n    const step = steps[activeStep]\n    return {\n      onSubmit: onSubmitStep,\n      schema: step?.schema,\n      resolver: step?.resolver,\n    }\n  }, [steps, onSubmitStep, activeStep])\n\n  const updateStep = React.useCallback(\n    (step: StepState) => {\n      updateSteps((steps) => {\n        return {\n          ...steps,\n          [step.name]: step,\n        }\n      })\n    },\n    [steps]\n  )\n\n  return {\n    getFormProps,\n    updateStep,\n    steps,\n    ...stepper,\n  }\n}\n\nexport interface UseFormStepProps {\n  name: string\n  schema?: any\n  resolver?: any\n  onSubmit?: FormStepSubmitHandler\n}\n\nexport function useFormStep(props: UseFormStepProps): StepState {\n  const { name, schema, resolver, onSubmit } = props\n  const step = useStep({ name })\n\n  const { steps, updateStep } = useStepFormContext()\n\n  React.useEffect(() => {\n    updateStep({ name, schema, resolver, onSubmit })\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 { chakra, HTMLChakraProps } 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  StepperContainer,\n} from '@saas-ui/stepper'\nimport { Button, ButtonProps } from '@saas-ui/button'\n\nimport { Form } from './form'\nimport { SubmitButton } from './submit-button'\n\nimport {\n  useStepForm,\n  useFormStep,\n  StepFormProvider,\n  UseStepFormProps,\n  FormStepSubmitHandler,\n} from './use-step-form'\n\nexport interface StepFormProps<TFieldValues extends FieldValues = FieldValues>\n  extends UseStepFormProps<TFieldValues> {}\n\nexport const StepForm = React.forwardRef(\n  <TFieldValues extends FieldValues = FieldValues>(\n    props: StepFormProps<TFieldValues>,\n    ref: React.ForwardedRef<UseFormReturn<TFieldValues>>\n  ) => {\n    const { children, ...rest } = props\n\n    const stepper = useStepForm<TFieldValues>(props)\n\n    const { getFormProps, ...ctx } = stepper\n\n    const context = React.useMemo(() => ctx, [ctx])\n\n    return (\n      <StepperProvider value={context}>\n        <StepFormProvider value={context}>\n          <Form ref={ref} {...rest} {...getFormProps()}>\n            {runIfFn(children, stepper)}\n          </Form>\n        </StepFormProvider>\n      </StepperProvider>\n    )\n  }\n) as <TFieldValues extends FieldValues>(\n  props: StepFormProps<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 { activeIndex, setIndex } = useStepperContext()\n\n  const { children, orientation } = 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  const onChange = React.useCallback((i: number) => {\n    setIndex(i)\n  }, [])\n\n  return (\n    <StepperContainer\n      orientation={orientation}\n      step={activeIndex}\n      onChange={onChange}\n    >\n      <StepperSteps mb=\"4\" {...props}>\n        {elements}\n      </StepperSteps>\n    </StepperContainer>\n  )\n}\n\nexport interface FormStepProps\n  extends FormStepOptions,\n    Omit<HTMLChakraProps<'div'>, 'onSubmit'> {\n  onSubmit?: FormStepSubmitHandler\n}\n\nexport const FormStep: React.FC<FormStepProps> = (props) => {\n  const { name, schema, resolver, children, className, onSubmit, ...rest } =\n    props\n  const step = useFormStep({ name, schema, resolver, onSubmit })\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      {...rest}\n      isDisabled={isCompleted}\n      className={cx('saas-form__next-button', props.className)}\n    >\n      {isLastStep || isCompleted ? submitLabel : label}\n    </SubmitButton>\n  )\n}\n\nif (__DEV__) {\n  NextButton.displayName = 'NextButton'\n}\n"],"names":["DisplayField","_ref","name","label","props","_objectWithoutPropertiesLoose","_excluded","React","createElement","FormControl","FormLabel","htmlFor","Text","fontSize","FormValue","__DEV__","displayName","getValues","useFormContext","_excluded2","_excluded3","_excluded4","_excluded5","_excluded6","_excluded7","_excluded8","_excluded9","_excluded10","defaultInputType","BaseField","help","variant","hideLabel","children","controlProps","formState","error","get","errors","getError","_extends","isInvalid","Box","message","FormHelperText","FormErrorMessage","Field","forwardRef","ref","type","InputComponent","inputTypes","getInput","_ref2","rules","inputProps","control","Controller","render","_ref3","field","useMergeRefs","withUncontrolledInput","_ref4","register","_register","registerFieldType","component","options","isControlled","withControlledInput","id","isDisabled","isReadOnly","isRequired","inputRules","required","undefined","createField","split","map","part","charAt","toUpperCase","slice","join","InputField","leftAddon","rightAddon","size","rest","_ref5","input","Input","InputGroup","NumberInputField","NumberInput","PasswordInputField","PasswordInput","TextareaField","Textarea","SwitchField","_ref6","Switch","SelectField","Select","_ref7","Checkbox","RadioField","RadioInput","NativeSelectField","NativeSelect","PinField","pinLength","pinType","spacing","inputs","i","push","PinInputField","key","HStack","PinInput","mapFields","schema","Object","entries","title","getFields","getNestedFields","_field$items","items","properties","Form","mode","resolver","reValidateMode","shouldFocusError","shouldUnregister","shouldUseNativeValidation","criteriaMode","delayError","defaultValues","onSubmit","onError","formRef","form","getResolver","methods","useForm","handleSubmit","useImperativeHandle","FormProvider","chakra","className","cx","getFieldResolver","objectFieldResolver","FormLayoutItem","div","FormLayout","_theme$components$For","_theme$components","_theme$components$For2","defaultProps","theme","useTheme","components","SimpleGrid","gridProps","Children","child","isValidElement","mapNestedFields","cloneElement","ArrayFieldProvider","useArrayFieldContext","createContext","ArrayFieldRowProvider","useArrayFieldRowContext","useArrayField","defaultValue","keyName","min","max","context","useFieldArray","useArrayFieldRow","index","clearErrors","remove","fields","useEffect","isFirst","isLast","length","useCallback","useArrayFieldRemoveButton","onClick","useArrayFieldAddButton","append","shouldFocus","ArrayFieldRow","rowFieldsProps","ArrayFieldRowContainer","ArrayFieldRowFields","ArrayFieldRemoveButton","layoutProps","flex","mr","value","__css","display","flexDirection","alignItems","width","mb","IconButton","icon","MinusIcon","ArrayFieldAddButton","AddIcon","float","ArrayField","containerProps","ArrayFieldContainer","ArrayFieldRows","fieldProps","FormLegend","styles","useStyleConfig","as","sx","ObjectField","columns","gridGap","_resolver$getNestedFi","nestedFieldProps","fieldResolver","focusFirstField","useMemo","_fields$","setFocus","Fields","disableIfUntouched","disableIfInvalid","isDisabledProp","isLoading","Button","isSubmitting","isDirty","isValid","SubmitButton","AutoForm","submitLabel","DisplayIf","isExact","condition","useWatch","disabled","exact","StepFormProvider","useStepFormContext","errorMessage","useStepForm","stepper","useStepper","activeStep","isLastStep","nextStep","steps","updateSteps","useState","onSubmitStep","async","step","data","then","updateStep","isCompleted","e","getFormProps","useFormStep","useStep","StepForm","ctx","StepperProvider","runIfFn","FormStepper","activeIndex","setIndex","useStepperContext","orientation","elements","FormStep","StepperStep","onChange","StepperContainer","StepperSteps","isActive","PrevButton","isFirstStep","prevStep","callAllHandlers","NextButton"],"mappings":"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"}

package/dist/use-step-form.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { FieldValues, SubmitHandler, UnpackNestedValue } from 'react-hook-form';
+import { FieldValues, SubmitHandler } from 'react-hook-form';
 import { MaybeRenderProp } from '@chakra-ui/react-utils';
 import { UseStepperProps, UseStepperReturn } from '@saas-ui/stepper';
 export interface StepState {
@@ -10,7 +10,7 @@ export interface StepState {
     isCompleted?: boolean;
     onSubmit?: FormStepSubmitHandler;
 }
-export declare type FormStepSubmitHandler<TFieldValues extends FieldValues = FieldValues> = (data: UnpackNestedValue<TFieldValues>, stepper: UseStepperReturn) => Promise<void>;
+export declare type FormStepSubmitHandler<TFieldValues extends FieldValues = FieldValues> = (data: TFieldValues, stepper: UseStepperReturn) => Promise<void>;
 export interface StepFormContext extends UseStepperReturn {
     updateStep(state: StepState): void;
     steps: Record<string, StepState>;

package/dist/use-step-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-step-form.d.ts","sourceRoot":"","sources":["../src/use-step-form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAC/E,OAAO,EAAiB,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAGL,eAAe,EACf,gBAAgB,EACjB,MAAM,kBAAkB,CAAA;AAEzB,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,qBAAqB,CAAA;CACjC;AAED,oBAAY,qBAAqB,CAC/B,YAAY,SAAS,WAAW,GAAG,WAAW,IAC5C,CACF,IAAI,EAAE,iBAAiB,CAAC,YAAY,CAAC,EACrC,OAAO,EAAE,gBAAgB,KACtB,OAAO,CAAC,IAAI,CAAC,CAAA;AAElB,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACvD,UAAU,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,CAAA;IAClC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;CACjC;AAED,eAAO,MAAO,gBAAgB,mCAAE,kBAAkB,uBAK9C,CAAA;AAEJ,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAElC,MAAM,WAAW,gBAAgB,CAC/B,YAAY,SAAS,WAAW,GAAG,WAAW,CAC9C,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,EACvC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,UAAU,CAAC;IAC3C,QAAQ,EAAE,eAAe,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAA;CAC3D;AAED,MAAM,WAAW,iBAAiB,CAChC,YAAY,SAAS,WAAW,GAAG,WAAW,CAC9C,SAAQ,gBAAgB;IACxB,YAAY,IAAI;QACd,QAAQ,EAAE,aAAa,CAAC,YAAY,CAAC,CAAA;QACrC,MAAM,CAAC,EAAE,GAAG,CAAA;QACZ,QAAQ,CAAC,EAAE,GAAG,CAAA;KACf,CAAA;IACD,UAAU,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI,CAAA;IAC3B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC3B;AAED,wBAAgB,WAAW,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,EACxE,KAAK,EAAE,gBAAgB,CAAC,YAAY,CAAC,GACpC,iBAAiB,CAAC,YAAY,CAAC,CA8DjC;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,QAAQ,CAAC,EAAE,qBAAqB,CAAA;CACjC;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,SAAS,CAc9D"}
+{"version":3,"file":"use-step-form.d.ts","sourceRoot":"","sources":["../src/use-step-form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC5D,OAAO,EAAiB,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAGL,eAAe,EACf,gBAAgB,EACjB,MAAM,kBAAkB,CAAA;AAEzB,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,qBAAqB,CAAA;CACjC;AAED,oBAAY,qBAAqB,CAC/B,YAAY,SAAS,WAAW,GAAG,WAAW,IAC5C,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,gBAAgB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;AAEpE,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACvD,UAAU,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,CAAA;IAClC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;CACjC;AAED,eAAO,MAAO,gBAAgB,mCAAE,kBAAkB,uBAK9C,CAAA;AAEJ,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAElC,MAAM,WAAW,gBAAgB,CAC/B,YAAY,SAAS,WAAW,GAAG,WAAW,CAC9C,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,EACvC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,UAAU,CAAC;IAC3C,QAAQ,EAAE,eAAe,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAA;CAC3D;AAED,MAAM,WAAW,iBAAiB,CAChC,YAAY,SAAS,WAAW,GAAG,WAAW,CAC9C,SAAQ,gBAAgB;IACxB,YAAY,IAAI;QACd,QAAQ,EAAE,aAAa,CAAC,YAAY,CAAC,CAAA;QACrC,MAAM,CAAC,EAAE,GAAG,CAAA;QACZ,QAAQ,CAAC,EAAE,GAAG,CAAA;KACf,CAAA;IACD,UAAU,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI,CAAA;IAC3B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC3B;AAED,wBAAgB,WAAW,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,EACxE,KAAK,EAAE,gBAAgB,CAAC,YAAY,CAAC,GACpC,iBAAiB,CAAC,YAAY,CAAC,CA8DjC;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,QAAQ,CAAC,EAAE,qBAAqB,CAAA;CACjC;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,SAAS,CAc9D"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saas-ui/forms",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Fully functional forms for Chakra UI.",
   "source": "src/index.ts",
   "exports": {
@@ -94,15 +94,15 @@
     "@chakra-ui/utils": "^2.0.2",
     "@hookform/resolvers": "^2.9.0",
     "@saas-ui/button": "1.0.0",
-    "@saas-ui/input-right-button": "1.0.0",
+    "@saas-ui/input-right-button": "1.0.1",
     "@saas-ui/number-input": "1.0.0",
-    "@saas-ui/password-input": "1.0.0",
+    "@saas-ui/password-input": "1.0.1",
     "@saas-ui/pin-input": "1.0.0",
     "@saas-ui/radio": "1.0.0",
     "@saas-ui/react-utils": "1.0.0",
     "@saas-ui/select": "1.0.0",
     "@saas-ui/stepper": "1.0.0",
-    "react-hook-form": "^7.31.3"
+    "react-hook-form": "^7.33.1"
   },
   "peerDependencies": {
     "@chakra-ui/react": ">=2.1.0",

package/src/form.tsx

@@ -11,7 +11,6 @@ import {
   FieldValues,
   SubmitHandler,
   SubmitErrorHandler,
-  UnpackNestedValue,
   ResolverOptions,
   ResolverResult,
 } from 'react-hook-form'
@@ -124,7 +123,7 @@ if (__DEV__) {
 export type GetResolver = (
   schema: any
 ) => <TFieldValues extends FieldValues, TContext>(
-  values: UnpackNestedValue<TFieldValues>,
+  values: TFieldValues,
   context: TContext | undefined,
   options: ResolverOptions<TFieldValues>
 ) => Promise<ResolverResult<TFieldValues>>

package/src/use-step-form.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { FieldValues, SubmitHandler, UnpackNestedValue } from 'react-hook-form'
+import { FieldValues, SubmitHandler } from 'react-hook-form'
 import { createContext, MaybeRenderProp } from '@chakra-ui/react-utils'
 import {
   useStepper,
@@ -19,10 +19,7 @@ export interface StepState {
 
 export type FormStepSubmitHandler<
   TFieldValues extends FieldValues = FieldValues
-> = (
-  data: UnpackNestedValue<TFieldValues>,
-  stepper: UseStepperReturn
-) => Promise<void>
+> = (data: TFieldValues, stepper: UseStepperReturn) => Promise<void>
 
 export interface StepFormContext extends UseStepperReturn {
   updateStep(state: StepState): void

package/yup/package.json

@@ -10,8 +10,8 @@
   "author": "Eelco Wiersma <eelco@appulse.nl>",
   "license": "MIT",
   "peerDependencies": {
-    "@hookform/resolvers": "^2.9.0",
-    "react-hook-form": "^7.31.3",
+    "@hookform/resolvers": "^2.9.3",
+    "react-hook-form": "^7.33.1",
     "yup": "^0.32.11"
   }
 }

package/zod/package.json

@@ -11,8 +11,8 @@
   "license": "MIT",
   "peerDependencies": {
     "@chakra-ui/utils": "^2.0.2",
-    "@hookform/resolvers": "^2.9.0",
-    "react-hook-form": "^7.31.3",
+    "@hookform/resolvers": "^2.9.3",
+    "react-hook-form": "^7.33.1",
     "zod": "^3.17.3"
   }
 }