@alpic-ai/ui 0.0.0-dev.fffc79a → 0.0.0-dev.g00dcac1

package/dist/components/dialog.d.mts

@@ -1,28 +1,26 @@
 import { ButtonProps } from "./button.mjs";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as React from "react";
+import * as React$1 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/components/dialog.d.ts
 declare function Dialog({
   ...props
-}: React.ComponentProps<typeof DialogPrimitive.Root>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof DialogPrimitive.Root>): React$1.JSX.Element;
 declare function DialogTrigger({
   ...props
-}: React.ComponentProps<typeof DialogPrimitive.Trigger>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof DialogPrimitive.Trigger>): React$1.JSX.Element;
 declare function DialogPortal({
   ...props
-}: React.ComponentProps<typeof DialogPrimitive.Portal>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof DialogPrimitive.Portal>): React$1.JSX.Element;
 declare function DialogOverlay({
   className,
   ...props
-}: React.ComponentProps<typeof DialogPrimitive.Overlay>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof DialogPrimitive.Overlay>): React$1.JSX.Element;
 declare const dialogContentVariants: (props?: ({
   size?: "sm" | "lg" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
-interface DialogContentProps extends React.ComponentProps<typeof DialogPrimitive.Content>, VariantProps<typeof dialogContentVariants> {
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface DialogContentProps extends React$1.ComponentProps<typeof DialogPrimitive.Content>, VariantProps<typeof dialogContentVariants> {
   showCloseButton?: boolean;
 }
 declare function DialogContent({
@@ -31,31 +29,31 @@ declare function DialogContent({
   size,
   showCloseButton,
   ...props
-}: DialogContentProps): _$react_jsx_runtime0.JSX.Element;
+}: DialogContentProps): React$1.JSX.Element;
 declare function DialogHeader({
   className,
   ...props
-}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<"div">): React$1.JSX.Element;
 declare const dialogFooterVariants: (props?: ({
   layout?: "horizontal" | "vertical" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
-interface DialogFooterProps extends React.ComponentProps<"div">, VariantProps<typeof dialogFooterVariants> {}
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface DialogFooterProps extends React$1.ComponentProps<"div">, VariantProps<typeof dialogFooterVariants> {}
 declare function DialogFooter({
   className,
   layout,
   ...props
-}: DialogFooterProps): _$react_jsx_runtime0.JSX.Element;
+}: DialogFooterProps): React$1.JSX.Element;
 declare function DialogTitle({
   className,
   ...props
-}: React.ComponentProps<typeof DialogPrimitive.Title>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof DialogPrimitive.Title>): React$1.JSX.Element;
 declare function DialogClose({
   children,
   ...props
-}: Omit<ButtonProps, "variant" | "asChild">): _$react_jsx_runtime0.JSX.Element;
+}: Omit<ButtonProps, "variant" | "asChild">): React$1.JSX.Element;
 declare function DialogDescription({
   className,
   ...props
-}: React.ComponentProps<typeof DialogPrimitive.Description>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof DialogPrimitive.Description>): React$1.JSX.Element;
 //#endregion
 export { Dialog, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, type DialogFooterProps, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, dialogContentVariants, dialogFooterVariants };

package/dist/components/dropdown-menu.d.mts

@@ -1,72 +1,70 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as React from "react";
+import * as React$1 from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/components/dropdown-menu.d.ts
 declare function DropdownMenu({
   ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Root>): React$1.JSX.Element;
 declare function DropdownMenuPortal({
   ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Portal>): React$1.JSX.Element;
 declare function DropdownMenuTrigger({
   ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): React$1.JSX.Element;
 declare function DropdownMenuContent({
   className,
   sideOffset,
   ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Content>): React$1.JSX.Element;
 declare function DropdownMenuGroup({
   ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Group>): React$1.JSX.Element;
 declare const dropdownMenuItemVariants: (props?: ({
   variant?: "default" | "destructive" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function DropdownMenuItem({
   className,
   inset,
   variant,
   ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & VariantProps<typeof dropdownMenuItemVariants> & {
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Item> & VariantProps<typeof dropdownMenuItemVariants> & {
   inset?: boolean;
-}): _$react_jsx_runtime0.JSX.Element;
+}): React$1.JSX.Element;
 declare function DropdownMenuLabel({
   className,
   inset,
   ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
   inset?: boolean;
-}): _$react_jsx_runtime0.JSX.Element;
+}): React$1.JSX.Element;
 declare function DropdownMenuHeader({
   className,
   children,
   ...props
-}: React.HTMLAttributes<HTMLDivElement>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
 declare function DropdownMenuSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Separator>): React$1.JSX.Element;
 declare function DropdownMenuShortcut({
   className,
   ...props
-}: React.ComponentProps<"span">): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<"span">): React$1.JSX.Element;
 declare function DropdownMenuSub({
   ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Sub>): React$1.JSX.Element;
 declare function DropdownMenuSubTrigger({
   className,
   inset,
   children,
   ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
   inset?: boolean;
-}): _$react_jsx_runtime0.JSX.Element;
+}): React$1.JSX.Element;
 declare function DropdownMenuSubContent({
   className,
   ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): React$1.JSX.Element;
 //#endregion
 export { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuHeader, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, dropdownMenuItemVariants };

package/dist/components/form.d.mts

@@ -1,23 +1,40 @@
 import { InputProps } from "./input.mjs";
 import { Label } from "./label.mjs";
 import { TextareaProps } from "./textarea.mjs";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-import * as React from "react";
+import * as React$1 from "react";
 import { Slot } from "@radix-ui/react-slot";
-import * as _$react_hook_form0 from "react-hook-form";
 import { ControllerProps, FieldPath, FieldValues } from "react-hook-form";
 
 //#region src/components/form.d.ts
-declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: _$react_hook_form0.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({
+  children,
+  watch,
+  getValues,
+  getFieldState,
+  setError,
+  clearErrors,
+  setValue,
+  setValues,
+  trigger,
+  formState,
+  resetField,
+  reset,
+  handleSubmit,
+  unregister,
+  control,
+  register,
+  setFocus,
+  subscribe
+}: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
 declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({
   ...props
-}: ControllerProps<TFieldValues, TName>) => _$react_jsx_runtime0.JSX.Element;
+}: ControllerProps<TFieldValues, TName>) => React$1.JSX.Element;
 declare const useFormField: () => {
   invalid: boolean;
   isDirty: boolean;
   isTouched: boolean;
   isValidating: boolean;
-  error?: _$react_hook_form0.FieldError;
+  error?: import("react-hook-form").FieldError;
   id: string;
   name: string;
   formItemId: string;
@@ -27,8 +44,8 @@ declare const useFormField: () => {
 declare function FormItem({
   className,
   ...props
-}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
-interface FormLabelProps extends React.ComponentProps<typeof Label> {
+}: React$1.ComponentProps<"div">): React$1.JSX.Element;
+interface FormLabelProps extends React$1.ComponentProps<typeof Label> {
   required?: boolean;
   tooltip?: string;
 }
@@ -38,19 +55,19 @@ declare function FormLabel({
   tooltip,
   children,
   ...props
-}: FormLabelProps): _$react_jsx_runtime0.JSX.Element;
+}: FormLabelProps): React$1.JSX.Element;
 declare function FormControl({
   ...props
-}: React.ComponentProps<typeof Slot>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof Slot>): React$1.JSX.Element;
 declare function FormDescription({
   className,
   ...props
-}: React.ComponentProps<"p">): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<"p">): React$1.JSX.Element;
 declare function FormMessage({
   className,
   ...props
-}: React.ComponentProps<"p">): _$react_jsx_runtime0.JSX.Element | null;
-interface FormHeaderProps extends React.ComponentProps<"div"> {
+}: React$1.ComponentProps<"p">): React$1.JSX.Element | null;
+interface FormHeaderProps extends React$1.ComponentProps<"div"> {
   title: string;
   description?: string;
 }
@@ -59,11 +76,11 @@ declare function FormHeader({
   description,
   className,
   ...props
-}: FormHeaderProps): _$react_jsx_runtime0.JSX.Element;
+}: FormHeaderProps): React$1.JSX.Element;
 declare function FormFields({
   className,
   ...props
-}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<"div">): React$1.JSX.Element;
 interface FormFieldBaseProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> {
   control: ControllerProps<TFieldValues, TName>["control"];
   name: TName;
@@ -83,7 +100,7 @@ declare function InputField<TFieldValues extends FieldValues, TName extends Fiel
   description,
   tooltip,
   ...inputProps
-}: InputFieldProps<TFieldValues, TName>): _$react_jsx_runtime0.JSX.Element;
+}: InputFieldProps<TFieldValues, TName>): React$1.JSX.Element;
 interface TextareaFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> extends FormFieldBaseProps<TFieldValues, TName>, Omit<TextareaProps, "name" | "label"> {}
 declare function TextareaField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({
   control,
@@ -94,7 +111,7 @@ declare function TextareaField<TFieldValues extends FieldValues, TName extends F
   description,
   tooltip,
   ...textareaProps
-}: TextareaFieldProps<TFieldValues, TName>): _$react_jsx_runtime0.JSX.Element;
+}: TextareaFieldProps<TFieldValues, TName>): React$1.JSX.Element;
 interface SelectFieldOption {
   value: string;
   label: string;
@@ -114,6 +131,41 @@ declare function SelectField<TFieldValues extends FieldValues, TName extends Fie
   tooltip,
   options,
   placeholder
-}: SelectFieldProps<TFieldValues, TName>): _$react_jsx_runtime0.JSX.Element;
+}: SelectFieldProps<TFieldValues, TName>): React$1.JSX.Element;
+interface RadioFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> extends FormFieldBaseProps<TFieldValues, TName> {
+  options: SelectFieldOption[];
+}
+declare function RadioField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({
+  control,
+  name,
+  rules,
+  required,
+  label,
+  description,
+  tooltip,
+  options
+}: RadioFieldProps<TFieldValues, TName>): React$1.JSX.Element;
+interface ChecklistFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> extends FormFieldBaseProps<TFieldValues, TName> {
+  options: SelectFieldOption[];
+}
+declare function ChecklistField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({
+  control,
+  name,
+  rules,
+  required,
+  label,
+  description,
+  tooltip,
+  options
+}: ChecklistFieldProps<TFieldValues, TName>): React$1.JSX.Element;
+interface CheckboxFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> extends Omit<FormFieldBaseProps<TFieldValues, TName>, "required"> {}
+declare function CheckboxField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({
+  control,
+  name,
+  rules,
+  label,
+  description,
+  tooltip
+}: CheckboxFieldProps<TFieldValues, TName>): React$1.JSX.Element;
 //#endregion
