Build complex forms with ease and speed

import { defineSchema } from "@buildnbuzz/form-react";import { Form } from "@/registry/shadcn/form";const schema = defineSchema({  fields: [    {      type: "text",      name: "name",      label: "Name",      placeholder: "John Doe",      required: true,    },    {      type: "email",      name: "email",      label: "Email",      placeholder: "john@example.com",      required: true,      autoComplete: "email",    },    {      type: "password",      name: "password",      label: "Password",      placeholder: "••••••••",      required: true,      minLength: 8,      ui: { allowGenerate: true },    },    {      type: "select",      name: "role",      label: "Role",      options: [        { label: "Developer", value: "dev" },        { label: "Designer", value: "design" },        { label: "Product Manager", value: "pm" },      ],      defaultValue: "dev",      required: true,    },    {      type: "checkbox",      name: "terms",      label: "I agree to the terms and privacy policy",      required: true,    },  ],});export default function MyForm() {  return (    <Form      schema={schema}      onSubmit={({ value }) => console.log(value)}      actions={{ submitLabel: "Create Account" }}    />  );}