@me1a/ui 2.2.1 → 2.2.2

package/dist/rhf/form.d.ts

@@ -0,0 +1,96 @@
+import * as _radix_ui_react_slot from '@radix-ui/react-slot';
+import { Slot } from '@radix-ui/react-slot';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react_hook_form from 'react-hook-form';
+import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
+declare const useFormField: () => {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: react_hook_form.FieldError;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const FormLabel: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+declare const FormControl: React.ForwardRefExoticComponent<Omit<_radix_ui_react_slot.SlotProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const FormDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+
+/**
+ * Props interface for the Form component.
+ * Extends react-hook-form's FormProvider props.
+ */
+interface FormProps<TFieldValues extends FieldValues = FieldValues> {
+    /**
+     * The form context value
+     */
+    context: React.Context<TFieldValues>;
+    /**
+     * The form children
+     */
+    children: React.ReactNode;
+}
+/**
+ * Props interface for the FormField component.
+ * Extends react-hook-form's Controller props.
+ */
+interface FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends ControllerProps<TFieldValues, TName> {
+}
+/**
+ * Props interface for the FormItem component.
+ * Extends HTML div attributes.
+ */
+interface FormItemProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+/**
+ * Props interface for the FormLabel component.
+ * Extends Radix UI Label props.
+ */
+interface FormLabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> {
+}
+/**
+ * Props interface for the FormControl component.
+ * Extends Radix UI Slot props.
+ */
+interface FormControlProps extends React.ComponentPropsWithoutRef<typeof Slot> {
+}
+/**
+ * Props interface for the FormDescription component.
+ * Extends HTML paragraph attributes.
+ */
+interface FormDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
+}
+/**
+ * Props interface for the FormMessage component.
+ * Extends HTML paragraph attributes.
+ */
+interface FormMessageProps extends React.HTMLAttributes<HTMLParagraphElement> {
+    /**
+     * The message content
+     */
+    children?: React.ReactNode;
+}
+/**
+ * Context value type for form field context
+ */
+type FormFieldContextValue<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
+    name: TName;
+};
+/**
+ * Context value type for form item context
+ */
+type FormItemContextValue = {
+    id: string;
+};
+
+export { Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, type FormFieldContextValue, type FormFieldProps, FormItem, type FormItemContextValue, type FormItemProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormProps, useFormField };

package/dist/rhf/form.js

@@ -0,0 +1,2 @@
+'use strict';var o=require('react'),reactSlot=require('@radix-ui/react-slot'),reactHookForm=require('react-hook-form'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),p=require('@radix-ui/react-label'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var o__namespace=/*#__PURE__*/_interopNamespace(o);var p__namespace=/*#__PURE__*/_interopNamespace(p);function s(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var I=classVarianceAuthority.cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),d=o__namespace.forwardRef(({className:e,...r},t)=>jsxRuntime.jsx(p__namespace.Root,{ref:t,className:s(I(),e),...r}));d.displayName=p__namespace.Root.displayName;var N=reactHookForm.FormProvider,f=o__namespace.createContext({}),w=({...e})=>jsxRuntime.jsx(f.Provider,{value:{name:e.name},children:jsxRuntime.jsx(reactHookForm.Controller,{...e})}),n=()=>{let e=o__namespace.useContext(f),r=o__namespace.useContext(u),{getFieldState:t,formState:a}=reactHookForm.useFormContext(),m=t(e.name,a);if(!e)throw new Error("useFormField should be used within <FormField>");let{id:i}=r;return {id:i,name:e.name,formItemId:`${i}-form-item`,formDescriptionId:`${i}-form-item-description`,formMessageId:`${i}-form-item-message`,...m}},u=o__namespace.createContext({}),R=o__namespace.forwardRef(({className:e,...r},t)=>{let a=o__namespace.useId();return jsxRuntime.jsx(u.Provider,{value:{id:a},children:jsxRuntime.jsx("div",{ref:t,className:s("space-y-2",e),...r})})});R.displayName="FormItem";var P=o__namespace.forwardRef(({className:e,...r},t)=>{let{error:a,formItemId:m}=n();return jsxRuntime.jsx(d,{ref:t,className:s(a&&"text-destructive",e),htmlFor:m,...r})});P.displayName="FormLabel";var x=o__namespace.forwardRef(({...e},r)=>{let{error:t,formItemId:a,formDescriptionId:m,formMessageId:i}=n();return jsxRuntime.jsx(reactSlot.Slot,{ref:r,id:a,"aria-describedby":t?`${m} ${i}`:`${m}`,"aria-invalid":!!t,...e})});x.displayName="FormControl";var C=o__namespace.forwardRef(({className:e,...r},t)=>{let{formDescriptionId:a}=n();return jsxRuntime.jsx("p",{ref:t,id:a,className:s("text-sm text-muted-foreground",e),...r})});C.displayName="FormDescription";var b=o__namespace.forwardRef(({className:e,children:r,...t},a)=>{let{error:m,formMessageId:i}=n(),F=m?String(m?.message??""):r;return F?jsxRuntime.jsx("p",{ref:a,id:i,className:s("text-sm font-medium text-destructive",e),...t,children:F}):null});b.displayName="FormMessage";exports.Form=N;exports.FormControl=x;exports.FormDescription=C;exports.FormField=w;exports.FormItem=R;exports.FormLabel=P;exports.FormMessage=b;exports.useFormField=n;//# sourceMappingURL=form.js.map
+//# sourceMappingURL=form.js.map

package/dist/rhf/form.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/label/label.tsx","../../src/components/rhf/form/form.tsx"],"names":["cn","inputs","twMerge","clsx","labelVariants","cva","Label","c","className","props","ref","jsx","p","Form","FormProvider","FormFieldContext","o","FormField","Controller","useFormField","fieldContext","itemContext","FormItemContext","getFieldState","formState","useFormContext","fieldState","id","FormItem","FormLabel","error","formItemId","FormControl","formDescriptionId","formMessageId","Slot","FormDescription","FormMessage","children","body"],"mappings":"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","file":"form.js","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport * as LabelPrimitive from \"@radix-ui/react-label\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/utils/index\"\n\nconst labelVariants = cva(\n  \"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n)\n\nexport interface LabelProps\n  extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>,\n    VariantProps<typeof labelVariants> {}\n\n/**\n * Label component for creating accessible labels.\n * Built on top of Radix UI's Label primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-label--docs\n *\n */\nconst Label = React.forwardRef<React.ElementRef<typeof LabelPrimitive.Root>, LabelProps>(\n  ({ className, ...props }, ref) => (\n    <LabelPrimitive.Root ref={ref} className={cn(labelVariants(), className)} {...props} />\n  )\n)\nLabel.displayName = LabelPrimitive.Root.displayName\n\nexport { Label }\n","\"use client\"\n\nimport * as React from \"react\"\nimport * as LabelPrimitive from \"@radix-ui/react-label\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport {\n  Controller,\n  FormProvider,\n  useFormContext,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues\n} from \"react-hook-form\"\n\nimport { cn } from \"@/utils/cn\"\nimport { Label } from \"@/components/atoms/label\"\n\nconst Form = FormProvider\n\ntype FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> = {\n  name: TName\n}\n\nconst FormFieldContext = React.createContext<FormFieldContextValue>({} as FormFieldContextValue)\n\nconst FormField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n  ...props\n}: ControllerProps<TFieldValues, TName>) => {\n  return (\n    <FormFieldContext.Provider value={{ name: props.name }}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  )\n}\n\nconst useFormField = () => {\n  const fieldContext = React.useContext(FormFieldContext)\n  const itemContext = React.useContext(FormItemContext)\n  const { getFieldState, formState } = useFormContext()\n\n  const fieldState = getFieldState(fieldContext.name, formState)\n\n  if (!fieldContext) {\n    throw new Error(\"useFormField should be used within <FormField>\")\n  }\n\n  const { id } = itemContext\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState\n  }\n}\n\ntype FormItemContextValue = {\n  id: string\n}\n\nconst FormItemContext = React.createContext<FormItemContextValue>({} as FormItemContextValue)\n\nconst FormItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    const id = React.useId()\n\n    return (\n      <FormItemContext.Provider value={{ id }}>\n        <div ref={ref} className={cn(\"space-y-2\", className)} {...props} />\n      </FormItemContext.Provider>\n    )\n  }\n)\nFormItem.displayName = \"FormItem\"\n\nconst FormLabel = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>\n>(({ className, ...props }, ref) => {\n  const { error, formItemId } = useFormField()\n\n  return (\n    <Label\n      ref={ref}\n      className={cn(error && \"text-destructive\", className)}\n      htmlFor={formItemId}\n      {...props}\n    />\n  )\n})\nFormLabel.displayName = \"FormLabel\"\n\nconst FormControl = React.forwardRef<\n  React.ElementRef<typeof Slot>,\n  React.ComponentPropsWithoutRef<typeof Slot>\n>(({ ...props }, ref) => {\n  const { error, formItemId, formDescriptionId, formMessageId } = useFormField()\n\n  return (\n    <Slot\n      ref={ref}\n      id={formItemId}\n      aria-describedby={!error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`}\n      aria-invalid={!!error}\n      {...props}\n    />\n  )\n})\nFormControl.displayName = \"FormControl\"\n\nconst FormDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => {\n  const { formDescriptionId } = useFormField()\n\n  return (\n    <p\n      ref={ref}\n      id={formDescriptionId}\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n})\nFormDescription.displayName = \"FormDescription\"\n\nconst FormMessage = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, children, ...props }, ref) => {\n  const { error, formMessageId } = useFormField()\n  const body = error ? String(error?.message ?? \"\") : children\n\n  if (!body) {\n    return null\n  }\n\n  return (\n    <p\n      ref={ref}\n      id={formMessageId}\n      className={cn(\"text-sm font-medium text-destructive\", className)}\n      {...props}\n    >\n      {body}\n    </p>\n  )\n})\nFormMessage.displayName = \"FormMessage\"\n\nexport {\n  useFormField,\n  Form,\n  FormItem,\n  FormLabel,\n  FormControl,\n  FormDescription,\n  FormMessage,\n  FormField\n}\n"]}

