@me1a/ui 2.2.0 → 2.2.2

package/dist/rhf/rhf-radio-group.d.mts

@@ -0,0 +1,103 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FieldValues, FieldPath } from 'react-hook-form';
+import * as React from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+
+/**
+ * RadioGroup component that allows users to select a single option from a list.
+ * Built on top of Radix UI's RadioGroup primitive.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-radio-group--docs
+ *
+ * @example
+ * ```tsx
+ * <RadioGroup defaultValue="option-1">
+ *   <RadioGroupItem value="option-1">Option 1</RadioGroupItem>
+ *   <RadioGroupItem value="option-2">Option 2</RadioGroupItem>
+ * </RadioGroup>
+ * ```
+ */
+declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+interface RHFRadioGroupOption {
+    label: string;
+    id: string;
+}
+interface RHFRadioGroupWithChildrenProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Omit<React.ComponentProps<typeof RadioGroup>, "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;
+    /** Children must be RadioGroupItem components */
+    children: React.ReactNode;
+}
+interface RHFRadioGroupWithOptionsProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Omit<React.ComponentProps<typeof RadioGroup>, "name"> {
+    /** The name of the field in the form */
+    name: TName;
+    /** Optional label for the field */
+    label?: string;
+    /** radio group options */
+    options: RHFRadioGroupOption[];
+    /** 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;
+}
+type RHFRadioGroupProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = RHFRadioGroupWithChildrenProps<TFieldValues, TName> | RHFRadioGroupWithOptionsProps<TFieldValues, TName>;
+
+/**
+ * A radio group 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-rhfradiogroup--docs
+ *
+ * @example
+ * ```tsx
+ * // Using children
+ * <Form>
+ *   <RHFRadioGroup name="preference" label="Select your preference">
+ *     <RadioGroupItem value="option1" label="Option 1" />
+ *     <RadioGroupItem value="option2" label="Option 2" />
+ *   </RHFRadioGroup>
+ * </Form>
+ *
+ * // Using options prop
+ * <Form>
+ *   <RHFRadioGroup
+ *     name="preference"
+ *     label="Select your preference"
+ *     options={[
+ *       { id: "option1", label: "Option 1" },
+ *       { id: "option2", label: "Option 2" }
+ *     ]}
+ *   />
+ * </Form>
+ * ```
+ */
+declare function RHFRadioGroup<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, label, description, className, warningText, required, disabled, readOnly, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, children, ...other }: RHFRadioGroupProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
+
+export { RHFRadioGroup };

package/dist/rhf/rhf-radio-group.d.ts

@@ -0,0 +1,103 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FieldValues, FieldPath } from 'react-hook-form';
+import * as React from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+
+/**
+ * RadioGroup component that allows users to select a single option from a list.
+ * Built on top of Radix UI's RadioGroup primitive.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-radio-group--docs
+ *
+ * @example
+ * ```tsx
+ * <RadioGroup defaultValue="option-1">
+ *   <RadioGroupItem value="option-1">Option 1</RadioGroupItem>
+ *   <RadioGroupItem value="option-2">Option 2</RadioGroupItem>
+ * </RadioGroup>
+ * ```
+ */
+declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+interface RHFRadioGroupOption {
+    label: string;
+    id: string;
+}
+interface RHFRadioGroupWithChildrenProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Omit<React.ComponentProps<typeof RadioGroup>, "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;
+    /** Children must be RadioGroupItem components */
+    children: React.ReactNode;
+}
+interface RHFRadioGroupWithOptionsProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Omit<React.ComponentProps<typeof RadioGroup>, "name"> {
+    /** The name of the field in the form */
+    name: TName;
+    /** Optional label for the field */
+    label?: string;
+    /** radio group options */
+    options: RHFRadioGroupOption[];
+    /** 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;
+}
+type RHFRadioGroupProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = RHFRadioGroupWithChildrenProps<TFieldValues, TName> | RHFRadioGroupWithOptionsProps<TFieldValues, TName>;
+
+/**
+ * A radio group 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-rhfradiogroup--docs
+ *
+ * @example
+ * ```tsx
+ * // Using children
+ * <Form>
+ *   <RHFRadioGroup name="preference" label="Select your preference">
+ *     <RadioGroupItem value="option1" label="Option 1" />
+ *     <RadioGroupItem value="option2" label="Option 2" />
+ *   </RHFRadioGroup>
+ * </Form>
+ *
+ * // Using options prop
+ * <Form>
+ *   <RHFRadioGroup
+ *     name="preference"
+ *     label="Select your preference"
+ *     options={[
+ *       { id: "option1", label: "Option 1" },
+ *       { id: "option2", label: "Option 2" }
+ *     ]}
+ *   />
+ * </Form>
+ * ```
+ */
+declare function RHFRadioGroup<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, label, description, className, warningText, required, disabled, readOnly, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, children, ...other }: RHFRadioGroupProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
+
+export { RHFRadioGroup };

