@saas-ui/forms 2.0.0-next.2 → 2.0.0-next.21

package/CHANGELOG.md

@@ -1,5 +1,161 @@
 # @saas-ui/forms
 
+## 2.0.0-next.21
+
+### Patch Changes
+
+- @saas-ui/core@2.0.0-next.18
+
+## 2.0.0-next.20
+
+### Minor Changes
+
+- a9ca90dd: Updated to Chakra UI 2.6.x
+
+### Patch Changes
+
+- Updated dependencies [2b639656]
+  - @saas-ui/core@2.0.0-next.17
+
+## 2.0.0-next.19
+
+### Patch Changes
+
+- @saas-ui/core@2.0.0-next.16
+
+## 2.0.0-next.18
+
+### Patch Changes
+
+- 01ac442f: Fixed modal form handler type inference
+
+## 2.0.0-next.17
+
+### Patch Changes
+
+- Updated dependencies [a5898c44]
+  - @saas-ui/core@2.0.0-next.15
+
+## 2.0.0-next.16
+
+### Patch Changes
+
+- Updated dependencies [b8be6d41]
+  - @saas-ui/core@2.0.0-next.14
+
+## 2.0.0-next.15
+
+### Minor Changes
+
+- 2d18cdc2: New createFormDialog function to create Zod or Yup specific FormDialogs
+
+### Patch Changes
+
+- Updated dependencies [826c561a]
+  - @saas-ui/core@2.0.0-next.13
+
+## 2.0.0-next.14
+
+### Patch Changes
+
+- Fix esm bundle import
+- Updated dependencies
+  - @saas-ui/core@2.0.0-next.12
+
+## 2.0.0-next.13
+
+### Patch Changes
+
+- Bump version
+- 6c63217c: object and array field props can now be overridden using the fields prop
+- Updated dependencies
+  - @saas-ui/core@2.0.0-next.11
+
+## 2.0.0-next.12
+
+### Patch Changes
+
+- a7ef6dd9: Fixed issue where types for exports were not detected
+- Updated dependencies [a7ef6dd9]
+  - @saas-ui/core@2.0.0-next.10
+
+## 2.0.0-next.11
+
+### Patch Changes
+
+- @saas-ui/core@2.0.0-next.9
+
+## 2.0.0-next.10
+
+### Patch Changes
+
+- @saas-ui/core@2.0.0-next.8
+
+## 2.0.0-next.9
+
+### Patch Changes
+
+- 84e59fec: Form render prop Field now supports ref
+- Updated dependencies [189190c6]
+- Updated dependencies [1177329d]
+  - @saas-ui/core@2.0.0-next.7
+
+## 2.0.0-next.8
+
+### Patch Changes
+
+- 6d3f5717: Fix React import
+
+## 2.0.0-next.7
+
+### Patch Changes
+
+- Updated dependencies [7052dad3]
+  - @saas-ui/core@2.0.0-next.6
+
+## 2.0.0-next.6
+
+### Major Changes
+
+- 532011d6: Restructured the Select component to make it atomic, the new composition is Select, SelectButton, SelectList and SelectOption.
+- 39e778d8: Form will now render AutoField by default when no children are passed.
+
+### Minor Changes
+
+- 532011d6: Select can now supports theming using the SuiSelect theme config.
+- 6dd737ce: Select field now renders invalid state.
+- c85541cb: AutoForm field props can now be overridden using the fields prop on Form
+
+## 2.0.0-next.5
+
+### Minor Changes
+
+- a8ea24da: PasswordInput now accepts leftAddon property.
+
+### Patch Changes
+
+- Updated dependencies [61b27fa6]
+  - @saas-ui/core@2.0.0-next.5
+
+## 2.0.0-next.4
+
+### Patch Changes
+
+- Updated dependencies [83f54180]
+- Updated dependencies [ba61612f]
+- Updated dependencies [83f54180]
+- Updated dependencies [83f54180]
+- Updated dependencies [83f54180]
+- Updated dependencies [83f54180]
+- Updated dependencies [27a68bca]
+  - @saas-ui/core@2.0.0-next.4
+
+## 2.0.0-next.3
+
+### Patch Changes
+
+- @saas-ui/core@2.0.0-next.3
+
 ## 2.0.0-next.2
 
 ### Patch Changes
@@ -33,6 +189,44 @@
 - Updated dependencies [3a15e8c8]
   - @saas-ui/core@2.0.0-next.0
 
