AI prompting

# Give this URL to your AI assistant
https://nestledforms.com/llms-full.txt

Read https://nestledforms.com/llms-full.txt for the Nestled Forms documentation.

Build a contact form using @nestledjs/forms with the declarative API.
Import everything from '@nestledjs/forms' (not forms-core).

Fields:
- Full name (text, required)
- Email (email, required, validate format)
- Subject (select with options: General, Support, Sales)
- Message (textArea, required, minimum 20 characters)

Use FormFieldClass to define fields in a `fields` array.
Pass the array to the Form component's `fields` prop.
Add a submit button as a child of the Form.
Type the form values with a TypeScript interface.

Read https://nestledforms.com/llms-full.txt for the Nestled Forms documentation.

Build a user registration form using @nestledjs/forms with the imperative API.
Import Form, RenderFormField, and FormFieldClass from '@nestledjs/forms'.

Layout:
- Use a 2-column CSS grid (Tailwind: grid grid-cols-2 gap-4)
- First name and last name side by side
- Email spanning full width (col-span-2)
- Password and confirm password side by side
- A "Role" select field spanning full width
- Submit button right-aligned below the form

Use RenderFormField to place each field manually inside the grid.
Add validation: passwords must match (use validateWithForm for cross-field
validation).
Type the form values with a TypeScript interface.

Read https://nestledforms.com/llms-full.txt for the Nestled Forms documentation.

Build an address form using @nestledjs/forms with the declarative API.
Import everything from '@nestledjs/forms'.

Use wrapperClassName on each field for a multi-column grid layout:
- Street address: full width (col-span-2)
- City: left column (col-span-1)
- State: right column (col-span-1, select with US state options)
- ZIP code: left column (col-span-1)
- Country: right column (col-span-1, select)

All fields required. Add placeholder text to each field.
The parent container should use a 2-column CSS grid.
Use FormFieldClass to define all fields in a `fields` array.

Read https://nestledforms.com/llms-full.txt for the Nestled Forms documentation.

Build an event registration form using @nestledjs/forms.
Import everything from '@nestledjs/forms'.

Fields:
- Name (text, required)
- Email (email, required)
- Ticket type (select: Free, Standard, VIP)
- Dietary requirements (select: None, Vegetarian, Vegan, Gluten-free)
  Only show when ticket type is Standard or VIP (use showWhen)
- Company name (text)
  Only required when ticket type is VIP (use requiredWhen)
- Special requests (textArea)
  Only show when ticket type is VIP (use showWhen)

Use Zod for form-level validation with a schema prop on the Form component.
Use showWhen and requiredWhen for conditional logic.
Type the form values interface.

Read https://nestledforms.com/llms-full.txt for the Nestled Forms documentation.

Build a project assignment form using @nestledjs/forms with Apollo search
selects. Import everything from '@nestledjs/forms'.

Fields:
- Project name (text, required)
- Assignee (searchSelectApollo — queries a GET_USERS GraphQL query,
  searches by name, displays user name + email, debounced)
- Reviewer (searchSelectApollo — same query but different field)
- Priority (select: Low, Medium, High, Critical)
- Due date (datePicker, required)
- Description (textArea)

Assume the app is already wrapped in ApolloProvider.
Write the GraphQL query with a $search variable.
Show how to configure the Apollo search select with:
query, searchVariable, labelField, valueField, and debounceMs.

Read https://nestledforms.com/llms-full.txt for the Nestled Forms documentation.

Build a job application form using @nestledjs/forms that demonstrates
multiple features together. Import everything from '@nestledjs/forms'.

Requirements:
1. Use the MIXED API: declarative fields array for basic fields,
   plus imperative RenderFormField for a custom-laid-out section.

2. Sections with headers:
   - "Personal Information" — first name, last name (2-column grid),
     email (full width), phone (full width)
   - "Professional Details" — rendered imperatively with RenderFormField
     in a 2-column grid: current company, job title, years of experience
     (number), salary expectation (currency, USD)
   - "Application" — position (select), start date (datePicker),
     cover letter (textArea, full width)

3. Conditional logic:
   - If position is "Senior" or "Lead", show a "Management experience"
     switch field using showWhen
   - If management experience is true, show "Team size" number field
     using showWhen

4. Validation:
   - Email required with format validation
   - Years of experience must be 0-50
   - Cover letter required, minimum 100 characters

5. Use wrapperClassName for multi-column layout in declarative sections.
   Use CSS grid divs for imperative sections.

6. Add a custom theme that changes the primary button to indigo
   and input borders to slate-300.