package/dist/rhf/rhf-radio-group.js

@@ -0,0 +1,2 @@
+'use strict';var reactHookForm=require('react-hook-form'),r=require('react'),l=require('@radix-ui/react-radio-group'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),h=require('@radix-ui/react-label'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime'),reactSlot=require('@radix-ui/react-slot');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 l__namespace=/*#__PURE__*/_interopNamespace(l);var h__namespace=/*#__PURE__*/_interopNamespace(h);function a(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var z=classVarianceAuthority.cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),p=r__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx(h__namespace.Root,{ref:o,className:a(z(),e),...t}));p.displayName=h__namespace.Root.displayName;var y=r__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx(l__namespace.Root,{className:a("grid gap-3",e),...t,ref:o}));y.displayName=l__namespace.Root.displayName;var b=r__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx(l__namespace.Item,{ref:o,className:a("aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",e),...t,children:jsxRuntime.jsx(l__namespace.Indicator,{className:"flex items-center justify-center",children:jsxRuntime.jsx(lucideReact.Circle,{className:"h-3.5 w-3.5 fill-primary"})})}));b.displayName=l__namespace.Item.displayName;var x=r__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx("div",{ref:o,className:a("flex items-center gap-2",e),...t}));x.displayName="RadioItemContainer";var I=r__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx(p,{ref:o,className:a("text-sm font-medium leading-none cursor-pointer peer-disabled:cursor-not-allowed peer-disabled:opacity-70",e),...t}));I.displayName="RadioItemLabel";var E=r__namespace.createContext({}),G=({...e})=>jsxRuntime.jsx(E.Provider,{value:{name:e.name},children:jsxRuntime.jsx(reactHookForm.Controller,{...e})}),R=()=>{let e=r__namespace.useContext(E),t=r__namespace.useContext(D),{getFieldState:o,formState:i}=reactHookForm.useFormContext(),m=o(e.name,i);if(!e)throw new Error("useFormField should be used within <FormField>");let{id:s}=t;return {id:s,name:e.name,formItemId:`${s}-form-item`,formDescriptionId:`${s}-form-item-description`,formMessageId:`${s}-form-item-message`,...m}},D=r__namespace.createContext({}),C=r__namespace.forwardRef(({className:e,...t},o)=>{let i=r__namespace.useId();return jsxRuntime.jsx(D.Provider,{value:{id:i},children:jsxRuntime.jsx("div",{ref:o,className:a("space-y-2",e),...t})})});C.displayName="FormItem";var v=r__namespace.forwardRef(({className:e,...t},o)=>{let{error:i,formItemId:m}=R();return jsxRuntime.jsx(p,{ref:o,className:a(i&&"text-destructive",e),htmlFor:m,...t})});v.displayName="FormLabel";var L=r__namespace.forwardRef(({...e},t)=>{let{error:o,formItemId:i,formDescriptionId:m,formMessageId:s}=R();return jsxRuntime.jsx(reactSlot.Slot,{ref:t,id:i,"aria-describedby":o?`${m} ${s}`:`${m}`,"aria-invalid":!!o,...e})});L.displayName="FormControl";var V=r__namespace.forwardRef(({className:e,...t},o)=>{let{formDescriptionId:i}=R();return jsxRuntime.jsx("p",{ref:o,id:i,className:a("text-sm text-muted-foreground",e),...t})});V.displayName="FormDescription";var N=r__namespace.forwardRef(({className:e,children:t,...o},i)=>{let{error:m,formMessageId:s}=R(),F=m?String(m?.message??""):t;return F?jsxRuntime.jsx("p",{ref:i,id:s,className:a("text-sm font-medium text-destructive",e),...o,children:F}):null});N.displayName="FormMessage";function Te({name:e,label:t,description:o,className:i,warningText:m,required:s,disabled:F,readOnly:Y,"aria-label":S,"aria-describedby":W,children:O,...T}){let{control:$}=reactHookForm.useFormContext(),M="options"in T;return jsxRuntime.jsx(G,{name:e,control:$,render:({field:w,fieldState:{error:P}})=>jsxRuntime.jsxs(C,{className:"space-y-3",children:[t&&jsxRuntime.jsxs(v,{children:[t,s&&jsxRuntime.jsx("span",{className:"text-destructive ml-1",children:"*"})]}),jsxRuntime.jsx(L,{children:jsxRuntime.jsxs(y,{onValueChange:w.onChange,defaultValue:w.value,disabled:F,"aria-label":S,"aria-describedby":W,"aria-invalid":!!P,"aria-required":s,...T,children:[M&&T.options.map(u=>jsxRuntime.jsxs(x,{children:[jsxRuntime.jsx(b,{value:u.id,id:u.id}),jsxRuntime.jsx(I,{htmlFor:u.id,children:u.label})]},u.id)),!M&&O]})}),o&&jsxRuntime.jsx(V,{children:o}),P&&jsxRuntime.jsx(N,{children:P.message}),!P&&m&&jsxRuntime.jsx("p",{className:"text-sm text-yellow-600 dark:text-yellow-500",role:"alert",children:m})]})})}exports.RHFRadioGroup=Te;//# sourceMappingURL=rhf-radio-group.js.map
+//# sourceMappingURL=rhf-radio-group.js.map

package/dist/rhf/rhf-radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/label/label.tsx","../../src/components/atoms/radio-group/radio-group.tsx","../../src/components/rhf/form/form.tsx","../../src/components/rhf/rhf-radio-group/rhf-radio-group.tsx"],"names":["cn","inputs","twMerge","clsx","labelVariants","cva","Label","H","className","props","ref","jsx","h","RadioGroup","f","l","RadioGroupItem","Circle","RadioItemContainer","RadioItemLabel","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","RHFRadioGroup","name","label","description","warningText","required","disabled","readOnly","ariaLabel","ariaDescribedby","other","control","hasOptions","field","jsxs","option"],"mappings":"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","file":"rhf-radio-group.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","import * as React from \"react\"\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\"\nimport { Circle } from \"lucide-react\"\n\nimport { cn } from \"@/utils\"\nimport { Label } from \"@/components/atoms/label\"\n\n/**\n * RadioGroup component that allows users to select a single option from a list.\n * Built on top of Radix UI's RadioGroup primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-radio-group--docs\n *\n * @example\n * ```tsx\n * <RadioGroup defaultValue=\"option-1\">\n *   <RadioGroupItem value=\"option-1\">Option 1</RadioGroupItem>\n *   <RadioGroupItem value=\"option-2\">Option 2</RadioGroupItem>\n * </RadioGroup>\n * ```\n */\nconst RadioGroup = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n>(({ className, ...props }, ref) => {\n  return <RadioGroupPrimitive.Root className={cn(\"grid gap-3\", className)} {...props} ref={ref} />\n})\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName\n\n/**\n * RadioGroupItem component that represents a single option in a RadioGroup.\n * Built on top of Radix UI's RadioGroupItem primitive.\n *\n * @example\n * ```tsx\n * <RadioGroupItem value=\"option-1\">Option 1</RadioGroupItem>\n * ```\n */\nconst RadioGroupItem = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Item\n      ref={ref}\n      className={cn(\n        \"aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center\">\n        <Circle className=\"h-3.5 w-3.5 fill-primary\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  )\n})\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName\n\n/**\n * RadioItemContainer component that provides a container for radio group items with proper spacing and layout.\n *\n * @example\n * ```tsx\n * <RadioItemContainer>\n *   <RadioGroupItem value=\"option-1\">Option 1</RadioGroupItem>\n *   <RadioGroupItem value=\"option-2\">Option 2</RadioGroupItem>\n * </RadioItemContainer>\n * ```\n */\nconst RadioItemContainer = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    return <div ref={ref} className={cn(\"flex items-center gap-2\", className)} {...props} />\n  }\n)\nRadioItemContainer.displayName = \"RadioItemContainer\"\n\n/**\n * RadioItemLabel component that provides a label for individual radio items.\n * Built on top of the Label component.\n *\n * @example\n * ```tsx\n * <RadioItemLabel>Select an option</RadioItemLabel>\n * ```\n */\nconst RadioItemLabel = React.forwardRef<\n  React.ElementRef<typeof Label>,\n  React.ComponentPropsWithoutRef<typeof Label>\n>(({ className, ...props }, ref) => {\n  return (\n    <Label\n      ref={ref}\n      className={cn(\n        \"text-sm font-medium leading-none cursor-pointer peer-disabled:cursor-not-allowed peer-disabled:opacity-70\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nRadioItemLabel.displayName = \"RadioItemLabel\"\n\nexport { RadioGroup, RadioGroupItem, RadioItemContainer, RadioItemLabel }\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 {\n  RadioGroup,\n  RadioGroupItem,\n  RadioItemLabel,\n  RadioItemContainer\n} from \"@/components/atoms/radio-group\"\nimport {\n  FormControl,\n  FormItem,\n  FormMessage,\n  FormLabel,\n  FormDescription,\n  FormField\n} from \"@/components/rhf/form\"\nimport {\n  RHFRadioGroupOption,\n  type RHFRadioGroupProps,\n  type RHFRadioGroupWithOptionsProps\n} from \"./rhf-radio-group.types\"\n\n// ----------------------------------------------------------------------\n\n/**\n * A radio group 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-rhfradiogroup--docs\n *\n * @example\n * ```tsx\n * // Using children\n * <Form>\n *   <RHFRadioGroup name=\"preference\" label=\"Select your preference\">\n *     <RadioGroupItem value=\"option1\" label=\"Option 1\" />\n *     <RadioGroupItem value=\"option2\" label=\"Option 2\" />\n *   </RHFRadioGroup>\n * </Form>\n *\n * // Using options prop\n * <Form>\n *   <RHFRadioGroup\n *     name=\"preference\"\n *     label=\"Select your preference\"\n *     options={[\n *       { id: \"option1\", label: \"Option 1\" },\n *       { id: \"option2\", label: \"Option 2\" }\n *     ]}\n *   />\n * </Form>\n * ```\n */\nexport function RHFRadioGroup<\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  children,\n  ...other\n}: RHFRadioGroupProps<TFieldValues, TName>) {\n  const { control } = useFormContext<TFieldValues>()\n  const hasOptions = \"options\" in other\n\n  return (\n    <FormField\n      name={name}\n      control={control}\n      render={({ field, fieldState: { error } }) => (\n        <FormItem className=\"space-y-3\">\n          {label && (\n            <FormLabel>\n              {label}\n              {required && <span className=\"text-destructive ml-1\">*</span>}\n            </FormLabel>\n          )}\n          <FormControl>\n            <RadioGroup\n              onValueChange={field.onChange}\n              defaultValue={field.value}\n              disabled={disabled}\n              aria-label={ariaLabel}\n              aria-describedby={ariaDescribedby}\n              aria-invalid={!!error}\n              aria-required={required}\n              {...other}\n            >\n              {hasOptions &&\n                (other as RHFRadioGroupWithOptionsProps<TFieldValues, TName>).options.map(\n                  (option: RHFRadioGroupOption) => (\n                    <RadioItemContainer key={option.id}>\n                      <RadioGroupItem value={option.id} id={option.id} />\n                      <RadioItemLabel htmlFor={option.id}>{option.label}</RadioItemLabel>\n                    </RadioItemContainer>\n                  )\n                )}\n              {!hasOptions && children}\n            </RadioGroup>\n          </FormControl>\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        </FormItem>\n      )}\n    />\n  )\n}\n"]}