+## 1.5.5
+
+### Patch Changes
+
+- Fix types path
+- Updated dependencies
+  - @saas-ui/button@1.4.2
+  - @saas-ui/input-right-button@1.4.2
+  - @saas-ui/number-input@1.4.2
+  - @saas-ui/password-input@1.4.2
+  - @saas-ui/pin-input@1.4.2
+  - @saas-ui/radio@1.4.3
+  - @saas-ui/react-utils@1.2.2
+  - @saas-ui/select@1.4.2
+  - @saas-ui/stepper@1.4.2
+
+## 1.5.4
+
+### Patch Changes
+
+- b2302a3: Add types to package.json exports
+- Updated dependencies [b2302a3]
+  - @saas-ui/button@1.4.1
+  - @saas-ui/input-right-button@1.4.1
+  - @saas-ui/number-input@1.4.1
+  - @saas-ui/password-input@1.4.1
+  - @saas-ui/pin-input@1.4.1
+  - @saas-ui/radio@1.4.2
+  - @saas-ui/react-utils@1.2.1
+  - @saas-ui/select@1.4.1
+  - @saas-ui/stepper@1.4.1
+
+## 1.5.3
+
+### Patch Changes
+
+- 382e095: InputRightButton no longer exported from forms package to prevent conflicts.
+
 ## 1.5.2
 
 ### Patch Changes

package/README.md

@@ -1,10 +1,11 @@
-# @saas-ui/forms
+# Forms Manager
 
-Chakra UI Forms.
+Powerfull forms library for Chakra UI.
+Create typesafe React forms with speed.
 
-Create fully functional React forms with just a few lines of code.
+Supports Zod, Yup and AJV for validation and form generation.
 