package/dist/rhf/form.mjs

@@ -0,0 +1,2 @@
+import*as o from'react';import {Slot}from'@radix-ui/react-slot';import {useFormContext,FormProvider,Controller}from'react-hook-form';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import*as p from'@radix-ui/react-label';import {cva}from'class-variance-authority';import {jsx}from'react/jsx-runtime';function s(...e){return twMerge(clsx(e))}var I=cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),d=o.forwardRef(({className:e,...r},t)=>jsx(p.Root,{ref:t,className:s(I(),e),...r}));d.displayName=p.Root.displayName;var N=FormProvider,f=o.createContext({}),w=({...e})=>jsx(f.Provider,{value:{name:e.name},children:jsx(Controller,{...e})}),n=()=>{let e=o.useContext(f),r=o.useContext(u),{getFieldState:t,formState:a}=useFormContext(),m=t(e.name,a);if(!e)throw new Error("useFormField should be used within <FormField>");let{id:i}=r;return {id:i,name:e.name,formItemId:`${i}-form-item`,formDescriptionId:`${i}-form-item-description`,formMessageId:`${i}-form-item-message`,...m}},u=o.createContext({}),R=o.forwardRef(({className:e,...r},t)=>{let a=o.useId();return jsx(u.Provider,{value:{id:a},children:jsx("div",{ref:t,className:s("space-y-2",e),...r})})});R.displayName="FormItem";var P=o.forwardRef(({className:e,...r},t)=>{let{error:a,formItemId:m}=n();return jsx(d,{ref:t,className:s(a&&"text-destructive",e),htmlFor:m,...r})});P.displayName="FormLabel";var x=o.forwardRef(({...e},r)=>{let{error:t,formItemId:a,formDescriptionId:m,formMessageId:i}=n();return jsx(Slot,{ref:r,id:a,"aria-describedby":t?`${m} ${i}`:`${m}`,"aria-invalid":!!t,...e})});x.displayName="FormControl";var C=o.forwardRef(({className:e,...r},t)=>{let{formDescriptionId:a}=n();return jsx("p",{ref:t,id:a,className:s("text-sm text-muted-foreground",e),...r})});C.displayName="FormDescription";var b=o.forwardRef(({className:e,children:r,...t},a)=>{let{error:m,formMessageId:i}=n(),F=m?String(m?.message??""):r;return F?jsx("p",{ref:a,id:i,className:s("text-sm font-medium text-destructive",e),...t,children:F}):null});b.displayName="FormMessage";export{N as Form,x as FormControl,C as FormDescription,w as FormField,R as FormItem,P as FormLabel,b as FormMessage,n as useFormField};//# sourceMappingURL=form.mjs.map
+//# sourceMappingURL=form.mjs.map

package/dist/rhf/form.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/label/label.tsx","../../src/components/rhf/form/form.tsx"],"names":["cn","inputs","twMerge","clsx","labelVariants","cva","Label","c","className","props","ref","jsx","Form","FormProvider","FormFieldContext","FormField","Controller","useFormField","fieldContext","itemContext","FormItemContext","getFieldState","formState","useFormContext","fieldState","id","FormItem","FormLabel","error","formItemId","FormControl","formDescriptionId","formMessageId","Slot","FormDescription","FormMessage","children","body"],"mappings":"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","file":"form.mjs","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport * as LabelPrimitive from \"@radix-ui/react-label\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/utils/index\"\n\nconst labelVariants = cva(\n  \"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n)\n\nexport interface LabelProps\n  extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>,\n    VariantProps<typeof labelVariants> {}\n\n/**\n * Label component for creating accessible labels.\n * Built on top of Radix UI's Label primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-label--docs\n *\n */\nconst Label = React.forwardRef<React.ElementRef<typeof LabelPrimitive.Root>, LabelProps>(\n  ({ className, ...props }, ref) => (\n    <LabelPrimitive.Root ref={ref} className={cn(labelVariants(), className)} {...props} />\n  )\n)\nLabel.displayName = LabelPrimitive.Root.displayName\n\nexport { Label }\n","\"use client\"\n\nimport * as React from \"react\"\nimport * as LabelPrimitive from \"@radix-ui/react-label\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport {\n  Controller,\n  FormProvider,\n  useFormContext,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues\n} from \"react-hook-form\"\n\nimport { cn } from \"@/utils/cn\"\nimport { Label } from \"@/components/atoms/label\"\n\nconst Form = FormProvider\n\ntype FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> = {\n  name: TName\n}\n\nconst FormFieldContext = React.createContext<FormFieldContextValue>({} as FormFieldContextValue)\n\nconst FormField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n  ...props\n}: ControllerProps<TFieldValues, TName>) => {\n  return (\n    <FormFieldContext.Provider value={{ name: props.name }}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  )\n}\n\nconst useFormField = () => {\n  const fieldContext = React.useContext(FormFieldContext)\n  const itemContext = React.useContext(FormItemContext)\n  const { getFieldState, formState } = useFormContext()\n\n  const fieldState = getFieldState(fieldContext.name, formState)\n\n  if (!fieldContext) {\n    throw new Error(\"useFormField should be used within <FormField>\")\n  }\n\n  const { id } = itemContext\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState\n  }\n}\n\ntype FormItemContextValue = {\n  id: string\n}\n\nconst FormItemContext = React.createContext<FormItemContextValue>({} as FormItemContextValue)\n\nconst FormItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    const id = React.useId()\n\n    return (\n      <FormItemContext.Provider value={{ id }}>\n        <div ref={ref} className={cn(\"space-y-2\", className)} {...props} />\n      </FormItemContext.Provider>\n    )\n  }\n)\nFormItem.displayName = \"FormItem\"\n\nconst FormLabel = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>\n>(({ className, ...props }, ref) => {\n  const { error, formItemId } = useFormField()\n\n  return (\n    <Label\n      ref={ref}\n      className={cn(error && \"text-destructive\", className)}\n      htmlFor={formItemId}\n      {...props}\n    />\n  )\n})\nFormLabel.displayName = \"FormLabel\"\n\nconst FormControl = React.forwardRef<\n  React.ElementRef<typeof Slot>,\n  React.ComponentPropsWithoutRef<typeof Slot>\n>(({ ...props }, ref) => {\n  const { error, formItemId, formDescriptionId, formMessageId } = useFormField()\n\n  return (\n    <Slot\n      ref={ref}\n      id={formItemId}\n      aria-describedby={!error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`}\n      aria-invalid={!!error}\n      {...props}\n    />\n  )\n})\nFormControl.displayName = \"FormControl\"\n\nconst FormDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => {\n  const { formDescriptionId } = useFormField()\n\n  return (\n    <p\n      ref={ref}\n      id={formDescriptionId}\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n})\nFormDescription.displayName = \"FormDescription\"\n\nconst FormMessage = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, children, ...props }, ref) => {\n  const { error, formMessageId } = useFormField()\n  const body = error ? String(error?.message ?? \"\") : children\n\n  if (!body) {\n    return null\n  }\n\n  return (\n    <p\n      ref={ref}\n      id={formMessageId}\n      className={cn(\"text-sm font-medium text-destructive\", className)}\n      {...props}\n    >\n      {body}\n    </p>\n  )\n})\nFormMessage.displayName = \"FormMessage\"\n\nexport {\n  useFormField,\n  Form,\n  FormItem,\n  FormLabel,\n  FormControl,\n  FormDescription,\n  FormMessage,\n  FormField\n}\n"]}

package/dist/rhf/rhf-checkbox.d.mts

@@ -0,0 +1,57 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FieldValues, FieldPath } from 'react-hook-form';
+import * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+
+/**
+ * Checkbox component built on top of Radix UI's Checkbox primitive.
+ * Provides a customizable checkbox input with proper accessibility and keyboard navigation.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-checkbox--docs
+ *
+ * @example
+ * ```tsx
+ * <Checkbox id="terms" name="terms" />
+ * <label htmlFor="terms">Accept terms and conditions</label>
+ * ```
+ */
+
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+interface RHFCheckboxProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Omit<React.ComponentProps<typeof Checkbox>, "name"> {
+    /** The name of the field in the form */
+    name: TName;
+    /** Optional label for the field */
+    label?: string;
+    /** Optional description text below the field */
+    description?: string;
+    /** Optional warning text to display */
+    warningText?: string;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Whether the field is disabled */
+    disabled?: boolean;
+    /** Whether the field is read-only */
+    readOnly?: boolean;
+    /** Optional aria-label for accessibility */
+    "aria-label"?: string;
+    /** Optional aria-describedby for accessibility */
+    "aria-describedby"?: string;
+}
+
+/**
+ * A checkbox component that integrates with React Hook Form.
+ * Provides form validation, error handling, and accessibility features.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-rhf-rhfcheckbox--docs
+ *
+ * @example
+ * ```tsx
+ * <Form>
+ *   <RHFCheckbox name="terms" label="Accept terms and conditions" />
+ * </Form>
+ * ```
+ */
+declare function RHFCheckbox<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, label, description, className, warningText, required, disabled, readOnly, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, ...other }: RHFCheckboxProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
+
+export { RHFCheckbox };

package/dist/rhf/rhf-checkbox.d.ts

