4b: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"] 4c: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"] 4d:T2646,"use client"; import * as React from "react"; import { Form as HeadlessForm, RenderFields, FormConfigContext, useForm, type FieldFormApi, type UseFormOptionsWithSchema, type FormRegistries, FormProvider, mergeRegistries, } from "@buildnbuzz/form-react"; import type { CoreField, FormSchema, ValidationRun, } from "@buildnbuzz/form-react"; import { Button } from "@/components/ui/button"; import { cn } from "@/lib/utils"; // --- Context --- interface FormContextValue { form: FieldFormApi; schema?: FormSchema; formId: string; derivedValidationMode?: ValidationRun; registries?: FormRegistries; } const FormContext = React.createContext(null); function useFormContext(): FormContextValue { const ctx = React.useContext(FormContext); if (!ctx) throw new Error("Must be used within

"); return ctx; } // --- Types --- type FormActionsConfig = { /** Label for the submit button. Defaults to "Submit". */ submitLabel?: string; /** Props forwarded to the submit button. */ submitProps?: Omit; /** Alignment of the actions row. Defaults to "end". */ align?: FormActionsProps["align"]; /** Whether to show a reset button. Defaults to false. */ showReset?: boolean; /** Label for the reset button. Defaults to "Reset". */ resetLabel?: string; /** Props forwarded to the reset button. */ resetProps?: Omit; }; type FormOwnProps = { /** Unified runtime registries (fields, validators, resolvers, fns). */ registries?: FormRegistries; children?: React.ReactNode; actions?: FormActionsConfig; }; type FormWithInstance = FormOwnProps & { form: FieldFormApi; schema?: FormSchema; derivedValidationMode?: ValidationRun; }; type FormWithSchema = FormOwnProps & UseFormOptionsWithSchema & { form?: never; }; type FormProps = | FormWithInstance | FormWithSchema; // --- Form --- function Form( props: FormProps, ) { const config = React.useContext(FormConfigContext); const globalRegistries = config?.registries; // Check fields registry exists either on the prop or globally. // Merging happens inside the headless layer (renderer / field / use-form). const hasFieldRegistry = (props.registries?.fields ?? globalRegistries?.fields) !== undefined; const derivedValidationMode = (props as FormWithInstance).derivedValidationMode ?? (props as FormWithSchema).derivedValidationMode ?? config?.derivedValidationMode; const formId = React.useId(); if (!hasFieldRegistry) { throw new Error( "No field component registry found. Pass `registries.fields` to or wrap with .", ); } if ("form" in props && props.form) { const mergedRegistries = mergeRegistries( config?.registries, props.registries, ); return ( {props.children} ); } return ( )} derivedValidationMode={derivedValidationMode} formId={formId} /> ); } function FormInner({ formId, children, schema, actions, defaultValues, onSubmit, registries, contextData, derivedValidationMode, ...tanstackOpts }: FormWithSchema & { formId: string; derivedValidationMode?: ValidationRun; }) { const config = React.useContext(FormConfigContext); if (process.env.NODE_ENV === "development" && children && actions) { console.warn( ": `actions` prop is ignored when children are provided.", ); } const { submitLabel = "Submit", submitProps, align = "end", showReset = false, resetLabel = "Reset", resetProps, } = actions ?? {}; const form = useForm({ schema: schema as TSchema, defaultValues, onSubmit, registries, contextData, derivedValidationMode, ...tanstackOpts, } as UseFormOptionsWithSchema); const mergedRegistries = React.useMemo( () => mergeRegistries(config?.registries, registries), [config?.registries, registries], ); return ( {children ?? ( {showReset && {resetLabel}} {submitLabel} )} ); } // --- FormContent --- type FormContentProps = Omit, "onSubmit"> & { autoRender?: boolean; as?: React.ElementType; }; function FormContent({ className, autoRender, as, children, ...props }: FormContentProps) { const { form, formId, derivedValidationMode, registries } = useFormContext(); return ( {autoRender ? ( <> {children} ) : ( children )} ); } // --- FormFields --- type FormFieldsProps = { className?: string; }; function FormFields({ className }: FormFieldsProps) { const { form, schema, derivedValidationMode, registries } = useFormContext(); const fields = (schema?.fields ?? []) as readonly CoreField[]; return (

); } // --- FormActions --- type FormActionsProps = React.ComponentProps<"div"> & { align?: "start" | "center" | "end" | "between"; }; function FormActions({ className, align = "end", ...props }: FormActionsProps) { return (

); } // --- FormSubmit --- type FormSubmitProps = Omit< React.ComponentProps, "type" | "form" > & { submittingText?: React.ReactNode; }; function FormSubmit({ children, submittingText = "Submitting...", disabled, ...props }: FormSubmitProps) { const { form, formId } = useFormContext(); return ( ({ canSubmit: s.canSubmit, isSubmitting: s.isSubmitting, })} > {({ canSubmit, isSubmitting }) => ( )} ); } // --- FormReset --- type FormResetProps = Omit< React.ComponentProps, "type" | "onClick" > & { disabled?: boolean; }; function FormReset({ children, disabled, variant = "outline", ...props }: FormResetProps) { const { form } = useFormContext(); return ( ({ isSubmitting: s.isSubmitting, isDirty: s.isDirty })} > {({ isSubmitting, isDirty }) => ( )} ); } // --- FormMessage --- function FormMessage({ className, children, ...props }: React.ComponentProps<"div">) { const { form } = useFormContext(); return ( s.errors}> {(errors) => { const rootError = errors[0]; const message = children ?? (typeof rootError === "string" || React.isValidElement(rootError) ? (rootError as React.ReactNode) : null); if (!message) return null; return (

{message}

); }} ); } // --- Exports --- export { Form, FormContent, FormFields, FormActions, FormSubmit, FormReset, FormMessage, useFormContext, type FormProps, type FormContentProps, type FormActionsProps, type FormSubmitProps, type FormResetProps, }; 4a:["$","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":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","@buildnbuzz/form-core",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40buildnbuzz%2Fform-core","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@buildnbuzz/form-core"}]]}]}],["$","li","@buildnbuzz/form-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40buildnbuzz%2Fform-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@buildnbuzz/form-react"}]]}]}],["$","li","@tanstack/form-core",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40tanstack%2Fform-core","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@tanstack/form-core"}]]}]}],["$","li","@tanstack/react-form",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40tanstack%2Freact-form","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@tanstack/react-form"}]]}]}]]}],["$","$L4b",null,{"namespace":"@buzzform","registryDependencies":["button"]}]]}],null]}],["$","$L4c",null,{"files":[{"path":"registry/shadcn/form.tsx","content":"$4d","type":"registry:component","target":"components/buzzform/form.tsx"}],"className":"h-[70svh] min-h-80"}]]}]