4a:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 4b:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 4c:Tdf0,"use client"; import { useState } from "react"; import { toast } from "sonner"; import { defineSchema, type InferType } from "@buildnbuzz/form-react"; import { Form, FormContent, FormFields, FormSubmit, FormReset, FormActions, } from "@/registry/shadcn/form"; import { Button } from "@/components/ui/button"; import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger, } from "@/components/ui/sheet"; // Feedback form with conditional textarea const feedbackSchema = defineSchema({ fields: [ { type: "text", name: "feature", label: "Feature Name", placeholder: "e.g., TextField component", required: true, ui: { copyable: true, }, }, { type: "select", name: "category", label: "Category", options: ["Bug", "Improvement", "Question"], required: true, }, { type: "textarea", name: "stepsToReproduce", label: "Steps to Reproduce", placeholder: "1. Click on... 2. Observe...", // Showcases condition property - field unmounts if not a Bug condition: { $data: "/category", eq: "Bug" }, required: true, ui: { autoResize: true, }, }, { type: "textarea", name: "feedback", label: "Your Feedback", placeholder: "What did you like? What could be improved?", required: true, minLength: 20, maxLength: 1000, ui: { autoResize: true, copyable: true, }, }, { type: "checkbox", name: "canContact", label: "You can contact me for follow-up questions", description: "We may reach out to understand your feedback better.", }, { type: "email", name: "email", label: ({ data }) => data.canContact ? "Email (Required)" : "Email (Optional)", placeholder: "your@email.com", // Showcases dynamic required property with inline function required: ({ data }) => data.canContact === true, dependencies: ["/canContact"], }, ], }); type FeedbackSchema = InferType; export default function FeedbackSheetExample() { const [open, setOpen] = useState(false); const handleSubmit = async ({ value }: { value: unknown }) => { const data = value as FeedbackSchema; await new Promise((resolve) => setTimeout(resolve, 1000)); toast("Thank you!", { description: (

          {JSON.stringify(data, null, 2)}

), }); setOpen(false); }; return ( }>Give Feedback Share Your Feedback Help us make BuzzForm better. Your feedback is invaluable.

); } 49:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L4a",null,{"namespace":"@buzzform","registryDependencies":["@buzzform/text","@buzzform/email","@buzzform/textarea","@buzzform/checkbox","sheet","button","sonner"]}]]}],null]}],["$","$L4b",null,{"files":[{"path":"registry/shadcn/examples/feedback-sheet.tsx","content":"$4c","type":"registry:component","target":"components/buzzform/examples/feedback-sheet.tsx"}],"className":"h-[70svh] min-h-80"}]]}]