@@ -0,0 +1,57 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FieldValues, FieldPath } from 'react-hook-form';
+import * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+
+/**
+ * Checkbox component built on top of Radix UI's Checkbox primitive.
+ * Provides a customizable checkbox input with proper accessibility and keyboard navigation.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-checkbox--docs
+ *
+ * @example
+ * ```tsx
+ * <Checkbox id="terms" name="terms" />
+ * <label htmlFor="terms">Accept terms and conditions</label>
+ * ```
+ */
+
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+interface RHFCheckboxProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Omit<React.ComponentProps<typeof Checkbox>, "name"> {
+    /** The name of the field in the form */
+    name: TName;
+    /** Optional label for the field */
+    label?: string;
+    /** Optional description text below the field */
+    description?: string;
+    /** Optional warning text to display */
+    warningText?: string;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Whether the field is disabled */
+    disabled?: boolean;
+    /** Whether the field is read-only */
+    readOnly?: boolean;
+    /** Optional aria-label for accessibility */
+    "aria-label"?: string;
+    /** Optional aria-describedby for accessibility */
+    "aria-describedby"?: string;
+}
+
+/**
+ * A checkbox component that integrates with React Hook Form.
+ * Provides form validation, error handling, and accessibility features.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-rhf-rhfcheckbox--docs
+ *
+ * @example
+ * ```tsx
+ * <Form>
+ *   <RHFCheckbox name="terms" label="Accept terms and conditions" />
+ * </Form>
+ * ```
+ */
+declare function RHFCheckbox<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, label, description, className, warningText, required, disabled, readOnly, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, ...other }: RHFCheckboxProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
+
+export { RHFCheckbox };

package/dist/rhf/rhf-checkbox.js

@@ -0,0 +1,2 @@
+'use strict';var reactHookForm=require('react-hook-form'),r=require('react'),d=require('@radix-ui/react-checkbox'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime'),reactSlot=require('@radix-ui/react-slot'),h=require('@radix-ui/react-label'),classVarianceAuthority=require('class-variance-authority');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var r__namespace=/*#__PURE__*/_interopNamespace(r);var d__namespace=/*#__PURE__*/_interopNamespace(d);var h__namespace=/*#__PURE__*/_interopNamespace(h);function s(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var f=r__namespace.forwardRef(({className:e,...o},t)=>jsxRuntime.jsx(d__namespace.Root,{ref:t,className:s("peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",e),...o,children:jsxRuntime.jsx(d__namespace.Indicator,{className:s("flex items-center justify-center text-current"),"aria-hidden":"true",children:jsxRuntime.jsx(lucideReact.Check,{className:"h-4 w-4"})})}));f.displayName=d__namespace.Root.displayName;var A=classVarianceAuthority.cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),u=r__namespace.forwardRef(({className:e,...o},t)=>jsxRuntime.jsx(h__namespace.Root,{ref:t,className:s(A(),e),...o}));u.displayName=h__namespace.Root.displayName;var I=r__namespace.createContext({}),v=({...e})=>jsxRuntime.jsx(I.Provider,{value:{name:e.name},children:jsxRuntime.jsx(reactHookForm.Controller,{...e})}),c=()=>{let e=r__namespace.useContext(I),o=r__namespace.useContext(T),{getFieldState:t,formState:a}=reactHookForm.useFormContext(),i=t(e.name,a);if(!e)throw new Error("useFormField should be used within <FormField>");let{id:m}=o;return {id:m,name:e.name,formItemId:`${m}-form-item`,formDescriptionId:`${m}-form-item-description`,formMessageId:`${m}-form-item-message`,...i}},T=r__namespace.createContext({}),x=r__namespace.forwardRef(({className:e,...o},t)=>{let a=r__namespace.useId();return jsxRuntime.jsx(T.Provider,{value:{id:a},children:jsxRuntime.jsx("div",{ref:t,className:s("space-y-2",e),...o})})});x.displayName="FormItem";var b=r__namespace.forwardRef(({className:e,...o},t)=>{let{error:a,formItemId:i}=c();return jsxRuntime.jsx(u,{ref:t,className:s(a&&"text-destructive",e),htmlFor:i,...o})});b.displayName="FormLabel";var C=r__namespace.forwardRef(({...e},o)=>{let{error:t,formItemId:a,formDescriptionId:i,formMessageId:m}=c();return jsxRuntime.jsx(reactSlot.Slot,{ref:o,id:a,"aria-describedby":t?`${i} ${m}`:`${i}`,"aria-invalid":!!t,...e})});C.displayName="FormControl";var P=r__namespace.forwardRef(({className:e,...o},t)=>{let{formDescriptionId:a}=c();return jsxRuntime.jsx("p",{ref:t,id:a,className:s("text-sm text-muted-foreground",e),...o})});P.displayName="FormDescription";var R=r__namespace.forwardRef(({className:e,children:o,...t},a)=>{let{error:i,formMessageId:m}=c(),p=i?String(i?.message??""):o;return p?jsxRuntime.jsx("p",{ref:a,id:m,className:s("text-sm font-medium text-destructive",e),...t,children:p}):null});R.displayName="FormMessage";function ye({name:e,label:o,description:t,className:a,warningText:i,required:m,disabled:p,readOnly:G,"aria-label":k,"aria-describedby":M,...w}){let{control:H}=reactHookForm.useFormContext();return jsxRuntime.jsx(v,{name:e,control:H,render:({field:g,fieldState:{error:F}})=>jsxRuntime.jsxs(x,{className:"flex flex-row items-start space-x-3 space-y-0",children:[jsxRuntime.jsx(C,{children:jsxRuntime.jsx(f,{checked:g.value,onCheckedChange:g.onChange,disabled:p,"aria-label":k,"aria-describedby":M,"aria-invalid":!!F,"aria-required":m,...w})}),jsxRuntime.jsxs("div",{className:"space-y-1 leading-none",children:[o&&jsxRuntime.jsxs(b,{children:[o,m&&jsxRuntime.jsx("span",{className:"text-destructive ml-1",children:"*"})]}),t&&jsxRuntime.jsx(P,{children:t}),F&&jsxRuntime.jsx(R,{children:F.message}),!F&&i&&jsxRuntime.jsx("p",{className:"text-sm text-yellow-600 dark:text-yellow-500",role:"alert",children:i})]})]})})}exports.RHFCheckbox=ye;//# sourceMappingURL=rhf-checkbox.js.map
+//# sourceMappingURL=rhf-checkbox.js.map

package/dist/rhf/rhf-checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/checkbox/checkbox.tsx","../../src/components/atoms/label/label.tsx","../../src/components/rhf/form/form.tsx","../../src/components/rhf/rhf-checkbox/rhf-checkbox.tsx"],"names":["cn","inputs","twMerge","clsx","Checkbox","L","className","props","ref","jsx","d","Check","labelVariants","cva","Label","N","h","FormFieldContext","r","FormField","Controller","useFormField","fieldContext","itemContext","FormItemContext","getFieldState","formState","useFormContext","fieldState","id","FormItem","FormLabel","error","formItemId","FormControl","formDescriptionId","formMessageId","Slot","FormDescription","FormMessage","children","body","RHFCheckbox","name","label","description","warningText","required","disabled","readOnly","ariaLabel","ariaDescribedby","other","control","field","jsxs"],"mappings":"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","file":"rhf-checkbox.js","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","/**\n * Checkbox component built on top of Radix UI's Checkbox primitive.\n * Provides a customizable checkbox input with proper accessibility and keyboard navigation.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-checkbox--docs\n *\n * @example\n * ```tsx\n * <Checkbox id=\"terms\" name=\"terms\" />\n * <label htmlFor=\"terms\">Accept terms and conditions</label>\n * ```\n */\nimport * as React from \"react\"\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\"\nimport { Check } from \"lucide-react\"\n\nimport { cn } from \"@/utils/index\"\nimport type { CheckboxProps } from \"./checkbox.types\"\n\nconst Checkbox = React.forwardRef<React.ElementRef<typeof CheckboxPrimitive.Root>, CheckboxProps>(\n  ({ className, ...props }, ref) => (\n    <CheckboxPrimitive.Root\n      ref={ref}\n      className={cn(\n        \"peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground\",\n        className\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        className={cn(\"flex items-center justify-center text-current\")}\n        aria-hidden=\"true\"\n      >\n        <Check className=\"h-4 w-4\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n)\nCheckbox.displayName = CheckboxPrimitive.Root.displayName\n\nexport { Checkbox }\n","import * as React from \"react\"\nimport * as LabelPrimitive from \"@radix-ui/react-label\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/utils/index\"\n\nconst labelVariants = cva(\n  \"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n)\n\nexport interface LabelProps\n  extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>,\n    VariantProps<typeof labelVariants> {}\n\n/**\n * Label component for creating accessible labels.\n * Built on top of Radix UI's Label primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-label--docs\n *\n */\nconst Label = React.forwardRef<React.ElementRef<typeof LabelPrimitive.Root>, LabelProps>(\n  ({ className, ...props }, ref) => (\n    <LabelPrimitive.Root ref={ref} className={cn(labelVariants(), className)} {...props} />\n  )\n)\nLabel.displayName = LabelPrimitive.Root.displayName\n\nexport { Label }\n","\"use client\"\n\nimport * as React from \"react\"\nimport * as LabelPrimitive from \"@radix-ui/react-label\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport {\n  Controller,\n  FormProvider,\n  useFormContext,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues\n} from \"react-hook-form\"\n\nimport { cn } from \"@/utils/cn\"\nimport { Label } from \"@/components/atoms/label\"\n\nconst Form = FormProvider\n\ntype FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> = {\n  name: TName\n}\n\nconst FormFieldContext = React.createContext<FormFieldContextValue>({} as FormFieldContextValue)\n\nconst FormField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n  ...props\n}: ControllerProps<TFieldValues, TName>) => {\n  return (\n    <FormFieldContext.Provider value={{ name: props.name }}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  )\n}\n\nconst useFormField = () => {\n  const fieldContext = React.useContext(FormFieldContext)\n  const itemContext = React.useContext(FormItemContext)\n  const { getFieldState, formState } = useFormContext()\n\n  const fieldState = getFieldState(fieldContext.name, formState)\n\n  if (!fieldContext) {\n    throw new Error(\"useFormField should be used within <FormField>\")\n  }\n\n  const { id } = itemContext\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState\n  }\n}\n\ntype FormItemContextValue = {\n  id: string\n}\n\nconst FormItemContext = React.createContext<FormItemContextValue>({} as FormItemContextValue)\n\nconst FormItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    const id = React.useId()\n\n    return (\n      <FormItemContext.Provider value={{ id }}>\n        <div ref={ref} className={cn(\"space-y-2\", className)} {...props} />\n      </FormItemContext.Provider>\n    )\n  }\n)\nFormItem.displayName = \"FormItem\"\n\nconst FormLabel = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>\n>(({ className, ...props }, ref) => {\n  const { error, formItemId } = useFormField()\n\n  return (\n    <Label\n      ref={ref}\n      className={cn(error && \"text-destructive\", className)}\n      htmlFor={formItemId}\n      {...props}\n    />\n  )\n})\nFormLabel.displayName = \"FormLabel\"\n\nconst FormControl = React.forwardRef<\n  React.ElementRef<typeof Slot>,\n  React.ComponentPropsWithoutRef<typeof Slot>\n>(({ ...props }, ref) => {\n  const { error, formItemId, formDescriptionId, formMessageId } = useFormField()\n\n  return (\n    <Slot\n      ref={ref}\n      id={formItemId}\n      aria-describedby={!error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`}\n      aria-invalid={!!error}\n      {...props}\n    />\n  )\n})\nFormControl.displayName = \"FormControl\"\n\nconst FormDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => {\n  const { formDescriptionId } = useFormField()\n\n  return (\n    <p\n      ref={ref}\n      id={formDescriptionId}\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n})\nFormDescription.displayName = \"FormDescription\"\n\nconst FormMessage = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, children, ...props }, ref) => {\n  const { error, formMessageId } = useFormField()\n  const body = error ? String(error?.message ?? \"\") : children\n\n  if (!body) {\n    return null\n  }\n\n  return (\n    <p\n      ref={ref}\n      id={formMessageId}\n      className={cn(\"text-sm font-medium text-destructive\", className)}\n      {...props}\n    >\n      {body}\n    </p>\n  )\n})\nFormMessage.displayName = \"FormMessage\"\n\nexport {\n  useFormField,\n  Form,\n  FormItem,\n  FormLabel,\n  FormControl,\n  FormDescription,\n  FormMessage,\n  FormField\n}\n","import * as React from \"react\"\nimport { useFormContext, type FieldValues, type FieldPath } from \"react-hook-form\"\nimport { Checkbox } from \"@/components/atoms/checkbox\"\nimport {\n  FormControl,\n  FormItem,\n  FormMessage,\n  FormLabel,\n  FormDescription,\n  FormField\n} from \"@/components/rhf/form\"\nimport { type RHFCheckboxProps } from \"./rhf-checkbox.types\"\n\n// ----------------------------------------------------------------------\n\n/**\n * A checkbox component that integrates with React Hook Form.\n * Provides form validation, error handling, and accessibility features.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-rhf-rhfcheckbox--docs\n *\n * @example\n * ```tsx\n * <Form>\n *   <RHFCheckbox name=\"terms\" label=\"Accept terms and conditions\" />\n * </Form>\n * ```\n */\nexport function RHFCheckbox<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n  name,\n  label,\n  description,\n  className,\n  warningText,\n  required,\n  disabled,\n  readOnly,\n  \"aria-label\": ariaLabel,\n  \"aria-describedby\": ariaDescribedby,\n  ...other\n}: RHFCheckboxProps<TFieldValues, TName>) {\n  const { control } = useFormContext<TFieldValues>()\n\n  return (\n    <FormField\n      name={name}\n      control={control}\n      render={({ field, fieldState: { error } }) => (\n        <FormItem className=\"flex flex-row items-start space-x-3 space-y-0\">\n          <FormControl>\n            <Checkbox\n              checked={field.value}\n              onCheckedChange={field.onChange}\n              disabled={disabled}\n              aria-label={ariaLabel}\n              aria-describedby={ariaDescribedby}\n              aria-invalid={!!error}\n              aria-required={required}\n              {...other}\n            />\n          </FormControl>\n          <div className=\"space-y-1 leading-none\">\n            {label && (\n              <FormLabel>\n                {label}\n                {required && <span className=\"text-destructive ml-1\">*</span>}\n              </FormLabel>\n            )}\n            {description && <FormDescription>{description}</FormDescription>}\n            {error && <FormMessage>{error.message}</FormMessage>}\n            {!error && warningText && (\n              <p className=\"text-sm text-yellow-600 dark:text-yellow-500\" role=\"alert\">\n                {warningText}\n              </p>\n            )}\n          </div>\n        </FormItem>\n      )}\n    />\n  )\n}\n"]}