package/dist/rhf/rhf-radio-group.mjs

@@ -0,0 +1,2 @@
+import {useFormContext,Controller}from'react-hook-form';import*as r from'react';import*as l from'@radix-ui/react-radio-group';import {Circle}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import*as h from'@radix-ui/react-label';import {cva}from'class-variance-authority';import {jsx,jsxs}from'react/jsx-runtime';import {Slot}from'@radix-ui/react-slot';function a(...e){return twMerge(clsx(e))}var z=cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),p=r.forwardRef(({className:e,...t},o)=>jsx(h.Root,{ref:o,className:a(z(),e),...t}));p.displayName=h.Root.displayName;var y=r.forwardRef(({className:e,...t},o)=>jsx(l.Root,{className:a("grid gap-3",e),...t,ref:o}));y.displayName=l.Root.displayName;var b=r.forwardRef(({className:e,...t},o)=>jsx(l.Item,{ref:o,className:a("aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",e),...t,children:jsx(l.Indicator,{className:"flex items-center justify-center",children:jsx(Circle,{className:"h-3.5 w-3.5 fill-primary"})})}));b.displayName=l.Item.displayName;var x=r.forwardRef(({className:e,...t},o)=>jsx("div",{ref:o,className:a("flex items-center gap-2",e),...t}));x.displayName="RadioItemContainer";var I=r.forwardRef(({className:e,...t},o)=>jsx(p,{ref:o,className:a("text-sm font-medium leading-none cursor-pointer peer-disabled:cursor-not-allowed peer-disabled:opacity-70",e),...t}));I.displayName="RadioItemLabel";var E=r.createContext({}),G=({...e})=>jsx(E.Provider,{value:{name:e.name},children:jsx(Controller,{...e})}),R=()=>{let e=r.useContext(E),t=r.useContext(D),{getFieldState:o,formState:i}=useFormContext(),m=o(e.name,i);if(!e)throw new Error("useFormField should be used within <FormField>");let{id:s}=t;return {id:s,name:e.name,formItemId:`${s}-form-item`,formDescriptionId:`${s}-form-item-description`,formMessageId:`${s}-form-item-message`,...m}},D=r.createContext({}),C=r.forwardRef(({className:e,...t},o)=>{let i=r.useId();return jsx(D.Provider,{value:{id:i},children:jsx("div",{ref:o,className:a("space-y-2",e),...t})})});C.displayName="FormItem";var v=r.forwardRef(({className:e,...t},o)=>{let{error:i,formItemId:m}=R();return jsx(p,{ref:o,className:a(i&&"text-destructive",e),htmlFor:m,...t})});v.displayName="FormLabel";var L=r.forwardRef(({...e},t)=>{let{error:o,formItemId:i,formDescriptionId:m,formMessageId:s}=R();return jsx(Slot,{ref:t,id:i,"aria-describedby":o?`${m} ${s}`:`${m}`,"aria-invalid":!!o,...e})});L.displayName="FormControl";var V=r.forwardRef(({className:e,...t},o)=>{let{formDescriptionId:i}=R();return jsx("p",{ref:o,id:i,className:a("text-sm text-muted-foreground",e),...t})});V.displayName="FormDescription";var N=r.forwardRef(({className:e,children:t,...o},i)=>{let{error:m,formMessageId:s}=R(),F=m?String(m?.message??""):t;return F?jsx("p",{ref:i,id:s,className:a("text-sm font-medium text-destructive",e),...o,children:F}):null});N.displayName="FormMessage";function Te({name:e,label:t,description:o,className:i,warningText:m,required:s,disabled:F,readOnly:Y,"aria-label":S,"aria-describedby":W,children:O,...T}){let{control:$}=useFormContext(),M="options"in T;return jsx(G,{name:e,control:$,render:({field:w,fieldState:{error:P}})=>jsxs(C,{className:"space-y-3",children:[t&&jsxs(v,{children:[t,s&&jsx("span",{className:"text-destructive ml-1",children:"*"})]}),jsx(L,{children:jsxs(y,{onValueChange:w.onChange,defaultValue:w.value,disabled:F,"aria-label":S,"aria-describedby":W,"aria-invalid":!!P,"aria-required":s,...T,children:[M&&T.options.map(u=>jsxs(x,{children:[jsx(b,{value:u.id,id:u.id}),jsx(I,{htmlFor:u.id,children:u.label})]},u.id)),!M&&O]})}),o&&jsx(V,{children:o}),P&&jsx(N,{children:P.message}),!P&&m&&jsx("p",{className:"text-sm text-yellow-600 dark:text-yellow-500",role:"alert",children:m})]})})}export{Te as RHFRadioGroup};//# sourceMappingURL=rhf-radio-group.mjs.map
+//# sourceMappingURL=rhf-radio-group.mjs.map

