{
	"$schema": "https://ui.shadcn.com/schema/registry-item.json",
	"name": "hook-form",
	"title": "Hook Form Basics",
	"description": "React Hook Form provider, fields, submit/debug/data preview controls, and form state utilities",
	"dependencies": ["daisyui", "react-hook-form"],
	"files": [
		{
			"path": "registry/default/ui/hook-form/hook-form-utils.ts",
			"content": "'use client';\n\nimport type { FieldError, FieldErrors, FieldValues, UseFormReturn } from 'react-hook-form';\n\nexport type FieldErrorItem = {\n\tpath: string;\n\terror: FieldError;\n\tmessage: string;\n\ttype?: string;\n};\n\nexport type FormatFieldErrorsOptions = {\n\tfallback?: string;\n\tincludePath?: boolean;\n\tseparator?: string;\n};\n\nconst missing = Symbol('missing dirty value');\n\nexport function getFieldErrors(errors: FieldErrors | undefined, rootPath = ''): FieldErrorItem[] {\n\tconst output: FieldErrorItem[] = [];\n\tcollectFieldErrors(errors, rootPath, output);\n\treturn output;\n}\n\nexport function formatFieldErrors(\n\terrors: FieldErrors | undefined,\n\t{ fallback = 'Form validation failed', includePath = true, separator = '; ' }: FormatFieldErrorsOptions = {},\n) {\n\tconst messages = getFieldErrors(errors).map(({ path, message }) => {\n\t\tif (!includePath || !path) return message;\n\t\treturn `${path}: ${message}`;\n\t});\n\treturn messages.length ? messages.join(separator) : fallback;\n}\n\nexport function getDirtyValues<TFieldValues extends FieldValues>(\n\tform: Pick<UseFormReturn<TFieldValues>, 'formState' | 'getValues'>,\n): Partial<TFieldValues> {\n\treturn getDirtyFieldValues(form.formState.dirtyFields, form.getValues()) as Partial<TFieldValues>;\n}\n\nexport function getDirtyFieldValues(dirtyFields: unknown, values: unknown): unknown {\n\tconst result = collectDirtyValue(dirtyFields, values);\n\treturn result === missing ? {} : result;\n}\n\nfunction collectFieldErrors(value: unknown, path: string, output: FieldErrorItem[]) {\n\tif (!isRecord(value)) return;\n\tif (isFieldError(value)) {\n\t\tconst error = value as FieldError;\n\t\tconst message = toMessage(error.message) || toMessage(error.type) || 'Invalid value';\n\t\toutput.push({\n\t\t\terror,\n\t\t\tmessage,\n\t\t\tpath,\n\t\t\ttype: typeof error.type === 'string' ? error.type : undefined,\n\t\t});\n\t\treturn;\n\t}\n\tfor (const [key, child] of Object.entries(value)) {\n\t\tcollectFieldErrors(child, path ? `${path}.${key}` : key, output);\n\t}\n}\n\nfunction collectDirtyValue(dirty: unknown, value: unknown): unknown | typeof missing {\n\tif (dirty === true) return value;\n\tif (Array.isArray(dirty)) {\n\t\tconst source = Array.isArray(value) ? value : [];\n\t\tconst output: unknown[] = [];\n\t\tlet hasDirty = false;\n\t\tfor (const [index, childDirty] of dirty.entries()) {\n\t\t\tconst child = collectDirtyValue(childDirty, source[index]);\n\t\t\tif (child !== missing) {\n\t\t\t\toutput[index] = child;\n\t\t\t\thasDirty = true;\n\t\t\t}\n\t\t}\n\t\treturn hasDirty ? output : missing;\n\t}\n\tif (isRecord(dirty)) {\n\t\tconst source = isRecord(value) ? value : {};\n\t\tconst output: Record<string, unknown> = {};\n\t\tfor (const [key, childDirty] of Object.entries(dirty)) {\n\t\t\tconst child = collectDirtyValue(childDirty, source[key]);\n\t\t\tif (child !== missing) output[key] = child;\n\t\t}\n\t\treturn Object.keys(output).length ? output : missing;\n\t}\n\treturn missing;\n}\n\nfunction isFieldError(value: Record<string, unknown>) {\n\treturn (\n\t\t('type' in value && typeof value.type !== 'object') ||\n\t\t('message' in value && (typeof value.message === 'string' || typeof value.message === 'number'))\n\t);\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n\treturn typeof value === 'object' && value !== null;\n}\n\nfunction toMessage(value: unknown) {\n\tif (typeof value === 'string') return value;\n\tif (typeof value === 'number') return String(value);\n\treturn '';\n}\n",
			"type": "registry:lib",
			"target": "@components/hook-form/hook-form-utils.ts"
		},
		{
			"path": "registry/default/ui/hook-form/hook-form.tsx",
			"content": "'use client';\n\nimport {\n\ttype ChangeEvent,\n\ttype ComponentPropsWithRef,\n\ttype ReactNode,\n\ttype Ref,\n\tuseId,\n\tuseImperativeHandle,\n\tuseRef,\n\tuseState,\n} from 'react';\nimport {\n\ttype ControllerFieldState,\n\ttype ControllerRenderProps,\n\ttype FieldErrors,\n\ttype FieldPath,\n\ttype FieldPathValue,\n\ttype FieldValues,\n\tFormProvider,\n\ttype SubmitErrorHandler,\n\ttype SubmitHandler,\n\ttype UseControllerProps,\n\ttype UseFormProps,\n\ttype UseFormReturn,\n\ttype UseFormStateReturn,\n\tuseController,\n\tuseForm,\n\tuseFormContext,\n} from 'react-hook-form';\nimport { getDirtyValues, getFieldErrors } from './hook-form-utils';\n\nexport type HookFormSubmitHandler<TFieldValues extends FieldValues = FieldValues, TContext = unknown> = (\n\tdata: TFieldValues,\n\tmethods: UseFormReturn<TFieldValues, TContext>,\n) => void | Promise<void>;\n\nexport type HookFormInvalidHandler<TFieldValues extends FieldValues = FieldValues, TContext = unknown> = (\n\terrors: FieldErrors<TFieldValues>,\n\tmethods: UseFormReturn<TFieldValues, TContext>,\n) => void;\n\nexport type HookFormProps<TFieldValues extends FieldValues = FieldValues, TContext = unknown> = UseFormProps<\n\tTFieldValues,\n\tTContext\n> & {\n\tchildren?: ReactNode;\n\tformProps?: Omit<ComponentPropsWithRef<'form'>, 'children' | 'onSubmit' | 'ref'>;\n\tformRef?: Ref<HTMLFormElement>;\n\tmethodsRef?: Ref<UseFormReturn<TFieldValues, TContext>>;\n\tonInvalid?: HookFormInvalidHandler<TFieldValues, TContext>;\n\tonSubmit?: HookFormSubmitHandler<TFieldValues, TContext>;\n\tpreventImplicitSubmit?: boolean;\n};\n\nexport type HookFormFieldContext<\n\tTFieldValues extends FieldValues = FieldValues,\n\tTName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = {\n\tdescribedBy?: string;\n\terrorId: string;\n\tfield: ControllerRenderProps<TFieldValues, TName>;\n\tfieldState: ControllerFieldState;\n\tformState: UseFormStateReturn<TFieldValues>;\n\thintId: string;\n\tid: string;\n\tinvalid: boolean;\n};\n\nexport type HookFormFieldProps<\n\tTFieldValues extends FieldValues = FieldValues,\n\tTName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = UseControllerProps<TFieldValues, TName> & {\n\tcheckedValue?: unknown;\n\tclassName?: string;\n\tcontrolType?: 'input' | 'textarea';\n\tdescription?: ReactNode;\n\thint?: ReactNode;\n\tinputClassName?: string;\n\tinputProps?: Omit<ComponentPropsWithRef<'input'>, 'defaultValue' | 'name' | 'onBlur' | 'onChange' | 'ref' | 'value'>;\n\tisChecked?: (value: unknown, checkedValue: unknown) => boolean;\n\tlabel?: ReactNode;\n\tparse?: (value: string, event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => unknown;\n\trender?: (context: HookFormFieldContext<TFieldValues, TName>) => ReactNode;\n\trequired?: boolean | string;\n\tsize?: 'xs' | 'sm' | 'md' | 'lg';\n\ttextareaProps?: Omit<\n\t\tComponentPropsWithRef<'textarea'>,\n\t\t'defaultValue' | 'name' | 'onBlur' | 'onChange' | 'ref' | 'value'\n\t>;\n\ttype?: ComponentPropsWithRef<'input'>['type'];\n\tuncheckedValue?: unknown;\n};\n\nexport type HookFormErrorSummaryProps = ComponentPropsWithRef<'div'> & {\n\terrors?: FieldErrors;\n\tincludePath?: boolean;\n\tmaxItems?: number;\n\ttitle?: ReactNode;\n};\n\nexport type HookFormSubmitButtonProps = ComponentPropsWithRef<'button'> & {\n\tdirtyOnly?: boolean;\n\tloadingText?: ReactNode;\n\tshowSpinner?: boolean;\n};\n\nexport type HookFormDebugButtonProps = ComponentPropsWithRef<'button'> & {\n\tenabled?: boolean;\n};\n\nexport type HookFormDataPreviewButtonProps<TFieldValues extends FieldValues = FieldValues> =\n\tComponentPropsWithRef<'button'> & {\n\t\tdialogTitle?: ReactNode;\n\t\tformat?: (data: TFieldValues) => string;\n\t\tonLoad?: (data: TFieldValues) => void;\n\t\tonParseError?: (error: unknown) => void;\n\t\tparse?: (text: string) => TFieldValues | Promise<TFieldValues>;\n\t\ttextareaLabel?: string;\n\t};\n\nexport function HookForm<TFieldValues extends FieldValues = FieldValues, TContext = unknown>({\n\tchildren,\n\tformProps,\n\tformRef,\n\tmethodsRef,\n\tmode = 'onBlur',\n\tonInvalid,\n\tonSubmit,\n\tpreventImplicitSubmit = true,\n\t...options\n}: HookFormProps<TFieldValues, TContext>) {\n\tconst methods = useForm<TFieldValues, TContext>({ mode, ...options });\n\tuseImperativeHandle(methodsRef, () => methods, [methods]);\n\n\tconst handleValid: SubmitHandler<TFieldValues> = (data) => onSubmit?.(data, methods);\n\tconst handleInvalid: SubmitErrorHandler<TFieldValues> = (errors) => {\n\t\tonInvalid?.(errors, methods);\n\t};\n\n\treturn (\n\t\t<FormProvider {...methods}>\n\t\t\t<form\n\t\t\t\tnoValidate\n\t\t\t\tautoComplete='off'\n\t\t\t\t{...formProps}\n\t\t\t\tref={formRef}\n\t\t\t\tonSubmit={methods.handleSubmit(handleValid, handleInvalid)}\n\t\t\t>\n\t\t\t\t{preventImplicitSubmit && <button type='submit' disabled hidden aria-hidden='true' tabIndex={-1} />}\n\t\t\t\t{children}\n\t\t\t</form>\n\t\t</FormProvider>\n\t);\n}\n\nexport function HookFormField<\n\tTFieldValues extends FieldValues = FieldValues,\n\tTName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n\tcheckedValue = true,\n\tclassName,\n\tcontrol,\n\tcontrolType = 'input',\n\tdefaultValue,\n\tdescription,\n\tdisabled,\n\thint,\n\tinputClassName,\n\tinputProps,\n\tisChecked,\n\tlabel,\n\tname,\n\tparse,\n\trender,\n\trequired,\n\trules,\n\tshouldUnregister,\n\tsize = 'md',\n\ttextareaProps,\n\ttype = 'text',\n\tuncheckedValue = false,\n}: HookFormFieldProps<TFieldValues, TName>) {\n\tconst id = useId();\n\tconst fieldId = `${id}-field`;\n\tconst hintId = `${id}-hint`;\n\tconst errorId = `${id}-error`;\n\tconst controller = useController({\n\t\tcontrol,\n\t\tdefaultValue,\n\t\tdisabled,\n\t\tname,\n\t\trules: withRequiredRule(\n\t\t\trules,\n\t\t\trequired,\n\t\t\ttype === 'checkbox'\n\t\t\t\t? (value) => (isChecked ? isChecked(value, checkedValue) : Object.is(value, checkedValue))\n\t\t\t\t: undefined,\n\t\t),\n\t\tshouldUnregister,\n\t});\n\tconst { field, fieldState, formState } = controller;\n\tconst invalid = Boolean(fieldState.invalid);\n\tconst describedBy = joinIds(description || hint ? hintId : undefined, invalid ? errorId : undefined);\n\tconst context: HookFormFieldContext<TFieldValues, TName> = {\n\t\tdescribedBy,\n\t\terrorId,\n\t\tfield,\n\t\tfieldState,\n\t\tformState,\n\t\thintId,\n\t\tid: fieldId,\n\t\tinvalid,\n\t};\n\n\treturn (\n\t\t<div className={joinClassNames('form-control w-full', className)} data-invalid={invalid || undefined}>\n\t\t\t{label && (\n\t\t\t\t<label className='label gap-2' htmlFor={fieldId}>\n\t\t\t\t\t<span className='label-text font-medium'>\n\t\t\t\t\t\t{label}\n\t\t\t\t\t\t{required && <span className='text-error ms-1'>*</span>}\n\t\t\t\t\t</span>\n\t\t\t\t</label>\n\t\t\t)}\n\t\t\t{render\n\t\t\t\t? render(context)\n\t\t\t\t: renderDefaultInput(context, {\n\t\t\t\t\t\tcheckedValue,\n\t\t\t\t\t\tcontrolType,\n\t\t\t\t\t\tinputClassName,\n\t\t\t\t\t\tinputProps,\n\t\t\t\t\t\tisChecked,\n\t\t\t\t\t\tparse,\n\t\t\t\t\t\tsize,\n\t\t\t\t\t\ttextareaProps,\n\t\t\t\t\t\ttype,\n\t\t\t\t\t\tuncheckedValue,\n\t\t\t\t\t})}\n\t\t\t{(description || hint || invalid) && (\n\t\t\t\t<div className='label min-h-6 items-start gap-2 py-1'>\n\t\t\t\t\t<span id={hintId} className='label-text-alt text-base-content/65'>\n\t\t\t\t\t\t{description || hint}\n\t\t\t\t\t</span>\n\t\t\t\t\t{invalid && (\n\t\t\t\t\t\t<span id={errorId} className='label-text-alt text-error text-right' role='alert'>\n\t\t\t\t\t\t\t{fieldState.error?.message || 'Invalid value'}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nexport function HookFormErrorSummary({\n\tclassName,\n\terrors,\n\tincludePath = true,\n\tmaxItems = 6,\n\ttitle = 'Please fix the highlighted fields.',\n\t...props\n}: HookFormErrorSummaryProps) {\n\tconst { formState } = useFormContext();\n\tconst items = getFieldErrors(errors ?? formState.errors).slice(0, maxItems);\n\tif (items.length === 0) return null;\n\treturn (\n\t\t<div {...props} className={joinClassNames('alert alert-error text-sm', className)} role='alert'>\n\t\t\t<div>\n\t\t\t\t<div className='font-medium'>{title}</div>\n\t\t\t\t<ul className='mt-1 list-disc ps-5'>\n\t\t\t\t\t{items.map(({ message, path, type }) => (\n\t\t\t\t\t\t<li key={`${path}:${type ?? ''}:${message}`}>{includePath && path ? `${path}: ${message}` : message}</li>\n\t\t\t\t\t))}\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport function HookFormSubmitButton({\n\tchildren = 'Submit',\n\tclassName,\n\tdirtyOnly = false,\n\tdisabled,\n\tloadingText,\n\tshowSpinner = true,\n\t...props\n}: HookFormSubmitButtonProps) {\n\tconst { formState } = useFormContext();\n\tconst busy = formState.isSubmitting;\n\tconst blocked = Boolean(disabled || formState.disabled || busy || (dirtyOnly && !formState.isDirty));\n\treturn (\n\t\t<button {...props} type='submit' className={joinClassNames('btn btn-primary', className)} disabled={blocked}>\n\t\t\t{showSpinner && busy && <span className='loading loading-spinner loading-xs' aria-hidden='true' />}\n\t\t\t{busy && loadingText ? loadingText : children}\n\t\t</button>\n\t);\n}\n\nexport function HookFormDebugButton({\n\tchildren = 'Debug',\n\tclassName,\n\tenabled = true,\n\t...props\n}: HookFormDebugButtonProps) {\n\tconst methods = useFormContext();\n\tif (!enabled) return null;\n\treturn (\n\t\t<button\n\t\t\t{...props}\n\t\t\ttype='button'\n\t\t\tclassName={joinClassNames('btn btn-ghost', className)}\n\t\t\tonClick={(event) => {\n\t\t\t\tprops.onClick?.(event);\n\t\t\t\tif (event.defaultPrevented) return;\n\t\t\t\tconst { formState } = methods;\n\t\t\t\tconsole.log('[HookFormDebug]', {\n\t\t\t\t\tdirty: getDirtyValues(methods),\n\t\t\t\t\tdirtyFields: formState.dirtyFields,\n\t\t\t\t\tdisabled: formState.disabled,\n\t\t\t\t\terrors: formState.errors,\n\t\t\t\t\tisDirty: formState.isDirty,\n\t\t\t\t\tisLoading: formState.isLoading,\n\t\t\t\t\tisSubmitSuccessful: formState.isSubmitSuccessful,\n\t\t\t\t\tisSubmitted: formState.isSubmitted,\n\t\t\t\t\tisSubmitting: formState.isSubmitting,\n\t\t\t\t\tisValid: formState.isValid,\n\t\t\t\t\tisValidating: formState.isValidating,\n\t\t\t\t\tsubmitCount: formState.submitCount,\n\t\t\t\t\ttouchedFields: formState.touchedFields,\n\t\t\t\t\tvalues: methods.getValues(),\n\t\t\t\t});\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\t\t</button>\n\t);\n}\n\nexport function HookFormDataPreviewButton<TFieldValues extends FieldValues = FieldValues>({\n\tchildren = 'Data preview',\n\tclassName,\n\tdialogTitle = 'Form data',\n\tformat = (data) => JSON.stringify(data, null, 2),\n\tonLoad,\n\tonParseError,\n\tparse = (text) => JSON.parse(text) as TFieldValues,\n\ttextareaLabel = 'Form data JSON',\n\t...props\n}: HookFormDataPreviewButtonProps<TFieldValues>) {\n\tconst dialogRef = useRef<HTMLDialogElement>(null);\n\tconst [error, setError] = useState('');\n\tconst [text, setText] = useState('');\n\tconst methods = useFormContext<TFieldValues>();\n\tconst titleId = useId();\n\tconst open = () => {\n\t\tsetError('');\n\t\tsetText(format(methods.getValues()));\n\t\tdialogRef.current?.showModal();\n\t};\n\tconst close = () => dialogRef.current?.close();\n\tconst load = async () => {\n\t\ttry {\n\t\t\tconst next = await parse(text);\n\t\t\tmethods.reset(next);\n\t\t\tonLoad?.(next);\n\t\t\tclose();\n\t\t} catch (cause) {\n\t\t\tconst message = cause instanceof Error ? cause.message : String(cause);\n\t\t\tsetError(message);\n\t\t\tonParseError?.(cause);\n\t\t}\n\t};\n\treturn (\n\t\t<>\n\t\t\t<button\n\t\t\t\t{...props}\n\t\t\t\ttype='button'\n\t\t\t\tclassName={joinClassNames('btn', className)}\n\t\t\t\tonClick={(event) => {\n\t\t\t\t\tprops.onClick?.(event);\n\t\t\t\t\tif (!event.defaultPrevented) open();\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</button>\n\t\t\t<dialog ref={dialogRef} className='modal' aria-labelledby={titleId}>\n\t\t\t\t<div className='modal-box max-w-3xl'>\n\t\t\t\t\t<h2 id={titleId} className='text-lg font-semibold'>\n\t\t\t\t\t\t{dialogTitle}\n\t\t\t\t\t</h2>\n\t\t\t\t\t<textarea\n\t\t\t\t\t\taria-label={textareaLabel}\n\t\t\t\t\t\tclassName='textarea textarea-bordered mt-4 min-h-80 w-full font-mono text-xs'\n\t\t\t\t\t\tvalue={text}\n\t\t\t\t\t\tonChange={(event) => setText(event.currentTarget.value)}\n\t\t\t\t\t/>\n\t\t\t\t\t{error && (\n\t\t\t\t\t\t<p className='text-error mt-2 text-sm' role='alert'>\n\t\t\t\t\t\t\t{error}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t)}\n\t\t\t\t\t<div className='modal-action'>\n\t\t\t\t\t\t<div className='join'>\n\t\t\t\t\t\t\t<button type='button' className='btn join-item btn-sm' onClick={() => setText('')}>\n\t\t\t\t\t\t\t\tClear\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype='button'\n\t\t\t\t\t\t\t\tclassName='btn join-item btn-sm'\n\t\t\t\t\t\t\t\tonClick={() => setText(format(methods.getValues()))}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tRefresh\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t<button type='button' className='btn btn-primary join-item btn-sm' onClick={load}>\n\t\t\t\t\t\t\t\tLoad\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t<button type='button' className='btn join-item btn-sm' onClick={close}>\n\t\t\t\t\t\t\t\tClose\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</dialog>\n\t\t</>\n\t);\n}\n\nfunction renderDefaultInput<\n\tTFieldValues extends FieldValues = FieldValues,\n\tTName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>(\n\t{ describedBy, field, id, invalid }: HookFormFieldContext<TFieldValues, TName>,\n\t{\n\t\tcheckedValue,\n\t\tcontrolType,\n\t\tinputClassName,\n\t\tinputProps,\n\t\tisChecked,\n\t\tparse,\n\t\tsize,\n\t\ttextareaProps,\n\t\ttype,\n\t\tuncheckedValue,\n\t}: Pick<\n\t\tHookFormFieldProps<TFieldValues, TName>,\n\t\t| 'checkedValue'\n\t\t| 'controlType'\n\t\t| 'inputClassName'\n\t\t| 'inputProps'\n\t\t| 'isChecked'\n\t\t| 'parse'\n\t\t| 'size'\n\t\t| 'textareaProps'\n\t\t| 'type'\n\t\t| 'uncheckedValue'\n\t>,\n) {\n\tconst className = joinClassNames(\n\t\tcontrolType === 'textarea' ? 'textarea textarea-bordered w-full' : 'input input-bordered w-full',\n\t\tsize && (controlType === 'textarea' ? `textarea-${size}` : `input-${size}`),\n\t\tinputClassName,\n\t);\n\tconst common = {\n\t\t'aria-describedby': describedBy,\n\t\t'aria-invalid': invalid || undefined,\n\t\tdisabled: field.disabled,\n\t\tid,\n\t\tname: field.name,\n\t\tonBlur: field.onBlur,\n\t\tref: field.ref,\n\t};\n\tif (controlType === 'textarea') {\n\t\treturn (\n\t\t\t<textarea\n\t\t\t\t{...textareaProps}\n\t\t\t\t{...common}\n\t\t\t\tclassName={joinClassNames(className, textareaProps?.className)}\n\t\t\t\tvalue={field.value ?? ''}\n\t\t\t\tonChange={(event) =>\n\t\t\t\t\tfield.onChange(parse ? parse(event.currentTarget.value, event) : event.currentTarget.value)\n\t\t\t\t}\n\t\t\t/>\n\t\t);\n\t}\n\tif (type === 'checkbox') {\n\t\tconst checked = isChecked ? isChecked(field.value, checkedValue) : Object.is(field.value, checkedValue);\n\t\treturn (\n\t\t\t<input\n\t\t\t\t{...inputProps}\n\t\t\t\t{...common}\n\t\t\t\tchecked={checked}\n\t\t\t\tclassName={joinClassNames('checkbox', inputClassName, inputProps?.className)}\n\t\t\t\ttype='checkbox'\n\t\t\t\tonChange={(event) => field.onChange(event.currentTarget.checked ? checkedValue : uncheckedValue)}\n\t\t\t/>\n\t\t);\n\t}\n\treturn (\n\t\t<input\n\t\t\t{...inputProps}\n\t\t\t{...common}\n\t\t\tclassName={joinClassNames(className, inputProps?.className)}\n\t\t\ttype={type}\n\t\t\tvalue={field.value ?? ''}\n\t\t\tonChange={(event) => field.onChange(parse ? parse(event.currentTarget.value, event) : event.currentTarget.value)}\n\t\t/>\n\t);\n}\n\nfunction withRequiredRule<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>(\n\trules: HookFormFieldProps<TFieldValues, TName>['rules'],\n\trequired: HookFormFieldProps<TFieldValues, TName>['required'],\n\tisRequiredValue?: (value: FieldPathValue<TFieldValues, TName>) => boolean,\n) {\n\tif (!required) return rules;\n\tconst message = typeof required === 'string' ? required : 'Required';\n\tif (isRequiredValue) {\n\t\treturn {\n\t\t\t...rules,\n\t\t\tvalidate: mergeValidate<TFieldValues, TName>(rules?.validate, (value) => isRequiredValue(value) || message),\n\t\t};\n\t}\n\tif (rules?.required) return rules;\n\treturn {\n\t\t...rules,\n\t\trequired: message,\n\t};\n}\n\nfunction mergeValidate<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>(\n\tvalidate: NonNullable<HookFormFieldProps<TFieldValues, TName>['rules']>['validate'],\n\trequiredValidate: (value: FieldPathValue<TFieldValues, TName>) => true | string,\n): NonNullable<HookFormFieldProps<TFieldValues, TName>['rules']>['validate'] {\n\tif (!validate) return requiredValidate;\n\tif (typeof validate === 'function') {\n\t\treturn (value, formValues) => {\n\t\t\tconst result = validate(value, formValues);\n\t\t\tif (isPromiseLike(result)) return result.then((next) => (next === true ? requiredValidate(value) : next));\n\t\t\treturn result === true ? requiredValidate(value) : result;\n\t\t};\n\t}\n\tconst requiredKey = '__hookFormRequired' in validate ? '__hookFormRequiredFallback' : '__hookFormRequired';\n\treturn {\n\t\t...validate,\n\t\t[requiredKey]: requiredValidate,\n\t};\n}\n\nfunction isPromiseLike<T>(value: T | PromiseLike<T>): value is PromiseLike<T> {\n\treturn typeof value === 'object' && value !== null && 'then' in value && typeof value.then === 'function';\n}\n\nfunction joinClassNames(...values: Array<string | false | null | undefined>) {\n\treturn values.filter(Boolean).join(' ');\n}\n\nfunction joinIds(...values: Array<string | false | null | undefined>) {\n\tconst output = values.filter(Boolean).join(' ');\n\treturn output || undefined;\n}\n",
			"type": "registry:component",
			"target": "@components/hook-form/hook-form.tsx"
		},
		{
			"path": "registry/default/ui/hook-form/index.ts",
			"content": "export * from './hook-form';\nexport * from './hook-form-utils';\n",
			"type": "registry:component",
			"target": "@components/hook-form/index.ts"
		}
	],
	"type": "registry:component"
}