-export { Form, FormControl, FormDescription, FormField, FormFields, FormHeader, FormItem, FormLabel, FormMessage, InputField, SelectField, type SelectFieldOption, TextareaField, useFormField };
+export { CheckboxField, ChecklistField, Form, FormControl, FormDescription, FormField, FormFields, FormHeader, FormItem, FormLabel, FormMessage, InputField, RadioField, SelectField, type SelectFieldOption, TextareaField, useFormField };

package/dist/components/form.mjs

@@ -1,18 +1,20 @@
 "use client";
 import { cn } from "../lib/cn.mjs";
 import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip.mjs";
+import { Checkbox } from "./checkbox.mjs";
 import { Label } from "./label.mjs";
 import { Input } from "./input.mjs";
+import { RadioGroup, RadioGroupItem } from "./radio-group.mjs";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./select.mjs";
 import { Textarea } from "./textarea.mjs";
 import { Info } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
+import * as React$1 from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { Controller, FormProvider, useFormContext, useFormState } from "react-hook-form";
 //#region src/components/form.tsx
 const Form = FormProvider;
-const FormFieldContext = React.createContext({});
+const FormFieldContext = React$1.createContext({});
 const FormField = ({ ...props }) => {
 	return /* @__PURE__ */ jsx(FormFieldContext.Provider, {
 		value: { name: props.name },
@@ -20,8 +22,8 @@ const FormField = ({ ...props }) => {
 	});
 };
 const useFormField = () => {
-	const fieldContext = React.useContext(FormFieldContext);
-	const itemContext = React.useContext(FormItemContext);
+	const fieldContext = React$1.useContext(FormFieldContext);
+	const itemContext = React$1.useContext(FormItemContext);
 	if (!fieldContext.name) throw new Error("useFormField should be used within <FormField>");
 	const { getFieldState } = useFormContext();
 	const formState = useFormState({ name: fieldContext.name });
@@ -36,9 +38,9 @@ const useFormField = () => {
 		...fieldState
 	};
 };
-const FormItemContext = React.createContext({});
+const FormItemContext = React$1.createContext({});
 function FormItem({ className, ...props }) {
-	const id = React.useId();
+	const id = React$1.useId();
 	return /* @__PURE__ */ jsx(FormItemContext.Provider, {
 		value: { id },
 		children: /* @__PURE__ */ jsx("div", {
@@ -88,7 +90,7 @@ function FormDescription({ className, ...props }) {
 	return /* @__PURE__ */ jsx("p", {
 		"data-slot": "form-description",
 		id: formDescriptionId,
-		className: cn("text-muted-foreground text-sm", className),
+		className: cn("text-muted-foreground type-text-sm whitespace-pre-line", className),
 		...props
 	});
 }
@@ -134,11 +136,11 @@ function InputField({ control, name, rules, required, label, description, toolti
 				tooltip,
 				children: label
 			}),
+			description && /* @__PURE__ */ jsx(FormDescription, { children: description }),
 			/* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, {
 				...inputProps,
 				...field
 			}) }),
-			description && /* @__PURE__ */ jsx(FormDescription, { children: description }),
 			/* @__PURE__ */ jsx(FormMessage, {})
 		] })
 	});
@@ -154,11 +156,11 @@ function TextareaField({ control, name, rules, required, label, description, too
 				tooltip,
 				children: label
 			}),
+			description && /* @__PURE__ */ jsx(FormDescription, { children: description }),
 			/* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Textarea, {
 				...textareaProps,
 				...field
 			}) }),
-			description && /* @__PURE__ */ jsx(FormDescription, { children: description }),
 			/* @__PURE__ */ jsx(FormMessage, {})
 		] })
 	});