package/dist/rhf/rhf-checkbox.mjs

@@ -0,0 +1,2 @@
+import {useFormContext,Controller}from'react-hook-form';import*as r from'react';import*as d from'@radix-ui/react-checkbox';import {Check}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs}from'react/jsx-runtime';import {Slot}from'@radix-ui/react-slot';import*as h from'@radix-ui/react-label';import {cva}from'class-variance-authority';function s(...e){return twMerge(clsx(e))}var f=r.forwardRef(({className:e,...o},t)=>jsx(d.Root,{ref:t,className:s("peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",e),...o,children:jsx(d.Indicator,{className:s("flex items-center justify-center text-current"),"aria-hidden":"true",children:jsx(Check,{className:"h-4 w-4"})})}));f.displayName=d.Root.displayName;var A=cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),u=r.forwardRef(({className:e,...o},t)=>jsx(h.Root,{ref:t,className:s(A(),e),...o}));u.displayName=h.Root.displayName;var I=r.createContext({}),v=({...e})=>jsx(I.Provider,{value:{name:e.name},children:jsx(Controller,{...e})}),c=()=>{let e=r.useContext(I),o=r.useContext(T),{getFieldState:t,formState:a}=useFormContext(),i=t(e.name,a);if(!e)throw new Error("useFormField should be used within <FormField>");let{id:m}=o;return {id:m,name:e.name,formItemId:`${m}-form-item`,formDescriptionId:`${m}-form-item-description`,formMessageId:`${m}-form-item-message`,...i}},T=r.createContext({}),x=r.forwardRef(({className:e,...o},t)=>{let a=r.useId();return jsx(T.Provider,{value:{id:a},children:jsx("div",{ref:t,className:s("space-y-2",e),...o})})});x.displayName="FormItem";var b=r.forwardRef(({className:e,...o},t)=>{let{error:a,formItemId:i}=c();return jsx(u,{ref:t,className:s(a&&"text-destructive",e),htmlFor:i,...o})});b.displayName="FormLabel";var C=r.forwardRef(({...e},o)=>{let{error:t,formItemId:a,formDescriptionId:i,formMessageId:m}=c();return jsx(Slot,{ref:o,id:a,"aria-describedby":t?`${i} ${m}`:`${i}`,"aria-invalid":!!t,...e})});C.displayName="FormControl";var P=r.forwardRef(({className:e,...o},t)=>{let{formDescriptionId:a}=c();return jsx("p",{ref:t,id:a,className:s("text-sm text-muted-foreground",e),...o})});P.displayName="FormDescription";var R=r.forwardRef(({className:e,children:o,...t},a)=>{let{error:i,formMessageId:m}=c(),p=i?String(i?.message??""):o;return p?jsx("p",{ref:a,id:m,className:s("text-sm font-medium text-destructive",e),...t,children:p}):null});R.displayName="FormMessage";function ye({name:e,label:o,description:t,className:a,warningText:i,required:m,disabled:p,readOnly:G,"aria-label":k,"aria-describedby":M,...w}){let{control:H}=useFormContext();return jsx(v,{name:e,control:H,render:({field:g,fieldState:{error:F}})=>jsxs(x,{className:"flex flex-row items-start space-x-3 space-y-0",children:[jsx(C,{children:jsx(f,{checked:g.value,onCheckedChange:g.onChange,disabled:p,"aria-label":k,"aria-describedby":M,"aria-invalid":!!F,"aria-required":m,...w})}),jsxs("div",{className:"space-y-1 leading-none",children:[o&&jsxs(b,{children:[o,m&&jsx("span",{className:"text-destructive ml-1",children:"*"})]}),t&&jsx(P,{children:t}),F&&jsx(R,{children:F.message}),!F&&i&&jsx("p",{className:"text-sm text-yellow-600 dark:text-yellow-500",role:"alert",children:i})]})]})})}export{ye as RHFCheckbox};//# sourceMappingURL=rhf-checkbox.mjs.map
+//# sourceMappingURL=rhf-checkbox.mjs.map

