FormItem (ui/form.tsx)

Form components for react-hook-form with accessible labels and error messages

// Source: https://github.com/yassir-jeraidi/full-calendar | License: MIT | Copyright 2025 Jeraidi Yassir
// Provided via justclaw.it.com; keep this notice with the code.
"use client";

import type * as LabelPrimitive from "@radix-ui/react-label";
import { Slot } from "@radix-ui/react-slot";
import * as React from "react";
import {
	Controller,
	type ControllerProps,
	type FieldPath,
	type FieldValues,
	FormProvider,
	useFormContext,
	useFormState,
} from "react-hook-form";
import { Label } from "@/components/ui/label";
import { cn } from "@/lib/utils";

const Form = FormProvider;

type FormFieldContextValue<
	TFieldValues extends FieldValues = FieldValues,
	TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
> = {
	name: TName;
};

const FormFieldContext = React.createContext

... (truncated -- full source via MCP)