@@ -174,6 +176,7 @@ function SelectField({ control, name, rules, required, label, description, toolt
 				tooltip,
 				children: label
 			}),
+			description && /* @__PURE__ */ jsx(FormDescription, { children: description }),
 			/* @__PURE__ */ jsxs(Select, {
 				value: field.value,
 				onValueChange: field.onChange,
@@ -183,10 +186,117 @@ function SelectField({ control, name, rules, required, label, description, toolt
 					children: option.label
 				}, option.value)) })]
 			}),
+			/* @__PURE__ */ jsx(FormMessage, {})
+		] })
+	});
+}
+function RadioField({ control, name, rules, required, label, description, tooltip, options }) {
+	return /* @__PURE__ */ jsx(FormField, {
+		control,
+		name,
+		rules,
+		render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+			label && /* @__PURE__ */ jsx(FormLabel, {
+				required,
+				tooltip,
+				children: label
+			}),
 			description && /* @__PURE__ */ jsx(FormDescription, { children: description }),
+			/* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(RadioGroup, {
+				value: field.value ?? "",
+				onValueChange: field.onChange,
+				onBlur: field.onBlur,
+				children: options.map((option) => {
+					const itemId = `${field.name}-${option.value}`;
+					return /* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ jsx(RadioGroupItem, {
+							id: itemId,
+							value: option.value,
+							disabled: option.disabled
+						}), /* @__PURE__ */ jsx(Label, {
+							htmlFor: itemId,
+							className: "type-text-sm font-normal",
+							children: option.label
+						})]
+					}, option.value);
+				})
+			}) }),
 			/* @__PURE__ */ jsx(FormMessage, {})
 		] })
 	});
 }