package/dist/rhf/rhf-checkbox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/checkbox/checkbox.tsx","../../src/components/atoms/label/label.tsx","../../src/components/rhf/form/form.tsx","../../src/components/rhf/rhf-checkbox/rhf-checkbox.tsx"],"names":["cn","inputs","twMerge","clsx","Checkbox","L","className","props","ref","jsx","Check","labelVariants","cva","Label","N","FormFieldContext","FormField","Controller","useFormField","fieldContext","itemContext","FormItemContext","getFieldState","formState","useFormContext","fieldState","id","FormItem","FormLabel","error","formItemId","FormControl","formDescriptionId","formMessageId","Slot","FormDescription","FormMessage","children","body","RHFCheckbox","name","label","description","warningText","required","disabled","readOnly","ariaLabel","ariaDescribedby","other","control","field","jsxs"],"mappings":"6XAGO,SAASA,CAAMC,CAAAA,GAAAA,CAAAA,CAAsB,CAC1C,OAAOC,OAAAA,CAAQC,IAAKF,CAAAA,CAAM,CAAC,CAC7B,CCcA,IAAMG,CAAAA,CAAiBC,CACrB,CAAA,UAAA,CAAA,CAAC,CAAE,SAAA,CAAAC,CAAW,CAAA,GAAGC,CAAM,CAAGC,CAAAA,CAAAA,GACxBC,GAAmB,CAAA,CAAA,CAAA,IAAA,CAAlB,CACC,GAAKD,CAAAA,CAAAA,CACL,SAAWR,CAAAA,CAAAA,CACT,qQACAM,CACF,CAAA,CACC,GAAGC,CAAAA,CAEJ,SAAAE,GAAmB,CAAA,CAAA,CAAA,SAAA,CAAlB,CACC,SAAA,CAAWT,EAAG,+CAA+C,CAAA,CAC7D,aAAY,CAAA,MAAA,CAEZ,SAAAS,GAACC,CAAAA,KAAAA,CAAA,CAAM,SAAA,CAAU,UAAU,CAC7B,CAAA,CAAA,CACF,CAEJ,CAAA,CACAN,CAAS,CAAA,WAAA,CAAgC,CAAK,CAAA,IAAA,CAAA,WAAA,CChC9C,IAAMO,CAAAA,CAAgBC,IACpB,4FACF,CAAA,CAaMC,CAAc,CAAAC,CAAA,CAAA,UAAA,CAClB,CAAC,CAAE,SAAAR,CAAAA,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CACxBC,GAAAA,GAAAA,CAAgB,OAAf,CAAoB,GAAA,CAAKD,CAAK,CAAA,SAAA,CAAWR,EAAGW,CAAc,EAAA,CAAGL,CAAS,CAAA,CAAI,GAAGC,CAAO,CAAA,CAEzF,CACAM,CAAAA,CAAAA,CAAM,YAA6B,CAAK,CAAA,IAAA,CAAA,WAAA,CCAxC,IAAME,CAAAA,CAAyB,CAAqC,CAAA,aAAA,CAAA,EAA2B,CAEzFC,CAAAA,CAAAA,CAAY,CAGhB,CACA,GAAGT,CACL,CAEIE,GAAAA,GAAAA,CAACM,EAAiB,QAAjB,CAAA,CAA0B,KAAO,CAAA,CAAE,KAAMR,CAAM,CAAA,IAAK,CACnD,CAAA,QAAA,CAAAE,IAACQ,UAAA,CAAA,CAAY,GAAGV,CAAAA,CAAO,EACzB,CAIEW,CAAAA,CAAAA,CAAe,IAAM,CACzB,IAAMC,CAAqB,CAAA,CAAA,CAAA,UAAA,CAAWJ,CAAgB,CAAA,CAChDK,EAAoB,CAAWC,CAAAA,UAAAA,CAAAA,CAAe,CAC9C,CAAA,CAAE,cAAAC,CAAe,CAAA,SAAA,CAAAC,CAAU,CAAA,CAAIC,cAAe,EAAA,CAE9CC,CAAaH,CAAAA,CAAAA,CAAcH,EAAa,IAAMI,CAAAA,CAAS,CAE7D,CAAA,GAAI,CAACJ,CACH,CAAA,MAAM,IAAI,KAAA,CAAM,gDAAgD,CAGlE,CAAA,GAAM,CAAE,EAAA,CAAAO,CAAG,CAAIN,CAAAA,CAAAA,CAEf,OAAO,CACL,GAAAM,CACA,CAAA,IAAA,CAAMP,CAAa,CAAA,IAAA,CACnB,WAAY,CAAGO,EAAAA,CAAE,CACjB,UAAA,CAAA,CAAA,iBAAA,CAAmB,GAAGA,CAAE,CAAA,sBAAA,CAAA,CACxB,aAAe,CAAA,CAAA,EAAGA,CAAE,CAAA,kBAAA,CAAA,CACpB,GAAGD,CACL,CACF,CAMMJ,CAAAA,CAAAA,CAAwB,CAAoC,CAAA,aAAA,CAAA,EAA0B,CAEtFM,CAAAA,CAAAA,CAAiB,CACrB,CAAA,UAAA,CAAA,CAAC,CAAE,SAAArB,CAAAA,CAAAA,CAAW,GAAGC,CAAM,EAAGC,CAAQ,GAAA,CAChC,IAAMkB,CAAAA,CAAW,SAEjB,CAAA,OACEjB,GAACY,CAAAA,CAAAA,CAAgB,SAAhB,CAAyB,KAAA,CAAO,CAAE,EAAA,CAAAK,CAAG,CACpC,CAAA,QAAA,CAAAjB,GAAC,CAAA,KAAA,CAAA,CAAI,GAAKD,CAAAA,CAAAA,CAAK,SAAWR,CAAAA,CAAAA,CAAG,YAAaM,CAAS,CAAA,CAAI,GAAGC,CAAAA,CAAO,EACnE,CAEJ,CACF,CACAoB,CAAAA,CAAAA,CAAS,YAAc,UAEvB,CAAA,IAAMC,CAAkB,CAAA,CAAA,CAAA,UAAA,CAGtB,CAAC,CAAE,SAAA,CAAAtB,CAAW,CAAA,GAAGC,CAAM,CAAGC,CAAAA,CAAAA,GAAQ,CAClC,GAAM,CAAE,KAAAqB,CAAAA,CAAAA,CAAO,UAAAC,CAAAA,CAAW,EAAIZ,CAAa,EAAA,CAE3C,OACET,GAAAA,CAACI,CAAA,CAAA,CACC,GAAKL,CAAAA,CAAAA,CACL,UAAWR,CAAG6B,CAAAA,CAAAA,EAAS,kBAAoBvB,CAAAA,CAAS,EACpD,OAASwB,CAAAA,CAAAA,CACR,GAAGvB,CAAAA,CACN,CAEJ,CAAC,CAAA,CACDqB,CAAU,CAAA,WAAA,CAAc,YAExB,IAAMG,CAAAA,CAAoB,CAGxB,CAAA,UAAA,CAAA,CAAC,CAAE,GAAGxB,CAAM,CAAGC,CAAAA,CAAAA,GAAQ,CACvB,GAAM,CAAE,KAAAqB,CAAAA,CAAAA,CAAO,WAAAC,CAAY,CAAA,iBAAA,CAAAE,CAAmB,CAAA,aAAA,CAAAC,CAAc,CAAA,CAAIf,CAAa,EAAA,CAE7E,OACET,GAACyB,CAAAA,IAAAA,CAAA,CACC,GAAA,CAAK1B,EACL,EAAIsB,CAAAA,CAAAA,CACJ,kBAAmBD,CAAAA,CAAAA,CAAiC,GAAGG,CAAiB,CAAA,CAAA,EAAIC,CAAa,CAAA,CAAA,CAA9D,GAAGD,CAAiB,CAAA,CAAA,CAC/C,cAAc,CAAA,CAAC,CAACH,CACf,CAAA,GAAGtB,CACN,CAAA,CAEJ,CAAC,CACDwB,CAAAA,CAAAA,CAAY,WAAc,CAAA,aAAA,CAE1B,IAAMI,CAAwB,CAAA,CAAA,CAAA,UAAA,CAG5B,CAAC,CAAE,SAAA7B,CAAAA,CAAAA,CAAW,GAAGC,CAAM,EAAGC,CAAQ,GAAA,CAClC,GAAM,CAAE,kBAAAwB,CAAkB,CAAA,CAAId,CAAa,EAAA,CAE3C,OACET,GAAC,CAAA,GAAA,CAAA,CACC,GAAKD,CAAAA,CAAAA,CACL,GAAIwB,CACJ,CAAA,SAAA,CAAWhC,CAAG,CAAA,+BAAA,CAAiCM,CAAS,CACvD,CAAA,GAAGC,CACN,CAAA,CAEJ,CAAC,CACD4B,CAAAA,CAAAA,CAAgB,WAAc,CAAA,iBAAA,CAE9B,IAAMC,CAAoB,CAAA,CAAA,CAAA,UAAA,CAGxB,CAAC,CAAE,SAAA9B,CAAAA,CAAAA,CAAW,QAAA+B,CAAAA,CAAAA,CAAU,GAAG9B,CAAM,CAAA,CAAGC,CAAQ,GAAA,CAC5C,GAAM,CAAE,KAAA,CAAAqB,CAAO,CAAA,aAAA,CAAAI,CAAc,CAAIf,CAAAA,CAAAA,EAC3BoB,CAAAA,CAAAA,CAAOT,EAAQ,MAAOA,CAAAA,CAAAA,EAAO,OAAW,EAAA,EAAE,EAAIQ,CAEpD,CAAA,OAAKC,CAKH7B,CAAAA,GAAAA,CAAC,KACC,GAAKD,CAAAA,CAAAA,CACL,EAAIyB,CAAAA,CAAAA,CACJ,UAAWjC,CAAG,CAAA,sCAAA,CAAwCM,CAAS,CAAA,CAC9D,GAAGC,CAAAA,CAEH,QAAA+B,CAAAA,CAAAA,CACH,EAXO,IAaX,CAAC,CACDF,CAAAA,CAAAA,CAAY,YAAc,aCxGd,CAzBL,SAASG,EAGd,CAAA,CACA,KAAAC,CACA,CAAA,KAAA,CAAAC,CACA,CAAA,WAAA,CAAAC,EACA,SAAApC,CAAAA,CAAAA,CACA,WAAAqC,CAAAA,CAAAA,CACA,SAAAC,CACA,CAAA,QAAA,CAAAC,CACA,CAAA,QAAA,CAAAC,EACA,YAAcC,CAAAA,CAAAA,CACd,kBAAoBC,CAAAA,CAAAA,CACpB,GAAGC,CACL,CAA0C,CAAA,CACxC,GAAM,CAAE,OAAA,CAAAC,CAAQ,CAAA,CAAI1B,gBAEpB,CAAA,OACEf,GAACO,CAAAA,CAAAA,CAAA,CACC,IAAMwB,CAAAA,CAAAA,CACN,OAASU,CAAAA,CAAAA,CACT,OAAQ,CAAC,CAAE,KAAAC,CAAAA,CAAAA,CAAO,WAAY,CAAE,KAAA,CAAAtB,CAAM,CAAE,IACtCuB,IAACzB,CAAAA,CAAAA,CAAA,CAAS,SAAA,CAAU,gDAClB,QAAAlB,CAAAA,CAAAA,GAAAA,CAACsB,CAAA,CAAA,CACC,QAAAtB,CAAAA,GAAAA,CAACL,CAAA,CAAA,CACC,QAAS+C,CAAM,CAAA,KAAA,CACf,eAAiBA,CAAAA,CAAAA,CAAM,SACvB,QAAUN,CAAAA,CAAAA,CACV,YAAYE,CAAAA,CAAAA,CACZ,mBAAkBC,CAClB,CAAA,cAAA,CAAc,CAAC,CAACnB,EAChB,eAAee,CAAAA,CAAAA,CACd,GAAGK,CAAAA,CACN,EACF,CACAG,CAAAA,IAAAA,CAAC,KAAI,CAAA,CAAA,SAAA,CAAU,yBACZ,QAAAX,CAAAA,CAAAA,CAAAA,EACCW,IAACxB,CAAAA,CAAAA,CAAA,CACE,QAAAa,CAAAA,CAAAA,CAAAA,CACAG,CAAYnC,EAAAA,GAAAA,CAAC,MAAK,CAAA,CAAA,SAAA,CAAU,uBAAwB,CAAA,QAAA,CAAA,GAAA,CAAC,GACxD,CAEDiC,CAAAA,CAAAA,EAAejC,GAAC0B,CAAAA,CAAAA,CAAA,CAAiB,QAAAO,CAAAA,CAAAA,CAAY,CAC7Cb,CAAAA,CAAAA,EAASpB,IAAC2B,CAAA,CAAA,CAAa,QAAAP,CAAAA,CAAAA,CAAM,QAAQ,CACrC,CAAA,CAACA,CAASc,EAAAA,CAAAA,EACTlC,IAAC,GAAE,CAAA,CAAA,SAAA,CAAU,8CAA+C,CAAA,IAAA,CAAK,QAC9D,QAAAkC,CAAAA,CAAAA,CACH,CAEJ,CAAA,CAAA,CAAA,CAAA,CACF,EAEJ,CAEJ","file":"rhf-checkbox.mjs","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","/**\n * Checkbox component built on top of Radix UI's Checkbox primitive.\n * Provides a customizable checkbox input with proper accessibility and keyboard navigation.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-checkbox--docs\n *\n * @example\n * ```tsx\n * <Checkbox id=\"terms\" name=\"terms\" />\n * <label htmlFor=\"terms\">Accept terms and conditions</label>\n * ```\n */\nimport * as React from \"react\"\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\"\nimport { Check } from \"lucide-react\"\n\nimport { cn } from \"@/utils/index\"\nimport type { CheckboxProps } from \"./checkbox.types\"\n\nconst Checkbox = React.forwardRef<React.ElementRef<typeof CheckboxPrimitive.Root>, CheckboxProps>(\n  ({ className, ...props }, ref) => (\n    <CheckboxPrimitive.Root\n      ref={ref}\n      className={cn(\n        \"peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground\",\n        className\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        className={cn(\"flex items-center justify-center text-current\")}\n        aria-hidden=\"true\"\n      >\n        <Check className=\"h-4 w-4\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n)\nCheckbox.displayName = CheckboxPrimitive.Root.displayName\n\nexport { Checkbox }\n","import * as React from \"react\"\nimport * as LabelPrimitive from \"@radix-ui/react-label\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/utils/index\"\n\nconst labelVariants = cva(\n  \"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n)\n\nexport interface LabelProps\n  extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>,\n    VariantProps<typeof labelVariants> {}\n\n/**\n * Label component for creating accessible labels.\n * Built on top of Radix UI's Label primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-label--docs\n *\n */\nconst Label = React.forwardRef<React.ElementRef<typeof LabelPrimitive.Root>, LabelProps>(\n  ({ className, ...props }, ref) => (\n    <LabelPrimitive.Root ref={ref} className={cn(labelVariants(), className)} {...props} />\n  )\n)\nLabel.displayName = LabelPrimitive.Root.displayName\n\nexport { Label }\n","\"use client\"\n\nimport * as React from \"react\"\nimport * as LabelPrimitive from \"@radix-ui/react-label\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport {\n  Controller,\n  FormProvider,\n  useFormContext,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues\n} from \"react-hook-form\"\n\nimport { cn } from \"@/utils/cn\"\nimport { Label } from \"@/components/atoms/label\"\n\nconst Form = FormProvider\n\ntype FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> = {\n  name: TName\n}\n\nconst FormFieldContext = React.createContext<FormFieldContextValue>({} as FormFieldContextValue)\n\nconst FormField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n  ...props\n}: ControllerProps<TFieldValues, TName>) => {\n  return (\n    <FormFieldContext.Provider value={{ name: props.name }}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  )\n}\n\nconst useFormField = () => {\n  const fieldContext = React.useContext(FormFieldContext)\n  const itemContext = React.useContext(FormItemContext)\n  const { getFieldState, formState } = useFormContext()\n\n  const fieldState = getFieldState(fieldContext.name, formState)\n\n  if (!fieldContext) {\n    throw new Error(\"useFormField should be used within <FormField>\")\n  }\n\n  const { id } = itemContext\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState\n  }\n}\n\ntype FormItemContextValue = {\n  id: string\n}\n\nconst FormItemContext = React.createContext<FormItemContextValue>({} as FormItemContextValue)\n\nconst FormItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    const id = React.useId()\n\n    return (\n      <FormItemContext.Provider value={{ id }}>\n        <div ref={ref} className={cn(\"space-y-2\", className)} {...props} />\n      </FormItemContext.Provider>\n    )\n  }\n)\nFormItem.displayName = \"FormItem\"\n\nconst FormLabel = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>\n>(({ className, ...props }, ref) => {\n  const { error, formItemId } = useFormField()\n\n  return (\n    <Label\n      ref={ref}\n      className={cn(error && \"text-destructive\", className)}\n      htmlFor={formItemId}\n      {...props}\n    />\n  )\n})\nFormLabel.displayName = \"FormLabel\"\n\nconst FormControl = React.forwardRef<\n  React.ElementRef<typeof Slot>,\n  React.ComponentPropsWithoutRef<typeof Slot>\n>(({ ...props }, ref) => {\n  const { error, formItemId, formDescriptionId, formMessageId } = useFormField()\n\n  return (\n    <Slot\n      ref={ref}\n      id={formItemId}\n      aria-describedby={!error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`}\n      aria-invalid={!!error}\n      {...props}\n    />\n  )\n})\nFormControl.displayName = \"FormControl\"\n\nconst FormDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => {\n  const { formDescriptionId } = useFormField()\n\n  return (\n    <p\n      ref={ref}\n      id={formDescriptionId}\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n})\nFormDescription.displayName = \"FormDescription\"\n\nconst FormMessage = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, children, ...props }, ref) => {\n  const { error, formMessageId } = useFormField()\n  const body = error ? String(error?.message ?? \"\") : children\n\n  if (!body) {\n    return null\n  }\n\n  return (\n    <p\n      ref={ref}\n      id={formMessageId}\n      className={cn(\"text-sm font-medium text-destructive\", className)}\n      {...props}\n    >\n      {body}\n    </p>\n  )\n})\nFormMessage.displayName = \"FormMessage\"\n\nexport {\n  useFormField,\n  Form,\n  FormItem,\n  FormLabel,\n  FormControl,\n  FormDescription,\n  FormMessage,\n  FormField\n}\n","import * as React from \"react\"\nimport { useFormContext, type FieldValues, type FieldPath } from \"react-hook-form\"\nimport { Checkbox } from \"@/components/atoms/checkbox\"\nimport {\n  FormControl,\n  FormItem,\n  FormMessage,\n  FormLabel,\n  FormDescription,\n  FormField\n} from \"@/components/rhf/form\"\nimport { type RHFCheckboxProps } from \"./rhf-checkbox.types\"\n\n// ----------------------------------------------------------------------\n\n/**\n * A checkbox component that integrates with React Hook Form.\n * Provides form validation, error handling, and accessibility features.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-rhf-rhfcheckbox--docs\n *\n * @example\n * ```tsx\n * <Form>\n *   <RHFCheckbox name=\"terms\" label=\"Accept terms and conditions\" />\n * </Form>\n * ```\n */\nexport function RHFCheckbox<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n  name,\n  label,\n  description,\n  className,\n  warningText,\n  required,\n  disabled,\n  readOnly,\n  \"aria-label\": ariaLabel,\n  \"aria-describedby\": ariaDescribedby,\n  ...other\n}: RHFCheckboxProps<TFieldValues, TName>) {\n  const { control } = useFormContext<TFieldValues>()\n\n  return (\n    <FormField\n      name={name}\n      control={control}\n      render={({ field, fieldState: { error } }) => (\n        <FormItem className=\"flex flex-row items-start space-x-3 space-y-0\">\n          <FormControl>\n            <Checkbox\n              checked={field.value}\n              onCheckedChange={field.onChange}\n              disabled={disabled}\n              aria-label={ariaLabel}\n              aria-describedby={ariaDescribedby}\n              aria-invalid={!!error}\n              aria-required={required}\n              {...other}\n            />\n          </FormControl>\n          <div className=\"space-y-1 leading-none\">\n            {label && (\n              <FormLabel>\n                {label}\n                {required && <span className=\"text-destructive ml-1\">*</span>}\n              </FormLabel>\n            )}\n            {description && <FormDescription>{description}</FormDescription>}\n            {error && <FormMessage>{error.message}</FormMessage>}\n            {!error && warningText && (\n              <p className=\"text-sm text-yellow-600 dark:text-yellow-500\" role=\"alert\">\n                {warningText}\n              </p>\n            )}\n          </div>\n        </FormItem>\n      )}\n    />\n  )\n}\n"]}

