// src/components/PayabliForm.tsx
<WizardStep icon={<Building />} label="Business Information">
  <h2 className="mb-4 w-full text-center text-2xl font-bold">
    Step 1: Business Information
  </h2>
  <div className="items-end gap-4 md:grid md:grid-cols-2">
    <FormInput
      name="legalName"
      label="Legal Name"
      tooltip="The official registered name of your business"
    />
    <FormInput
      name="bsummary"
      label="Business Summary"
      tooltip="Brief description of your business activities"
    />
</WizardStep>

// src/components/PayabliForm.tsx
<WizardStep icon={<Briefcase />} label="Corporation Overview">
  <h2 className="mb-4 w-full text-center text-2xl font-bold">
    Step 1: Corporation Overview
  </h2>
  <div className="items-end gap-4 md:grid md:grid-cols-2">
    <FormInput
      name="legalName"
      label="Legal Name"
      tooltip="The official registered name of your business"
    />
    <FormInput
      name="bsummary"
      label="Business Summary"
      tooltip="Brief description of your business activities"
    />
  {/* ... */}
</WizardStep>

// src/Schema.ts
import { z } from 'zod'
import { createFormSchemaKit } from '@/lib/schemaPrefill'
const requiredString = () =>
  z.string().min(1, { message: 'This field is required' })
const requiredNumber = () =>
  z.coerce.number().min(1, { message: 'This field is required' })
const formSchemaKit = createFormSchemaKit({
  legalName: requiredString(),
  // ... other fields
  legalStructure: z.enum([
    'limited-liability-company',
    'corporation',
    // ... other legal structures
  ]),
  // ... other fields
  ticketamt: requiredNumber().min(100, {
    message: 'Ticket amount must be at least $100',
  }),
  // ... other fields
})

// src/Schema.ts
import { z } from 'zod'
import { createFormSchemaKit, prefill } from '@/lib/schemaPrefill'
const requiredString = () =>
  z.string().min(1, { message: 'This field is required' })
const requiredNumber = () =>
  z.coerce.number().min(1, { message: 'This field is required' })
const formSchemaKit = createFormSchemaKit({
  legalName: requiredString(),
  // ... other fields
  legalStructure: prefill(
    z.enum([
      'limited-liability-company',
      'corporation',
      // ... other legal structures
    ]),
    'corporation',
  ),
  // ... other fields
  ticketamt: requiredNumber().min(100, {
    message: 'Ticket amount must be at least $100',
  }),
  // ... other fields
})

// src/components/PayabliForm.tsx
// ... other fields
<FormInput
  name="ticketamt"
  label="Average Ticket Amount ($100+)"
  tooltip="Average amount per transaction (min. $100)"
  prefix="$"
  numeric
/>
// ... other fields

// src/components/PayabliForm.tsx
// ... other fields
<FormSelect
  name="whenRefunded"
  label="When Refunded"
  options={[
    { value: 'Exchange Only', label: 'Exchange Only' },
    { value: 'No Refund or Exchange', label: 'No Refund or Exchange' },
    { value: '30 Days or Less', label: '30 Days or Less' },
  ]}
  tooltip="Typical timeframe for processing refunds"
/>
// ... other fields