package/dist/rhf/rhf-radio-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/label/label.tsx","../../src/components/atoms/radio-group/radio-group.tsx","../../src/components/rhf/form/form.tsx","../../src/components/rhf/rhf-radio-group/rhf-radio-group.tsx"],"names":["cn","inputs","twMerge","clsx","labelVariants","cva","Label","H","className","props","ref","jsx","RadioGroup","f","RadioGroupItem","Circle","RadioItemContainer","RadioItemLabel","FormFieldContext","FormField","Controller","useFormField","fieldContext","itemContext","FormItemContext","getFieldState","formState","useFormContext","fieldState","id","FormItem","FormLabel","error","formItemId","FormControl","formDescriptionId","formMessageId","Slot","FormDescription","FormMessage","children","body","RHFRadioGroup","name","label","description","warningText","required","disabled","readOnly","ariaLabel","ariaDescribedby","other","control","hasOptions","field","jsxs","option"],"mappings":"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","file":"rhf-radio-group.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","import * as React from \"react\"\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\"\nimport { Circle } from \"lucide-react\"\n\nimport { cn } from \"@/utils\"\nimport { Label } from \"@/components/atoms/label\"\n\n/**\n * RadioGroup component that allows users to select a single option from a list.\n * Built on top of Radix UI's RadioGroup primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-radio-group--docs\n *\n * @example\n * ```tsx\n * <RadioGroup defaultValue=\"option-1\">\n *   <RadioGroupItem value=\"option-1\">Option 1</RadioGroupItem>\n *   <RadioGroupItem value=\"option-2\">Option 2</RadioGroupItem>\n * </RadioGroup>\n * ```\n */\nconst RadioGroup = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n>(({ className, ...props }, ref) => {\n  return <RadioGroupPrimitive.Root className={cn(\"grid gap-3\", className)} {...props} ref={ref} />\n})\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName\n\n/**\n * RadioGroupItem component that represents a single option in a RadioGroup.\n * Built on top of Radix UI's RadioGroupItem primitive.\n *\n * @example\n * ```tsx\n * <RadioGroupItem value=\"option-1\">Option 1</RadioGroupItem>\n * ```\n */\nconst RadioGroupItem = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Item\n      ref={ref}\n      className={cn(\n        \"aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center\">\n        <Circle className=\"h-3.5 w-3.5 fill-primary\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  )\n})\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName\n\n/**\n * RadioItemContainer component that provides a container for radio group items with proper spacing and layout.\n *\n * @example\n * ```tsx\n * <RadioItemContainer>\n *   <RadioGroupItem value=\"option-1\">Option 1</RadioGroupItem>\n *   <RadioGroupItem value=\"option-2\">Option 2</RadioGroupItem>\n * </RadioItemContainer>\n * ```\n */\nconst RadioItemContainer = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    return <div ref={ref} className={cn(\"flex items-center gap-2\", className)} {...props} />\n  }\n)\nRadioItemContainer.displayName = \"RadioItemContainer\"\n\n/**\n * RadioItemLabel component that provides a label for individual radio items.\n * Built on top of the Label component.\n *\n * @example\n * ```tsx\n * <RadioItemLabel>Select an option</RadioItemLabel>\n * ```\n */\nconst RadioItemLabel = React.forwardRef<\n  React.ElementRef<typeof Label>,\n  React.ComponentPropsWithoutRef<typeof Label>\n>(({ className, ...props }, ref) => {\n  return (\n    <Label\n      ref={ref}\n      className={cn(\n        \"text-sm font-medium leading-none cursor-pointer peer-disabled:cursor-not-allowed peer-disabled:opacity-70\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nRadioItemLabel.displayName = \"RadioItemLabel\"\n\nexport { RadioGroup, RadioGroupItem, RadioItemContainer, RadioItemLabel }\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 {\n  RadioGroup,\n  RadioGroupItem,\n  RadioItemLabel,\n  RadioItemContainer\n} from \"@/components/atoms/radio-group\"\nimport {\n  FormControl,\n  FormItem,\n  FormMessage,\n  FormLabel,\n  FormDescription,\n  FormField\n} from \"@/components/rhf/form\"\nimport {\n  RHFRadioGroupOption,\n  type RHFRadioGroupProps,\n  type RHFRadioGroupWithOptionsProps\n} from \"./rhf-radio-group.types\"\n\n// ----------------------------------------------------------------------\n\n/**\n * A radio group 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-rhfradiogroup--docs\n *\n * @example\n * ```tsx\n * // Using children\n * <Form>\n *   <RHFRadioGroup name=\"preference\" label=\"Select your preference\">\n *     <RadioGroupItem value=\"option1\" label=\"Option 1\" />\n *     <RadioGroupItem value=\"option2\" label=\"Option 2\" />\n *   </RHFRadioGroup>\n * </Form>\n *\n * // Using options prop\n * <Form>\n *   <RHFRadioGroup\n *     name=\"preference\"\n *     label=\"Select your preference\"\n *     options={[\n *       { id: \"option1\", label: \"Option 1\" },\n *       { id: \"option2\", label: \"Option 2\" }\n *     ]}\n *   />\n * </Form>\n * ```\n */\nexport function RHFRadioGroup<\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  children,\n  ...other\n}: RHFRadioGroupProps<TFieldValues, TName>) {\n  const { control } = useFormContext<TFieldValues>()\n  const hasOptions = \"options\" in other\n\n  return (\n    <FormField\n      name={name}\n      control={control}\n      render={({ field, fieldState: { error } }) => (\n        <FormItem className=\"space-y-3\">\n          {label && (\n            <FormLabel>\n              {label}\n              {required && <span className=\"text-destructive ml-1\">*</span>}\n            </FormLabel>\n          )}\n          <FormControl>\n            <RadioGroup\n              onValueChange={field.onChange}\n              defaultValue={field.value}\n              disabled={disabled}\n              aria-label={ariaLabel}\n              aria-describedby={ariaDescribedby}\n              aria-invalid={!!error}\n              aria-required={required}\n              {...other}\n            >\n              {hasOptions &&\n                (other as RHFRadioGroupWithOptionsProps<TFieldValues, TName>).options.map(\n                  (option: RHFRadioGroupOption) => (\n                    <RadioItemContainer key={option.id}>\n                      <RadioGroupItem value={option.id} id={option.id} />\n                      <RadioItemLabel htmlFor={option.id}>{option.label}</RadioItemLabel>\n                    </RadioItemContainer>\n                  )\n                )}\n              {!hasOptions && children}\n            </RadioGroup>\n          </FormControl>\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        </FormItem>\n      )}\n    />\n  )\n}\n"]}

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