package/dist/rhf/rhf-multi-select.d.mts

@@ -0,0 +1,84 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FieldValues, FieldPath } from 'react-hook-form';
+import * as React from 'react';
+
+type MultiSelectOption = {
+    id: string;
+    label: string;
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    className?: string;
+    disabled?: boolean;
+};
+type MultiSelectProps = {
+    /** Whether the select is searchable */
+    searchable?: boolean;
+    /** Whether the select should take up the full width of its container */
+    fullWidth?: boolean;
+    /** Array of options to display in the select */
+    options: MultiSelectOption[];
+    /** Currently selected values */
+    value: string[];
+    /** Callback fired when the values change */
+    onChange: (value: string[]) => void;
+    /** Render a custom CommandList for the select, if not provided, the select will render a default CommandList with the options */
+    renderCommandList?: (options: MultiSelectOption[]) => React.ReactNode;
+    /** Placeholder text to show when no value is selected */
+    placeholder?: string;
+    /** Whether the select is disabled */
+    disabled?: boolean;
+    /** Whether the select is required */
+    required?: boolean;
+    /** Error message to display */
+    error?: string;
+    /** Additional class name for the select */
+    className?: string;
+    /** ID for the select element */
+    id?: string;
+    /** Maximum number of selections allowed */
+    maxSelections?: number;
+    /** Whether to show the select all option */
+    showSelectAll?: boolean;
+};
+
+interface RHFMultiSelectProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Omit<MultiSelectProps, "name" | "value" | "onChange"> {
+    /** The name of the field in the form */
+    name: TName;
+    /** Optional label for the field */
+    label?: string;
+    /** Optional description text below the field */
+    description?: string;
+    /** Optional warning text to display */
+    warningText?: string;
+    /** Whether the field is read-only */
+    readOnly?: boolean;
+    /** Optional aria-label for accessibility */
+    "aria-label"?: string;
+    /** Optional aria-describedby for accessibility */
+    "aria-describedby"?: string;
+}
+
+/**
+ * A multi-select component that integrates with React Hook Form.
+ * Provides form validation, error handling, and accessibility features.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-rhf-rhfmultiselect--docs
+ *
+ * @example
+ * ```tsx
+ * <Form>
+ *   <RHFMultiSelect
+ *     name="countries"
+ *     label="Countries"
+ *     options={[
+ *       { id: "us", label: "United States" },
+ *       { id: "ca", label: "Canada" }
+ *     ]}
+ *
+ *   />
+ * </Form>
+ * ```
+ */
+declare function RHFMultiSelect<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, label, description, className, warningText, required, disabled, readOnly, placeholder, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, options, ...other }: RHFMultiSelectProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
+
+export { RHFMultiSelect };