+function ChecklistField({ control, name, rules, required, label, description, tooltip, options }) {
+	return /* @__PURE__ */ jsx(FormField, {
+		control,
+		name,
+		rules,
+		render: ({ field }) => {
+			const selected = Array.isArray(field.value) ? field.value : [];
+			const toggle = (value, checked) => {
+				if (checked) field.onChange([...selected, value]);
+				else field.onChange(selected.filter((existing) => existing !== value));
+			};
+			return /* @__PURE__ */ jsxs(FormItem, { children: [
+				label && /* @__PURE__ */ jsx(FormLabel, {
+					required,
+					tooltip,
+					children: label
+				}),
+				description && /* @__PURE__ */ jsx(FormDescription, { children: description }),
+				/* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx("fieldset", {
+					className: "m-0 flex flex-col gap-2 border-0 p-0",
+					onBlur: field.onBlur,
+					children: options.map((option) => {
+						const itemId = `${field.name}-${option.value}`;
+						return /* @__PURE__ */ jsxs("div", {
+							className: "flex items-start gap-2",
+							children: [/* @__PURE__ */ jsx(Checkbox, {
+								id: itemId,
+								checked: selected.includes(option.value),
+								onCheckedChange: (next) => toggle(option.value, Boolean(next)),
+								disabled: option.disabled
+							}), /* @__PURE__ */ jsx(Label, {
+								htmlFor: itemId,
+								className: "type-text-sm font-normal leading-tight",
+								children: option.label
+							})]
+						}, option.value);
+					})
+				}) }),
+				/* @__PURE__ */ jsx(FormMessage, {})
+			] });
+		}
+	});
+}
+function CheckboxField({ control, name, rules, label, description, tooltip }) {
+	return /* @__PURE__ */ jsx(FormField, {
+		control,
+		name,
+		rules,
+		render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, {
+			className: "gap-1.5",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex items-start gap-2",
+					children: [/* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Checkbox, {
+						checked: field.value ?? false,
+						onCheckedChange: (next) => field.onChange(Boolean(next)),
+						onBlur: field.onBlur
+					}) }), label && /* @__PURE__ */ jsx(FormLabel, {
+						tooltip,
+						className: "font-normal",
+						children: label
+					})]
+				}),
+				description && /* @__PURE__ */ jsx(FormDescription, {
+					className: "ml-6",
+					children: description
+				}),
+				/* @__PURE__ */ jsx(FormMessage, { className: "ml-6" })
+			]
+		})
+	});
+}
 //#endregion