@@ -0,0 +1,80 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FieldValues, FieldPath } from 'react-hook-form';
+import * as React from 'react';
+
+type SelectOption = {
+    id: string;
+    label: string;
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    className?: string;
+    disabled?: boolean;
+};
+type SelectProps = {
+    /** Whether the select is searchable */
+    searchable?: boolean;
+    /** Whether the select should take up the full width of its container */
+    fullWidth?: boolean;
+    /** Currently selected value */
+    value: string;
+    /** Array of options to display in the select */
+    options: SelectOption[];
+    /** Callback fired when the value changes */
+    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: SelectOption[]) => 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;
+};
+
+type RHFSelectOption = SelectOption;
+interface RHFSelectProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Omit<SelectProps, "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 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-rhfselect--docs
+ *
+ * @example
+ * ```tsx
+ * <Form>
+ *   <RHFSelect
+ *     name="country"
+ *     label="Country"
+ *     options={[
+ *       { id: "us", label: "United States" },
+ *       { id: "ca", label: "Canada" }
+ *     ]}
+ *   />
+ * </Form>
+ * ```
+ */
+declare function RHFSelect<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 }: RHFSelectProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
+
+export { RHFSelect, type RHFSelectOption, type RHFSelectProps };

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

@@ -0,0 +1,80 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FieldValues, FieldPath } from 'react-hook-form';
+import * as React from 'react';
+
+type SelectOption = {
+    id: string;
+    label: string;
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    className?: string;
+    disabled?: boolean;
+};
+type SelectProps = {
+    /** Whether the select is searchable */
+    searchable?: boolean;
+    /** Whether the select should take up the full width of its container */
+    fullWidth?: boolean;
+    /** Currently selected value */
+    value: string;
+    /** Array of options to display in the select */
+    options: SelectOption[];
+    /** Callback fired when the value changes */
+    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: SelectOption[]) => 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;
+};
+
+type RHFSelectOption = SelectOption;
+interface RHFSelectProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Omit<SelectProps, "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 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-rhfselect--docs
+ *
+ * @example
+ * ```tsx
+ * <Form>
+ *   <RHFSelect
+ *     name="country"
+ *     label="Country"
+ *     options={[
+ *       { id: "us", label: "United States" },
+ *       { id: "ca", label: "Canada" }
+ *     ]}
+ *   />
+ * </Form>
+ * ```
+ */
+declare function RHFSelect<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 }: RHFSelectProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
+
+export { RHFSelect, type RHFSelectOption, type RHFSelectProps };