-Uses React Hook Form under the hood.
+- [Docs](https://www.saas-ui.dev/docs/forms/form)
 
 ## Installation
 
@@ -16,9 +17,55 @@ $ yarn add @saas-ui/forms
 $ npm i @saas-ui/forms  --save
 ```
 
-## Docs
+## Usage with Zod
 
-https://www.saas-ui.dev/docs/forms/form
+### AutoForm
+
+Generate forms from schema.
+
+```tsx
+import { createZodForm } from '@saas-ui/forms/zod'
+
+const { AutoForm } = createZodForm()
+
+const schema = z.object({
+  name: z.string(),
+})
+
+function App() {
+  const onSubmit = (data: z.infer<typeof schema>) => {}
+  return <AutoForm schema={schema} onSubmit={onSubmit} />
+}
+```
+
+### Form
+
+Create custom typesafe forms.
+
+```tsx
+import { FormLayout, createZodForm } from '@saas-ui/forms/zod'
+
+const { Form, SubmitButton } = createZodForm()
+
+const schema = z.object({
+  name: z.string()
+})
+
+function App() {
+  const onSubmit = (data: z.infer<typeof schema>) => {}
+
+  return (
+    <Form schema={schema} onSubmit={onSubmit}>
+        {({ Field }) => (
+            <FormLayout>
+                <Field name="name" type="text" />
+                <SubmitButton>Save</SubmitButton>
+            </FormLayotu>
+        )}
+    </Form>
+  )
+}
+```
 
 ## Source
 

package/dist/ajv/index.d.ts

@@ -1,21 +1,34 @@
+import { FieldResolver, CreateFormProps, WithFields, FormProps } from '@saas-ui/forms';
 import { ajvResolver } from '@hookform/resolvers/ajv';
 export { ajvResolver } from '@hookform/resolvers/ajv';
-import { FieldResolver, CreateFormProps } from '@saas-ui/forms';
-import { JSONSchemaType } from 'ajv';
+import { JTDDataType } from 'ajv/dist/jtd';
 export { JTDDataType, JTDSchemaType } from 'ajv/dist/jtd';
+import { JSONSchemaType } from 'ajv';
 
-interface JsonSchemaFormReturn {
-    schema: JSONSchemaType<unknown>;
-    fieldResolver: FieldResolver;
-    resolver: ReturnType<typeof ajvResolver>;
-}
-declare const jsonSchemaForm: (schema: JSONSchemaType<unknown>) => JsonSchemaFormReturn;
+declare const ajvFieldResolver: (schema: JSONSchemaType<unknown>) => FieldResolver;
 
 type ResolverArgs = Parameters<typeof ajvResolver>;
-interface CreateAjvFormProps extends CreateFormProps {
+interface CreateAjvFormProps<FieldDefs> extends CreateFormProps<FieldDefs> {
     schemaOptions?: ResolverArgs[1];
     resolverOptions?: ResolverArgs[2];
 }
-declare function createAjvForm(options?: CreateAjvFormProps): any;
+type ParseJsonSchema<T> = T extends {
+    type: 'object';
+} ? JTDDataType<T> extends infer R ? R extends object ? R : never : never : never;
+type AjvFormType<FieldDefs, ExtraProps = object, JsonSchema extends Record<string, any> = Record<string, any>> = (<TSchema extends JsonSchema = JsonSchema, TFieldValues extends ParseJsonSchema<TSchema> = ParseJsonSchema<TSchema>, TContext extends object = object>(props: WithFields<FormProps<TSchema, TFieldValues, TContext>, FieldDefs> & {
+    ref?: React.ForwardedRef<HTMLFormElement>;
+} & ExtraProps) => React.ReactElement) & {
+    displayName?: string;
+    id?: string;
+};
+/**
+ * Create a Form component with AJV validation that accepts JSON Type Definition schema
+ *
+ * @see Docs https://saas-ui.dev/docs/components/forms/form
+ * @see https://ajv.js.org/json-type-definition.html
+ */
+declare function createAjvForm<FieldDefs>(options?: CreateAjvFormProps<FieldDefs>): AjvFormType<FieldDefs, object, Record<string, any>>;
+
+declare const Form: AjvFormType<unknown, object, Record<string, any>>;
 
-export { CreateAjvFormProps, createAjvForm, jsonSchemaForm };
+export { CreateAjvFormProps, Form, ajvFieldResolver, createAjvForm };

package/dist/ajv/index.js

@@ -4,28 +4,26 @@ var ajv = require('@hookform/resolvers/ajv');
 var forms = require('@saas-ui/forms');
 
 // ajv/src/ajv-resolver.ts
-var jsonSchemaFieldResolver = (schema) => {
+var ajvFieldResolver = (schema) => {
   return forms.objectFieldResolver(schema.properties);
 };
-var jsonSchemaForm = (schema) => {
-  return {
-    schema,
-    fieldResolver: jsonSchemaFieldResolver(schema),
-    resolver: ajv.ajvResolver(schema)
-  };
-};
 function createAjvForm(options) {
   return forms.createForm({
     resolver: (schema) => ajv.ajvResolver(schema, options == null ? void 0 : options.schemaOptions, options == null ? void 0 : options.resolverOptions),
+    fieldResolver: ajvFieldResolver,
     ...options
   });
 }
 
+// ajv/src/index.ts
+var Form = createAjvForm();
+
 Object.defineProperty(exports, 'ajvResolver', {
   enumerable: true,
   get: function () { return ajv.ajvResolver; }
 });
+exports.Form = Form;
+exports.ajvFieldResolver = ajvFieldResolver;
 exports.createAjvForm = createAjvForm;
-exports.jsonSchemaForm = jsonSchemaForm;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/ajv/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../ajv/src/ajv-resolver.ts","../../ajv/src/create-ajv-form.ts"],"names":[],"mappings":";AAAA,SAAS,mBAAmB;AAC5B,SAAS,2BAA0C;AAMnD,IAAM,0BAA0B,CAAC,WAAoC;AACnE,SAAO,oBAAoB,OAAO,UAAU;AAC9C;AAQO,IAAM,iBAAiB,CAC5B,WACyB;AACzB,SAAO;AAAA,IACL;AAAA,IACA,eAAe,wBAAwB,MAAM;AAAA,IAC7C,UAAU,YAAY,MAAM;AAAA,EAC9B;AACF;;;ACzBA;AAAA,EACE;AAAA,OAIK;AAWA,SAAS,cAAc,SAAmC;AAC/D,SAAO,WAAW;AAAA,IAChB,UAAU,CAAC,WACT,YAAY,QAAQ,mCAAS,eAAe,mCAAS,eAAe;AAAA,IACtE,GAAG;AAAA,EACL,CAAC;AAOH","sourcesContent":["import { ajvResolver } from '@hookform/resolvers/ajv'\nimport { objectFieldResolver, FieldResolver } from '@saas-ui/forms'\n\nimport { JSONSchemaType } from 'ajv'\n\nexport { ajvResolver }\n\nconst jsonSchemaFieldResolver = (schema: JSONSchemaType<unknown>) => {\n  return objectFieldResolver(schema.properties)\n}\n\ninterface JsonSchemaFormReturn {\n  schema: JSONSchemaType<unknown>\n  fieldResolver: FieldResolver\n  resolver: ReturnType<typeof ajvResolver>\n}\n\nexport const jsonSchemaForm = (\n  schema: JSONSchemaType<unknown>\n): JsonSchemaFormReturn => {\n  return {\n    schema,\n    fieldResolver: jsonSchemaFieldResolver(schema),\n    resolver: ajvResolver(schema),\n  }\n}\n","import {\n  createForm,\n  CreateFormProps,\n  FieldValues,\n  FormProps,\n} from '@saas-ui/forms'\nimport { ajvResolver } from './ajv-resolver'\nimport { JSONSchemaType } from 'ajv'\n\ntype ResolverArgs = Parameters<typeof ajvResolver>\n\nexport interface CreateAjvFormProps extends CreateFormProps {\n  schemaOptions?: ResolverArgs[1]\n  resolverOptions?: ResolverArgs[2]\n}\n\nexport function createAjvForm(options?: CreateAjvFormProps): any {\n  return createForm({\n    resolver: (schema) =>\n      ajvResolver(schema, options?.schemaOptions, options?.resolverOptions),\n    ...options,\n  }) as <\n    TFieldValues extends FieldValues = FieldValues,\n    TSchema extends JSONSchemaType<TFieldValues> = JSONSchemaType<TFieldValues>,\n    TContext extends object = object\n  >(\n    props: FormProps<TFieldValues, TContext, TSchema>\n  ) => React.ReactElement\n}\n"]}
+{"version":3,"sources":["../../ajv/src/ajv-resolver.ts","../../ajv/src/create-ajv-form.ts","../../ajv/src/index.ts"],"names":[],"mappings":";AAAA,SAAS,mBAAmB;AAC5B,SAAS,2BAA0C;AAM5C,IAAM,mBAAmB,CAAC,WAAoC;AACnE,SAAO,oBAAoB,OAAO,UAAU;AAC9C;;;ACTA;AAAA,EACE;AAAA,OAKK;AA0CA,SAAS,cACd,SACA;AACA,SAAO,WAAW;AAAA,IAChB,UAAU,CAAC,WACT,YAAY,QAAQ,mCAAS,eAAe,mCAAS,eAAe;AAAA,IACtE,eAAe;AAAA,IACf,GAAG;AAAA,EACL,CAAC;AACH;;;AClDO,IAAM,OAAO,cAAc","sourcesContent":["import { ajvResolver } from '@hookform/resolvers/ajv'\nimport { objectFieldResolver, FieldResolver } from '@saas-ui/forms'\n\nimport { JSONSchemaType } from 'ajv'\n\nexport { ajvResolver }\n\nexport const ajvFieldResolver = (schema: JSONSchemaType<unknown>) => {\n  return objectFieldResolver(schema.properties)\n}\n","import {\n  createForm,\n  CreateFormProps,\n  FieldValues,\n  FormProps,\n  WithFields,\n} from '@saas-ui/forms'\nimport { ajvFieldResolver, ajvResolver } from './ajv-resolver'\nimport { JTDDataType } from 'ajv/dist/jtd'\ntype ResolverArgs = Parameters<typeof ajvResolver>\n\nexport interface CreateAjvFormProps<FieldDefs>\n  extends CreateFormProps<FieldDefs> {\n  schemaOptions?: ResolverArgs[1]\n  resolverOptions?: ResolverArgs[2]\n}\n\ntype ParseJsonSchema<T> = T extends { type: 'object' }\n  ? JTDDataType<T> extends infer R\n    ? R extends object\n      ? R\n      : never\n    : never\n  : never\n\nexport type AjvFormType<\n  FieldDefs,\n  ExtraProps = object,\n  JsonSchema extends Record<string, any> = Record<string, any>\n> = (<\n  TSchema extends JsonSchema = JsonSchema,\n  TFieldValues extends ParseJsonSchema<TSchema> = ParseJsonSchema<TSchema>,\n  TContext extends object = object\n>(\n  props: WithFields<FormProps<TSchema, TFieldValues, TContext>, FieldDefs> & {\n    ref?: React.ForwardedRef<HTMLFormElement>\n  } & ExtraProps\n) => React.ReactElement) & {\n  displayName?: string\n  id?: string\n}\n\n/**\n * Create a Form component with AJV validation that accepts JSON Type Definition schema\n *\n * @see Docs https://saas-ui.dev/docs/components/forms/form\n * @see https://ajv.js.org/json-type-definition.html\n */\nexport function createAjvForm<FieldDefs>(\n  options?: CreateAjvFormProps<FieldDefs>\n) {\n  return createForm({\n    resolver: (schema: any) =>\n      ajvResolver(schema, options?.schemaOptions, options?.resolverOptions),\n    fieldResolver: ajvFieldResolver,\n    ...options,\n  }) as AjvFormType<FieldDefs>\n}\n","export * from './ajv-resolver'\nexport { createAjvForm } from './create-ajv-form'\nexport type { CreateAjvFormProps } from './create-ajv-form'\nexport type { JTDDataType, JTDSchemaType } from 'ajv/dist/jtd'\n\nimport { createAjvForm } from './create-ajv-form'\n\nexport const Form = createAjvForm()\n"]}

package/dist/ajv/index.mjs

@@ -1,25 +1,22 @@
 import { ajvResolver } from '@hookform/resolvers/ajv';
 export { ajvResolver } from '@hookform/resolvers/ajv';
-import { createForm, objectFieldResolver } from '@saas-ui/forms';
+import { objectFieldResolver, createForm } from '@saas-ui/forms';
 
 // ajv/src/ajv-resolver.ts
-var jsonSchemaFieldResolver = (schema) => {
+var ajvFieldResolver = (schema) => {
   return objectFieldResolver(schema.properties);
 };
-var jsonSchemaForm = (schema) => {
-  return {
-    schema,
-    fieldResolver: jsonSchemaFieldResolver(schema),
-    resolver: ajvResolver(schema)
-  };
-};
 function createAjvForm(options) {
   return createForm({
     resolver: (schema) => ajvResolver(schema, options == null ? void 0 : options.schemaOptions, options == null ? void 0 : options.resolverOptions),
+    fieldResolver: ajvFieldResolver,
     ...options
   });
 }
 
-export { createAjvForm, jsonSchemaForm };
+// ajv/src/index.ts
+var Form = createAjvForm();
+
+export { Form, ajvFieldResolver, createAjvForm };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.mjs.map

package/dist/ajv/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../ajv/src/ajv-resolver.ts","../../ajv/src/create-ajv-form.ts"],"names":[],"mappings":";AAAA,SAAS,mBAAmB;AAC5B,SAAS,2BAA0C;AAMnD,IAAM,0BAA0B,CAAC,WAAoC;AACnE,SAAO,oBAAoB,OAAO,UAAU;AAC9C;AAQO,IAAM,iBAAiB,CAC5B,WACyB;AACzB,SAAO;AAAA,IACL;AAAA,IACA,eAAe,wBAAwB,MAAM;AAAA,IAC7C,UAAU,YAAY,MAAM;AAAA,EAC9B;AACF;;;ACzBA;AAAA,EACE;AAAA,OAIK;AAWA,SAAS,cAAc,SAAmC;AAC/D,SAAO,WAAW;AAAA,IAChB,UAAU,CAAC,WACT,YAAY,QAAQ,mCAAS,eAAe,mCAAS,eAAe;AAAA,IACtE,GAAG;AAAA,EACL,CAAC;AAOH","sourcesContent":["import { ajvResolver } from '@hookform/resolvers/ajv'\nimport { objectFieldResolver, FieldResolver } from '@saas-ui/forms'\n\nimport { JSONSchemaType } from 'ajv'\n\nexport { ajvResolver }\n\nconst jsonSchemaFieldResolver = (schema: JSONSchemaType<unknown>) => {\n  return objectFieldResolver(schema.properties)\n}\n\ninterface JsonSchemaFormReturn {\n  schema: JSONSchemaType<unknown>\n  fieldResolver: FieldResolver\n  resolver: ReturnType<typeof ajvResolver>\n}\n\nexport const jsonSchemaForm = (\n  schema: JSONSchemaType<unknown>\n): JsonSchemaFormReturn => {\n  return {\n    schema,\n    fieldResolver: jsonSchemaFieldResolver(schema),\n    resolver: ajvResolver(schema),\n  }\n}\n","import {\n  createForm,\n  CreateFormProps,\n  FieldValues,\n  FormProps,\n} from '@saas-ui/forms'\nimport { ajvResolver } from './ajv-resolver'\nimport { JSONSchemaType } from 'ajv'\n\ntype ResolverArgs = Parameters<typeof ajvResolver>\n\nexport interface CreateAjvFormProps extends CreateFormProps {\n  schemaOptions?: ResolverArgs[1]\n  resolverOptions?: ResolverArgs[2]\n}\n\nexport function createAjvForm(options?: CreateAjvFormProps): any {\n  return createForm({\n    resolver: (schema) =>\n      ajvResolver(schema, options?.schemaOptions, options?.resolverOptions),\n    ...options,\n  }) as <\n    TFieldValues extends FieldValues = FieldValues,\n    TSchema extends JSONSchemaType<TFieldValues> = JSONSchemaType<TFieldValues>,\n    TContext extends object = object\n  >(\n    props: FormProps<TFieldValues, TContext, TSchema>\n  ) => React.ReactElement\n}\n"]}
+{"version":3,"sources":["../../ajv/src/ajv-resolver.ts","../../ajv/src/create-ajv-form.ts","../../ajv/src/index.ts"],"names":[],"mappings":";AAAA,SAAS,mBAAmB;AAC5B,SAAS,2BAA0C;AAM5C,IAAM,mBAAmB,CAAC,WAAoC;AACnE,SAAO,oBAAoB,OAAO,UAAU;AAC9C;;;ACTA;AAAA,EACE;AAAA,OAKK;AA0CA,SAAS,cACd,SACA;AACA,SAAO,WAAW;AAAA,IAChB,UAAU,CAAC,WACT,YAAY,QAAQ,mCAAS,eAAe,mCAAS,eAAe;AAAA,IACtE,eAAe;AAAA,IACf,GAAG;AAAA,EACL,CAAC;AACH;;;AClDO,IAAM,OAAO,cAAc","sourcesContent":["import { ajvResolver } from '@hookform/resolvers/ajv'\nimport { objectFieldResolver, FieldResolver } from '@saas-ui/forms'\n\nimport { JSONSchemaType } from 'ajv'\n\nexport { ajvResolver }\n\nexport const ajvFieldResolver = (schema: JSONSchemaType<unknown>) => {\n  return objectFieldResolver(schema.properties)\n}\n","import {\n  createForm,\n  CreateFormProps,\n  FieldValues,\n  FormProps,\n  WithFields,\n} from '@saas-ui/forms'\nimport { ajvFieldResolver, ajvResolver } from './ajv-resolver'\nimport { JTDDataType } from 'ajv/dist/jtd'\ntype ResolverArgs = Parameters<typeof ajvResolver>\n\nexport interface CreateAjvFormProps<FieldDefs>\n  extends CreateFormProps<FieldDefs> {\n  schemaOptions?: ResolverArgs[1]\n  resolverOptions?: ResolverArgs[2]\n}\n\ntype ParseJsonSchema<T> = T extends { type: 'object' }\n  ? JTDDataType<T> extends infer R\n    ? R extends object\n      ? R\n      : never\n    : never\n  : never\n\nexport type AjvFormType<\n  FieldDefs,\n  ExtraProps = object,\n  JsonSchema extends Record<string, any> = Record<string, any>\n> = (<\n  TSchema extends JsonSchema = JsonSchema,\n  TFieldValues extends ParseJsonSchema<TSchema> = ParseJsonSchema<TSchema>,\n  TContext extends object = object\n>(\n  props: WithFields<FormProps<TSchema, TFieldValues, TContext>, FieldDefs> & {\n    ref?: React.ForwardedRef<HTMLFormElement>\n  } & ExtraProps\n) => React.ReactElement) & {\n  displayName?: string\n  id?: string\n}\n\n/**\n * Create a Form component with AJV validation that accepts JSON Type Definition schema\n *\n * @see Docs https://saas-ui.dev/docs/components/forms/form\n * @see https://ajv.js.org/json-type-definition.html\n */\nexport function createAjvForm<FieldDefs>(\n  options?: CreateAjvFormProps<FieldDefs>\n) {\n  return createForm({\n    resolver: (schema: any) =>\n      ajvResolver(schema, options?.schemaOptions, options?.resolverOptions),\n    fieldResolver: ajvFieldResolver,\n    ...options,\n  }) as AjvFormType<FieldDefs>\n}\n","export * from './ajv-resolver'\nexport { createAjvForm } from './create-ajv-form'\nexport type { CreateAjvFormProps } from './create-ajv-form'\nexport type { JTDDataType, JTDSchemaType } from 'ajv/dist/jtd'\n\nimport { createAjvForm } from './create-ajv-form'\n\nexport const Form = createAjvForm()\n"]}