-export { Form, FormControl, FormDescription, FormField, FormFields, FormHeader, FormItem, FormLabel, FormMessage, InputField, SelectField, TextareaField, useFormField };
+export { CheckboxField, ChecklistField, Form, FormControl, FormDescription, FormField, FormFields, FormHeader, FormItem, FormLabel, FormMessage, InputField, RadioField, SelectField, TextareaField, useFormField };

package/dist/components/github-button.d.mts

@@ -1,5 +1,4 @@
 import { Button } from "./button.mjs";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/components/github-button.d.ts
@@ -8,6 +7,6 @@ declare function GitHubButton({
   className,
   children,
   ...props
-}: GitHubButtonProps): _$react_jsx_runtime0.JSX.Element;
+}: GitHubButtonProps): import("react").JSX.Element;
 //#endregion
 export { GitHubButton, type GitHubButtonProps };

package/dist/components/input-group.d.mts

@@ -1,25 +1,23 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as React from "react";
-import * as _$class_variance_authority_types0 from "class-variance-authority/types";
+import * as React$1 from "react";
 
 //#region src/components/input-group.d.ts
 declare function InputGroup({
   className,
   children,
   ...props
-}: React.ComponentProps<"fieldset">): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<"fieldset">): React$1.JSX.Element;
 declare const inputGroupAddonVariants: (props?: ({
   align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function InputGroupAddon({
   className,
   align,
   ...props
-}: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): React$1.JSX.Element;
 declare function InputGroupTextarea({
   className,
   ...props
-}: React.ComponentProps<"textarea">): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<"textarea">): React$1.JSX.Element;
 //#endregion
 export { InputGroup, InputGroupAddon, InputGroupTextarea };

package/dist/components/input.d.mts

@@ -1,15 +1,14 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-import * as React from "react";
+import * as React$1 from "react";
 
 //#region src/components/input.d.ts
-interface InputProps extends Omit<React.ComponentProps<"input">, "size"> {
+interface InputProps extends Omit<React$1.ComponentProps<"input">, "size"> {
   label?: string;
   required?: boolean;
   hint?: string;
   error?: string;
   tooltip?: string;
   leadingText?: string;
-  leadingIcon?: React.ReactNode;
+  leadingIcon?: React$1.ReactNode;
   size?: "sm" | "md";
 }
 declare function Input({
@@ -24,6 +23,6 @@ declare function Input({
   leadingIcon,
   size,
   ...props
-}: InputProps): _$react_jsx_runtime0.JSX.Element;
+}: InputProps): React$1.JSX.Element;
 //#endregion
 export { Input, type InputProps };

package/dist/components/input.mjs

@@ -4,7 +4,7 @@ import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip.mjs";
 import { Label } from "./label.mjs";
 import { Info } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
+import * as React$1 from "react";
 //#region src/components/input.tsx
 const inputSizeStyles = {
 	sm: {
@@ -25,7 +25,7 @@ const inputSizeStyles = {
 	}
 };
 function Input({ className, id, label, required, hint, error, tooltip, leadingText, leadingIcon, size = "md", ...props }) {
-	const generatedId = React.useId();
+	const generatedId = React$1.useId();
 	const fieldId = id ?? generatedId;
 	const hasAddons = leadingText || leadingIcon;
 	const sizes = inputSizeStyles[size];

package/dist/components/label.d.mts

@@ -1,11 +1,10 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-import * as React from "react";
+import * as React$1 from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 
 //#region src/components/label.d.ts
 declare function Label({
   className,
   ...props
-}: React.ComponentProps<typeof LabelPrimitive.Root>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof LabelPrimitive.Root>): React$1.JSX.Element;
 //#endregion
 export { Label };

package/dist/components/page-loader.d.mts

@@ -1,11 +1,9 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components/page-loader.d.ts
 interface PageLoaderProps {
   className?: string;
 }
 declare function PageLoader({
   className
-}: PageLoaderProps): _$react_jsx_runtime0.JSX.Element;
+}: PageLoaderProps): import("react").JSX.Element;
 //#endregion
 export { PageLoader, type PageLoaderProps };