package/dist/rhf/rhf-select.js

@@ -0,0 +1,2 @@
+'use strict';var reactHookForm=require('react-hook-form'),d=require('react'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),reactPopover=require('@radix-ui/react-popover'),reactSlot=require('@radix-ui/react-slot'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime'),cmdk=require('cmdk'),A=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 d__namespace=/*#__PURE__*/_interopNamespace(d);var A__namespace=/*#__PURE__*/_interopNamespace(A);function r(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var K=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"}}),$=d__namespace.forwardRef(({className:e,variant:t,size:o,asChild:m=false,startIcon:n,endIcon:s,loading:l=false,disabled:P,children:c,type:F="button","aria-label":v,...f},y)=>{let C=m?reactSlot.Slot:"button",p=P||l,a=v||(typeof c=="string"?c:void 0),te=w=>{(w.key==="Enter"||w.key===" ")&&(w.preventDefault(),!p&&f.onClick&&f.onClick(w));};return m?jsxRuntime.jsx(C,{className:r(K({variant:t,size:o,className:e})),ref:y,disabled:p,type:F,"aria-label":a,"aria-disabled":p,...f,children:c}):jsxRuntime.jsxs(C,{className:r(K({variant:t,size:o,className:e})),ref:y,disabled:p,type:F,"aria-label":a,"aria-disabled":p,onKeyDown:te,...f,children:[l&&jsxRuntime.jsx(lucideReact.Loader2,{className:"mr-2 h-4 w-4 animate-spin",role:"status","aria-label":"Loading","aria-hidden":"true"}),!l&&n&&jsxRuntime.jsx("span",{className:"mr-2","aria-hidden":"true",children:n}),c,!l&&s&&jsxRuntime.jsx("span",{className:"ml-2","aria-hidden":"true",children:s})]})});$.displayName="Button";var L=d__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx(cmdk.Command,{ref:o,className:r("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",e),...t}));L.displayName=cmdk.Command.displayName;var V=d__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:r("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})]}));V.displayName=cmdk.Command.Input.displayName;var T=d__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx(cmdk.Command.List,{ref:o,className:r("max-h-[300px] overflow-y-auto overflow-x-hidden",e),...t}));T.displayName=cmdk.Command.List.displayName;var k=d__namespace.forwardRef((e,t)=>jsxRuntime.jsx(cmdk.Command.Empty,{ref:t,className:"py-6 text-center text-sm",...e}));k.displayName=cmdk.Command.Empty.displayName;var S=d__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx(cmdk.Command.Group,{ref:o,className:r("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}));S.displayName=cmdk.Command.Group.displayName;var W=d__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx(cmdk.Command.Separator,{ref:o,className:r("-mx-1 h-px bg-border",e),...t}));W.displayName=cmdk.Command.Separator.displayName;var E=d__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx(cmdk.Command.Item,{ref:o,className:r("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}));E.displayName=cmdk.Command.Item.displayName;var pe=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"}}),O=d__namespace.forwardRef(({className:e,variant:t,align:o,as:m="p",...n},s)=>jsxRuntime.jsx(m,{className:r(pe({variant:t,align:o,className:e})),ref:s,...n}));O.displayName="Typography";function X({options:e,value:t,onChange:o,placeholder:m="Select an option",disabled:n,required:s,error:l,className:P,fullWidth:c,searchable:F,id:v,renderCommandList:f}){let[y,C]=d__namespace.useState(false),p=e?.find(a=>a.id===t);return jsxRuntime.jsx("div",{className:r(c&&"w-full"),children:jsxRuntime.jsxs(reactPopover.Popover,{open:y,onOpenChange:C,children:[jsxRuntime.jsx(reactPopover.PopoverTrigger,{asChild:true,children:jsxRuntime.jsxs($,{variant:"outline",role:"combobox","aria-expanded":y,"aria-controls":v?`${v}-content`:void 0,"aria-required":s,"aria-invalid":!!l,disabled:n,className:r("w-[13rem] justify-between",!t&&"text-muted-foreground",c&&"w-full",l&&"border-destructive focus-visible:ring-destructive",P),children:[p?p.label:m,jsxRuntime.jsx(lucideReact.ChevronDown,{className:r("opacity-50",y&&"rotate-180")})]})}),jsxRuntime.jsx(reactPopover.PopoverContent,{className:r("w-[13rem] p-0 rounded-md border bg-popover text-popover-foreground shadow-md",c&&"w-full"),align:"start",children:jsxRuntime.jsxs(L,{children:[F&&jsxRuntime.jsx(V,{placeholder:"Search...",className:"h-9",disabled:n}),jsxRuntime.jsxs(T,{className:"max-h-[12rem] overflow-y-auto",children:[jsxRuntime.jsx(k,{children:"No items found."}),f?f(e):jsxRuntime.jsx(S,{children:e?.map(a=>jsxRuntime.jsxs(E,{value:a.label,onSelect:()=>{o(a.id),C(false);},disabled:a.disabled,className:r("flex items-center justify-between cursor-pointer my-1",t===a.id&&"bg-accent text-accent-foreground",a.disabled&&"opacity-50 cursor-not-allowed",a.className),children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-1",children:[a.startIcon&&a.startIcon,jsxRuntime.jsx(O,{variant:"small",children:a.label})]}),a.endIcon&&jsxRuntime.jsx("div",{className:"ml-2",children:a.endIcon})]},a.id))})]})]})})]})})}var be=classVarianceAuthority.cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),M=d__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx(A__namespace.Root,{ref:o,className:r(be(),e),...t}));M.displayName=A__namespace.Root.displayName;var Z=d__namespace.createContext({}),q=({...e})=>jsxRuntime.jsx(Z.Provider,{value:{name:e.name},children:jsxRuntime.jsx(reactHookForm.Controller,{...e})}),N=()=>{let e=d__namespace.useContext(Z),t=d__namespace.useContext(j),{getFieldState:o,formState:m}=reactHookForm.useFormContext(),n=o(e.name,m);if(!e)throw new Error("useFormField should be used within <FormField>");let{id:s}=t;return {id:s,name:e.name,formItemId:`${s}-form-item`,formDescriptionId:`${s}-form-item-description`,formMessageId:`${s}-form-item-message`,...n}},j=d__namespace.createContext({}),_=d__namespace.forwardRef(({className:e,...t},o)=>{let m=d__namespace.useId();return jsxRuntime.jsx(j.Provider,{value:{id:m},children:jsxRuntime.jsx("div",{ref:o,className:r("space-y-2",e),...t})})});_.displayName="FormItem";var D=d__namespace.forwardRef(({className:e,...t},o)=>{let{error:m,formItemId:n}=N();return jsxRuntime.jsx(M,{ref:o,className:r(m&&"text-destructive",e),htmlFor:n,...t})});D.displayName="FormLabel";var H=d__namespace.forwardRef(({...e},t)=>{let{error:o,formItemId:m,formDescriptionId:n,formMessageId:s}=N();return jsxRuntime.jsx(reactSlot.Slot,{ref:t,id:m,"aria-describedby":o?`${n} ${s}`:`${n}`,"aria-invalid":!!o,...e})});H.displayName="FormControl";var G=d__namespace.forwardRef(({className:e,...t},o)=>{let{formDescriptionId:m}=N();return jsxRuntime.jsx("p",{ref:o,id:m,className:r("text-sm text-muted-foreground",e),...t})});G.displayName="FormDescription";var B=d__namespace.forwardRef(({className:e,children:t,...o},m)=>{let{error:n,formMessageId:s}=N(),l=n?String(n?.message??""):t;return l?jsxRuntime.jsx("p",{ref:m,id:s,className:r("text-sm font-medium text-destructive",e),...o,children:l}):null});B.displayName="FormMessage";function vt({name:e,label:t,description:o,className:m,warningText:n,required:s,disabled:l,readOnly:P,placeholder:c,"aria-label":F,"aria-describedby":v,options:f,...y}){let{control:C}=reactHookForm.useFormContext();return jsxRuntime.jsx(q,{name:e,control:C,render:({field:p,fieldState:{error:a}})=>jsxRuntime.jsxs(_,{children:[t&&jsxRuntime.jsxs(D,{children:[t,s&&jsxRuntime.jsx("span",{className:"text-destructive ml-1",children:"*"})]}),jsxRuntime.jsx(H,{children:jsxRuntime.jsx(X,{...p,options:f,value:p.value||"",onChange:p.onChange,className:r(a&&"border-destructive focus-visible:ring-destructive",m),disabled:l||P,required:s,placeholder:c,"aria-label":F,"aria-describedby":v,"aria-invalid":!!a,"aria-required":s,...y})}),o&&jsxRuntime.jsx(G,{children:o}),a&&jsxRuntime.jsx(B,{children:a.message}),!a&&n&&jsxRuntime.jsx("p",{className:"text-sm text-yellow-600 dark:text-yellow-500",role:"alert",children:n})]})})}exports.RHFSelect=vt;//# sourceMappingURL=rhf-select.js.map
+//# sourceMappingURL=rhf-select.js.map