package/dist/rhf/rhf-multi-select.d.ts

@@ -0,0 +1,84 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FieldValues, FieldPath } from 'react-hook-form';
+import * as React from 'react';
+
+type MultiSelectOption = {
+    id: string;
+    label: string;
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    className?: string;
+    disabled?: boolean;
+};
+type MultiSelectProps = {
+    /** Whether the select is searchable */
+    searchable?: boolean;
+    /** Whether the select should take up the full width of its container */
+    fullWidth?: boolean;
+    /** Array of options to display in the select */
+    options: MultiSelectOption[];
+    /** Currently selected values */
+    value: string[];
+    /** Callback fired when the values change */
+    onChange: (value: string[]) => void;
+    /** Render a custom CommandList for the select, if not provided, the select will render a default CommandList with the options */
+    renderCommandList?: (options: MultiSelectOption[]) => React.ReactNode;
+    /** Placeholder text to show when no value is selected */
+    placeholder?: string;
+    /** Whether the select is disabled */
+    disabled?: boolean;
+    /** Whether the select is required */
+    required?: boolean;
+    /** Error message to display */
+    error?: string;
+    /** Additional class name for the select */
+    className?: string;
+    /** ID for the select element */
+    id?: string;
+    /** Maximum number of selections allowed */
+    maxSelections?: number;
+    /** Whether to show the select all option */
+    showSelectAll?: boolean;
+};
+
+interface RHFMultiSelectProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Omit<MultiSelectProps, "name" | "value" | "onChange"> {
+    /** The name of the field in the form */
+    name: TName;
+    /** Optional label for the field */
+    label?: string;
+    /** Optional description text below the field */
+    description?: string;
+    /** Optional warning text to display */
+    warningText?: string;
+    /** Whether the field is read-only */
+    readOnly?: boolean;
+    /** Optional aria-label for accessibility */
+    "aria-label"?: string;
+    /** Optional aria-describedby for accessibility */
+    "aria-describedby"?: string;
+}
+
+/**
+ * A multi-select component that integrates with React Hook Form.
+ * Provides form validation, error handling, and accessibility features.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-rhf-rhfmultiselect--docs
+ *
+ * @example
+ * ```tsx
+ * <Form>
+ *   <RHFMultiSelect
+ *     name="countries"
+ *     label="Countries"
+ *     options={[
+ *       { id: "us", label: "United States" },
+ *       { id: "ca", label: "Canada" }
+ *     ]}
+ *
+ *   />
+ * </Form>
+ * ```
+ */
+declare function RHFMultiSelect<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, label, description, className, warningText, required, disabled, readOnly, placeholder, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, options, ...other }: RHFMultiSelectProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
+
+export { RHFMultiSelect };

package/dist/rhf/rhf-multi-select.js

@@ -0,0 +1,2 @@
+'use strict';var reactHookForm=require('react-hook-form'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),l=require('react'),reactSlot=require('@radix-ui/react-slot'),classVarianceAuthority=require('class-variance-authority'),lucideReact=require('lucide-react'),jsxRuntime=require('react/jsx-runtime'),cmdk=require('cmdk'),reactPopover=require('@radix-ui/react-popover'),W=require('@radix-ui/react-label');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var l__namespace=/*#__PURE__*/_interopNamespace(l);var W__namespace=/*#__PURE__*/_interopNamespace(W);function a(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var j=classVarianceAuthority.cva("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"bg-primary text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",outline:"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),z=l__namespace.forwardRef(({className:e,variant:t,size:o,asChild:m=false,startIcon:s,endIcon:i,loading:c=false,disabled:I,children:f,type:N="button","aria-label":y,...x},P)=>{let F=m?reactSlot.Slot:"button",p=I||c,u=y||(typeof f=="string"?f:void 0),T=w=>{(w.key==="Enter"||w.key===" ")&&(w.preventDefault(),!p&&x.onClick&&x.onClick(w));};return m?jsxRuntime.jsx(F,{className:a(j({variant:t,size:o,className:e})),ref:P,disabled:p,type:N,"aria-label":u,"aria-disabled":p,...x,children:f}):jsxRuntime.jsxs(F,{className:a(j({variant:t,size:o,className:e})),ref:P,disabled:p,type:N,"aria-label":u,"aria-disabled":p,onKeyDown:T,...x,children:[c&&jsxRuntime.jsx(lucideReact.Loader2,{className:"mr-2 h-4 w-4 animate-spin",role:"status","aria-label":"Loading","aria-hidden":"true"}),!c&&s&&jsxRuntime.jsx("span",{className:"mr-2","aria-hidden":"true",children:s}),f,!c&&i&&jsxRuntime.jsx("span",{className:"ml-2","aria-hidden":"true",children:i})]})});z.displayName="Button";var M=l__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx(cmdk.Command,{ref:o,className:a("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",e),...t}));M.displayName=cmdk.Command.displayName;var E=l__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsxs("div",{className:"flex items-center border-b px-3","cmdk-input-wrapper":"",children:[jsxRuntime.jsx(lucideReact.Search,{className:"mr-2 h-4 w-4 shrink-0 opacity-50"}),jsxRuntime.jsx(cmdk.Command.Input,{ref:o,className:a("flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",e),...t})]}));E.displayName=cmdk.Command.Input.displayName;var _=l__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx(cmdk.Command.List,{ref:o,className:a("max-h-[300px] overflow-y-auto overflow-x-hidden",e),...t}));_.displayName=cmdk.Command.List.displayName;var D=l__namespace.forwardRef((e,t)=>jsxRuntime.jsx(cmdk.Command.Empty,{ref:t,className:"py-6 text-center text-sm",...e}));D.displayName=cmdk.Command.Empty.displayName;var L=l__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx(cmdk.Command.Group,{ref:o,className:a("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",e),...t}));L.displayName=cmdk.Command.Group.displayName;var H=l__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx(cmdk.Command.Separator,{ref:o,className:a("-mx-1 h-px bg-border",e),...t}));H.displayName=cmdk.Command.Separator.displayName;var S=l__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx(cmdk.Command.Item,{ref:o,className:a("relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",e),...t}));S.displayName=cmdk.Command.Item.displayName;var xe=classVarianceAuthority.cva("",{variants:{variant:{h1:"scroll-m-5 text-4xl font-extrabold tracking-tight lg:text-5xl",h2:"scroll-m-5 text-3xl font-semibold tracking-tight",h3:"scroll-m-5 text-2xl font-semibold tracking-tight",h4:"scroll-m-5 text-xl font-semibold tracking-tight",h5:"scroll-m-5 text-lg font-semibold tracking-tight",h6:"scroll-m-5 text-base font-semibold tracking-tight",p:"leading-7 [&:not(:first-child)]:mt-6",blockquote:"mt-6 border-l-2 border-slate-300 pl-6 italic",list:"my-6 ml-6 list-disc [&>li]:mt-2",lead:"text-xl text-muted-foreground",large:"text-lg font-semibold",small:"text-sm font-medium leading-none",muted:"text-sm text-muted-foreground"},align:{left:"text-left",center:"text-center",right:"text-right",justify:"text-justify"}},defaultVariants:{variant:"p",align:"left"}}),G=l__namespace.forwardRef(({className:e,variant:t,align:o,as:m="p",...s},i)=>jsxRuntime.jsx(m,{className:a(xe({variant:t,align:o,className:e})),ref:i,...s}));G.displayName="Typography";function ee({options:e,value:t,onChange:o,placeholder:m="Select options",disabled:s,required:i,error:c,className:I,fullWidth:f,searchable:N,id:y,maxSelections:x,showSelectAll:P,renderCommandList:F}){let[p,u]=l__namespace.useState(false),T=e.filter(r=>t.includes(r.id)),w=r=>{if(t.includes(r))o(t.filter(b=>b!==r));else {if(x&&t.length>=x)return;o([...t,r]);}},me=()=>{let r=e.filter(b=>!b.disabled);t.length===r.length?o([]):o(r.map(b=>b.id));},se=(r,b)=>{b.stopPropagation(),o(t.filter(ne=>ne!==r));};return jsxRuntime.jsx("div",{className:a(f&&"w-full"),children:jsxRuntime.jsxs(reactPopover.Popover,{open:p,onOpenChange:u,children:[jsxRuntime.jsx(reactPopover.PopoverTrigger,{asChild:true,children:jsxRuntime.jsxs(z,{variant:"outline",role:"combobox","aria-expanded":p,"aria-controls":y?`${y}-content`:void 0,"aria-label":m,"aria-required":i,"aria-invalid":!!c,disabled:s,id:y,className:a("w-[13rem] justify-between min-h-[2.5rem] h-auto",!t.length&&"text-muted-foreground",f&&"w-full",c&&"border-destructive focus-visible:ring-destructive",I),children:[jsxRuntime.jsx("div",{className:"flex flex-wrap gap-1",children:T.length>0?T.map(r=>jsxRuntime.jsxs("div",{className:"flex items-center gap-1 bg-secondary text-secondary-foreground px-2 py-0.5 rounded-md text-sm",children:[jsxRuntime.jsx("span",{children:r.label}),jsxRuntime.jsx("span",{onClick:b=>se(r.id,b),className:"hover:bg-secondary-foreground/20 rounded-sm",children:jsxRuntime.jsx(lucideReact.X,{className:"h-3 w-3"})})]},r.id)):jsxRuntime.jsx("span",{children:m})}),jsxRuntime.jsx(lucideReact.ChevronDown,{className:a("opacity-50",p&&"rotate-180")})]})}),jsxRuntime.jsx(reactPopover.PopoverContent,{id:y?`${y}-content`:void 0,className:a("w-[13rem] p-0 rounded-md border bg-popover text-popover-foreground shadow-md",f&&"w-full"),align:"start",children:jsxRuntime.jsxs(M,{children:[N&&jsxRuntime.jsx(E,{placeholder:"Search...",className:"h-9",disabled:s}),jsxRuntime.jsxs(_,{className:"max-h-[12rem] overflow-y-auto",children:[jsxRuntime.jsx(D,{children:"No items found."}),jsxRuntime.jsxs(L,{children:[P&&jsxRuntime.jsxs(S,{onSelect:me,className:"flex items-center gap-2 cursor-pointer my-1",children:[jsxRuntime.jsx("div",{className:"flex h-4 w-4 items-center justify-center rounded border border-primary",children:t.length===e.filter(r=>!r.disabled).length&&jsxRuntime.jsx(lucideReact.Check,{className:"h-3 w-3"})}),jsxRuntime.jsx(G,{variant:"small",children:"Select All"})]}),jsxRuntime.jsx(H,{})]}),F?F(e):jsxRuntime.jsx(L,{children:e.map(r=>jsxRuntime.jsxs(S,{value:r.id,onSelect:()=>w(r.id),disabled:r.disabled,className:a("flex items-center justify-between cursor-pointer my-1",r.disabled&&"opacity-50 cursor-not-allowed",r.className),children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2",children:[jsxRuntime.jsx("div",{className:"flex h-4 w-4 items-center justify-center rounded border border-primary",children:t.includes(r.id)&&jsxRuntime.jsx(lucideReact.Check,{className:"h-3 w-3"})}),jsxRuntime.jsxs("div",{className:"flex items-center gap-1",children:[r.startIcon&&r.startIcon,jsxRuntime.jsx(G,{variant:"small",children:r.label})]})]}),r.endIcon&&jsxRuntime.jsx("div",{className:"ml-2",children:r.endIcon})]},r.id))})]})]})})]})})}var Pe=classVarianceAuthority.cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),A=l__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx(W__namespace.Root,{ref:o,className:a(Pe(),e),...t}));A.displayName=W__namespace.Root.displayName;var oe=l__namespace.createContext({}),X=({...e})=>jsxRuntime.jsx(oe.Provider,{value:{name:e.name},children:jsxRuntime.jsx(reactHookForm.Controller,{...e})}),k=()=>{let e=l__namespace.useContext(oe),t=l__namespace.useContext(re),{getFieldState:o,formState:m}=reactHookForm.useFormContext(),s=o(e.name,m);if(!e)throw new Error("useFormField should be used within <FormField>");let{id:i}=t;return {id:i,name:e.name,formItemId:`${i}-form-item`,formDescriptionId:`${i}-form-item-description`,formMessageId:`${i}-form-item-message`,...s}},re=l__namespace.createContext({}),B=l__namespace.forwardRef(({className:e,...t},o)=>{let m=l__namespace.useId();return jsxRuntime.jsx(re.Provider,{value:{id:m},children:jsxRuntime.jsx("div",{ref:o,className:a("space-y-2",e),...t})})});B.displayName="FormItem";var $=l__namespace.forwardRef(({className:e,...t},o)=>{let{error:m,formItemId:s}=k();return jsxRuntime.jsx(A,{ref:o,className:a(m&&"text-destructive",e),htmlFor:s,...t})});$.displayName="FormLabel";var O=l__namespace.forwardRef(({...e},t)=>{let{error:o,formItemId:m,formDescriptionId:s,formMessageId:i}=k();return jsxRuntime.jsx(reactSlot.Slot,{ref:t,id:m,"aria-describedby":o?`${s} ${i}`:`${s}`,"aria-invalid":!!o,...e})});O.displayName="FormControl";var q=l__namespace.forwardRef(({className:e,...t},o)=>{let{formDescriptionId:m}=k();return jsxRuntime.jsx("p",{ref:o,id:m,className:a("text-sm text-muted-foreground",e),...t})});q.displayName="FormDescription";var K=l__namespace.forwardRef(({className:e,children:t,...o},m)=>{let{error:s,formMessageId:i}=k(),c=s?String(s?.message??""):t;return c?jsxRuntime.jsx("p",{ref:m,id:i,className:a("text-sm font-medium text-destructive",e),...o,children:c}):null});K.displayName="FormMessage";function St({name:e,label:t,description:o,className:m,warningText:s,required:i,disabled:c,readOnly:I,placeholder:f,"aria-label":N,"aria-describedby":y,options:x,...P}){let{control:F}=reactHookForm.useFormContext();return jsxRuntime.jsx(X,{name:e,control:F,render:({field:p,fieldState:{error:u}})=>jsxRuntime.jsxs(B,{children:[t&&jsxRuntime.jsxs($,{children:[t,i&&jsxRuntime.jsx("span",{className:"text-destructive ml-1",children:"*"})]}),jsxRuntime.jsx(O,{children:jsxRuntime.jsx(ee,{...p,options:x,value:p.value||[],onChange:p.onChange,className:a(u&&"border-destructive focus-visible:ring-destructive",m),disabled:c||I,required:i,placeholder:f,"aria-label":N,"aria-describedby":y,"aria-invalid":!!u,"aria-required":i,...P})}),o&&jsxRuntime.jsx(q,{children:o}),u&&jsxRuntime.jsx(K,{children:u.message}),!u&&s&&jsxRuntime.jsx("p",{className:"text-sm text-yellow-600 dark:text-yellow-500",role:"alert",children:s})]})})}exports.RHFMultiSelect=St;//# sourceMappingURL=rhf-multi-select.js.map
+//# sourceMappingURL=rhf-multi-select.js.map