@me1a/ui 2.2.2 → 2.2.4

package/dist/rhf/form.d.ts

@@ -1,96 +0,0 @@
-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

@@ -1,2 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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.ts

@@ -1,57 +0,0 @@
-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

@@ -1,2 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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":"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","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.ts

@@ -1,84 +0,0 @@
-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

@@ -1,2 +0,0 @@
-'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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/button/button.tsx","../../src/components/atoms/command/command.tsx","../../src/components/atoms/typography/typography.tsx","../../src/components/atoms/select/multi-select.tsx","../../src/components/atoms/label/label.tsx","../../src/components/rhf/form/form.tsx","../../src/components/rhf/rhf-multi-select/rhf-multi-select.tsx"],"names":["cn","inputs","twMerge","clsx","buttonVariants","cva","Button","J","className","variant","size","asChild","startIcon","endIcon","loading","disabled","children","type","ariaLabel","props","ref","Comp","Slot","isDisabled","buttonAriaLabel","handleKeyDown","event","jsx","jsxs","Loader2","Command","C","CommandPrimitive","CommandInput","Search","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","typographyVariants","Typography","U","align","Component","MultiSelect","options","value","onChange","placeholder","required","error","fullWidth","searchable","id","maxSelections","showSelectAll","renderCommandList","open","setOpen","Z","selectedOptions","option","handleSelect","optionId","selectedId","handleSelectAll","enabledOptions","handleRemove","e","Popover","PopoverTrigger","X","ChevronDown","PopoverContent","o","Check","labelVariants","Label","te","W","FormFieldContext","l","FormField","Controller","useFormField","fieldContext","itemContext","FormItemContext","getFieldState","formState","useFormContext","fieldState","FormItem","FormLabel","formItemId","FormControl","formDescriptionId","formMessageId","FormDescription","FormMessage","body","RHFMultiSelect","name","label","description","warningText","readOnly","ariaDescribedby","other","control","field"],"mappings":"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","file":"rhf-multi-select.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 { Slot } from \"@radix-ui/react-slot\"\nimport { cva } from \"class-variance-authority\"\nimport { cn } from \"@/utils/cn\"\nimport { Loader2 } from \"lucide-react\"\nimport { ButtonProps } from \"./button.types\"\n\n/**\n * Button variant styles using class-variance-authority.\n * Defines the visual styles for different button variants and sizes.\n * Follows WCAG 2.1 Level AA guidelines for accessibility.\n *\n * @example\n * ```tsx\n * <Button variant=\"primary\" size=\"lg\">Click me</Button>\n * ```\n */\nconst buttonVariants = cva(\n  \"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\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground shadow hover:bg-primary/90\",\n        destructive: \"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90\",\n        outline:\n          \"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground\",\n        secondary: \"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"text-primary underline-offset-4 hover:underline\"\n      } as const,\n      size: {\n        default: \"h-9 px-4 py-2\",\n        sm: \"h-8 rounded-md px-3 text-xs\",\n        lg: \"h-10 rounded-md px-8\",\n        icon: \"h-9 w-9\"\n      } as const\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\"\n    }\n  }\n)\n\n/**\n * A versatile button component that supports multiple variants, sizes, and can be rendered as a child component.\n * Built on top of Radix UI's Slot primitive for maximum flexibility.\n * Implements proper accessibility features and follows WCAG 2.1 Level AA guidelines.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-button--docs\n *\n * @component\n * @example\n * ```tsx\n * // Default button\n * <Button>Click me</Button>\n *\n * // Destructive button with small size\n * <Button variant=\"destructive\" size=\"sm\">Delete</Button>\n *\n * // As a link\n * <Button variant=\"link\" asChild>\n *   <a href=\"/about\">About</a>\n * </Button>\n *\n * // With icons\n * <Button startIcon={<Icon />}>With Start Icon</Button>\n * <Button endIcon={<Icon />}>With End Icon</Button>\n *\n * // Loading state\n * <Button loading>Loading</Button>\n * ```\n *\n * @param {ButtonProps} props - The component props\n * @param {React.Ref<HTMLButtonElement>} ref - Forwarded ref\n * @returns {JSX.Element} A button element\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      asChild = false,\n      startIcon,\n      endIcon,\n      loading = false,\n      disabled,\n      children,\n      type = \"button\",\n      \"aria-label\": ariaLabel,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot : \"button\"\n    const isDisabled = disabled || loading\n    const buttonAriaLabel = ariaLabel || (typeof children === \"string\" ? children : undefined)\n\n    // Handle keyboard interaction\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n      if (event.key === \"Enter\" || event.key === \" \") {\n        event.preventDefault()\n        if (!isDisabled && props.onClick) {\n          props.onClick(event as unknown as React.MouseEvent<HTMLButtonElement>)\n        }\n      }\n    }\n\n    if (asChild) {\n      return (\n        <Comp\n          className={cn(buttonVariants({ variant, size, className }))}\n          ref={ref}\n          disabled={isDisabled}\n          type={type}\n          aria-label={buttonAriaLabel}\n          aria-disabled={isDisabled}\n          {...props}\n        >\n          {children}\n        </Comp>\n      )\n    }\n\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        disabled={isDisabled}\n        type={type}\n        aria-label={buttonAriaLabel}\n        aria-disabled={isDisabled}\n        onKeyDown={handleKeyDown}\n        {...props}\n      >\n        {loading && (\n          <Loader2\n            className=\"mr-2 h-4 w-4 animate-spin\"\n            role=\"status\"\n            aria-label=\"Loading\"\n            aria-hidden=\"true\"\n          />\n        )}\n        {!loading && startIcon && (\n          <span className=\"mr-2\" aria-hidden=\"true\">\n            {startIcon}\n          </span>\n        )}\n        {children}\n        {!loading && endIcon && (\n          <span className=\"ml-2\" aria-hidden=\"true\">\n            {endIcon}\n          </span>\n        )}\n      </Comp>\n    )\n  }\n)\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n","import * as React from \"react\"\nimport { Command as CommandPrimitive } from \"cmdk\"\nimport { Search } from \"lucide-react\"\n\nimport { cn } from \"@/utils/index\"\nimport { Dialog, DialogContent } from \"@/components/atoms/dialog\"\nimport {\n  type CommandProps,\n  type CommandRef,\n  type CommandDialogProps,\n  type CommandInputProps,\n  type CommandInputRef,\n  type CommandListProps,\n  type CommandListRef,\n  type CommandEmptyProps,\n  type CommandEmptyRef,\n  type CommandGroupProps,\n  type CommandGroupRef,\n  type CommandSeparatorProps,\n  type CommandSeparatorRef,\n  type CommandItemProps,\n  type CommandItemRef,\n  type CommandShortcutProps\n} from \"./command.types\"\n\n/**\n * Command component that provides a command palette interface.\n * Built on top of cmdk and Radix UI's Dialog primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-command--docs\n *\n * @example\n * ```tsx\n * <Command>\n *   <CommandInput placeholder=\"Search...\" />\n *   <CommandList>\n *     <CommandEmpty>No results found.</CommandEmpty>\n *     <CommandGroup heading=\"Suggestions\">\n *       <CommandItem>Calendar</CommandItem>\n *       <CommandItem>Search</CommandItem>\n *     </CommandGroup>\n *   </CommandList>\n * </Command>\n * ```\n */\nconst Command = React.forwardRef<CommandRef, CommandProps>(({ className, ...props }, ref) => (\n  <CommandPrimitive\n    ref={ref}\n    className={cn(\n      \"flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground\",\n      className\n    )}\n    {...props}\n  />\n))\nCommand.displayName = CommandPrimitive.displayName\n\nconst CommandDialog = ({ children, ...props }: CommandDialogProps) => {\n  return (\n    <Dialog {...props}>\n      <DialogContent className=\"overflow-hidden p-0\">\n        <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nconst CommandInput = React.forwardRef<CommandInputRef, CommandInputProps>(\n  ({ className, ...props }, ref) => (\n    <div className=\"flex items-center border-b px-3\" cmdk-input-wrapper=\"\">\n      <Search className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\n      <CommandPrimitive.Input\n        ref={ref}\n        className={cn(\n          \"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\",\n          className\n        )}\n        {...props}\n      />\n    </div>\n  )\n)\nCommandInput.displayName = CommandPrimitive.Input.displayName\n\nconst CommandList = React.forwardRef<CommandListRef, CommandListProps>(\n  ({ className, ...props }, ref) => (\n    <CommandPrimitive.List\n      ref={ref}\n      className={cn(\"max-h-[300px] overflow-y-auto overflow-x-hidden\", className)}\n      {...props}\n    />\n  )\n)\nCommandList.displayName = CommandPrimitive.List.displayName\n\nconst CommandEmpty = React.forwardRef<CommandEmptyRef, CommandEmptyProps>((props, ref) => (\n  <CommandPrimitive.Empty ref={ref} className=\"py-6 text-center text-sm\" {...props} />\n))\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName\n\nconst CommandGroup = React.forwardRef<CommandGroupRef, CommandGroupProps>(\n  ({ className, ...props }, ref) => (\n    <CommandPrimitive.Group\n      ref={ref}\n      className={cn(\n        \"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\",\n        className\n      )}\n      {...props}\n    />\n  )\n)\nCommandGroup.displayName = CommandPrimitive.Group.displayName\n\nconst CommandSeparator = React.forwardRef<CommandSeparatorRef, CommandSeparatorProps>(\n  ({ className, ...props }, ref) => (\n    <CommandPrimitive.Separator\n      ref={ref}\n      className={cn(\"-mx-1 h-px bg-border\", className)}\n      {...props}\n    />\n  )\n)\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName\n\nconst CommandItem = React.forwardRef<CommandItemRef, CommandItemProps>(\n  ({ className, ...props }, ref) => (\n    <CommandPrimitive.Item\n      ref={ref}\n      className={cn(\n        \"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\",\n        className\n      )}\n      {...props}\n    />\n  )\n)\nCommandItem.displayName = CommandPrimitive.Item.displayName\n\nconst CommandShortcut = ({ className, ...props }: CommandShortcutProps) => {\n  return (\n    <span\n      className={cn(\"ml-auto text-xs tracking-widest text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\nCommandShortcut.displayName = \"CommandShortcut\"\n\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator\n}\n","import * as React from \"react\"\nimport { cn } from \"@/utils\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nconst typographyVariants = cva(\"\", {\n  variants: {\n    variant: {\n      h1: \"scroll-m-5 text-4xl font-extrabold tracking-tight lg:text-5xl\",\n      h2: \"scroll-m-5 text-3xl font-semibold tracking-tight\",\n      h3: \"scroll-m-5 text-2xl font-semibold tracking-tight\",\n      h4: \"scroll-m-5 text-xl font-semibold tracking-tight\",\n      h5: \"scroll-m-5 text-lg font-semibold tracking-tight\",\n      h6: \"scroll-m-5 text-base font-semibold tracking-tight\",\n      p: \"leading-7 [&:not(:first-child)]:mt-6\",\n      blockquote: \"mt-6 border-l-2 border-slate-300 pl-6 italic\",\n      list: \"my-6 ml-6 list-disc [&>li]:mt-2\",\n      lead: \"text-xl text-muted-foreground\",\n      large: \"text-lg font-semibold\",\n      small: \"text-sm font-medium leading-none\",\n      muted: \"text-sm text-muted-foreground\"\n    },\n    align: {\n      left: \"text-left\",\n      center: \"text-center\",\n      right: \"text-right\",\n      justify: \"text-justify\"\n    }\n  },\n  defaultVariants: {\n    variant: \"p\",\n    align: \"left\"\n  }\n})\n\nexport interface TypographyProps\n  extends React.HTMLAttributes<HTMLElement>,\n    VariantProps<typeof typographyVariants> {\n  as?: React.ElementType\n}\n\n/**\n * Typography component for creating accessible text elements.\n * Built on top of shadcn/ui's Typography component.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-typography--docs\n *\n */\nconst Typography = React.forwardRef<HTMLElement, TypographyProps>(\n  ({ className, variant, align, as: Component = \"p\", ...props }, ref) => {\n    return (\n      <Component\n        className={cn(typographyVariants({ variant, align, className }))}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\n\nTypography.displayName = \"Typography\"\n\nexport { Typography, typographyVariants }\n","\"use client\"\n\nimport * as React from \"react\"\nimport { Check, ChevronDown, X } from \"lucide-react\"\n\nimport { cn } from \"@/utils\"\n\nimport { Popover, PopoverContent, PopoverTrigger } from \"@radix-ui/react-popover\"\nimport { Button } from \"../button\"\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator\n} from \"../command\"\nimport { Typography } from \"../typography\"\n\nexport type MultiSelectOption = {\n  id: string\n  label: string\n  startIcon?: React.ReactNode\n  endIcon?: React.ReactNode\n  className?: string\n  disabled?: boolean\n}\n\nexport type MultiSelectProps = {\n  /** Whether the select is searchable */\n  searchable?: boolean\n  /** Whether the select should take up the full width of its container */\n  fullWidth?: boolean\n  /** Array of options to display in the select */\n  options: MultiSelectOption[]\n  /** Currently selected values */\n  value: string[]\n  /** Callback fired when the values change */\n  // eslint-disable-next-line no-unused-vars\n  onChange: (value: string[]) => void\n  /** Render a custom CommandList for the select, if not provided, the select will render a default CommandList with the options */\n  // eslint-disable-next-line no-unused-vars\n  renderCommandList?: (options: MultiSelectOption[]) => React.ReactNode\n  /** Placeholder text to show when no value is selected */\n  placeholder?: string\n  /** Whether the select is disabled */\n  disabled?: boolean\n  /** Whether the select is required */\n  required?: boolean\n  /** Error message to display */\n  error?: string\n  /** Additional class name for the select */\n  className?: string\n  /** ID for the select element */\n  id?: string\n  /** Maximum number of selections allowed */\n  maxSelections?: number\n  /** Whether to show the select all option */\n  showSelectAll?: boolean\n}\n\n/**\n * MultiSelect component that provides a searchable dropdown select input with multiple selection.\n * Built on top of Radix UI's Select primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs-atoms-multiselect--docs\n *\n * @example\n * ```tsx\n * <MultiSelect\n *   options={[\n *     { id: \"1\", label: \"Option 1\" },\n *     { id: \"2\", label: \"Option 2\" }\n *   ]}\n *   value={[\"1\"]}\n *   onChange={setValue}\n *   showSelectAll\n * />\n * ```\n */\nexport function MultiSelect({\n  options,\n  value,\n  onChange,\n  placeholder = \"Select options\",\n  disabled,\n  required,\n  error,\n  className,\n  fullWidth,\n  searchable,\n  id,\n  maxSelections,\n  showSelectAll,\n  renderCommandList\n}: MultiSelectProps) {\n  const [open, setOpen] = React.useState(false)\n  const selectedOptions = options.filter((option) => value.includes(option.id))\n\n  const handleSelect = (optionId: string) => {\n    if (value.includes(optionId)) {\n      onChange(value.filter((selectedId) => selectedId !== optionId))\n    } else {\n      if (maxSelections && value.length >= maxSelections) {\n        return\n      }\n      onChange([...value, optionId])\n    }\n  }\n\n  const handleSelectAll = () => {\n    const enabledOptions = options.filter((option) => !option.disabled)\n    if (value.length === enabledOptions.length) {\n      onChange([])\n    } else {\n      onChange(enabledOptions.map((option) => option.id))\n    }\n  }\n\n  const handleRemove = (optionId: string, e: React.MouseEvent) => {\n    e.stopPropagation()\n    onChange(value.filter((selectedId) => selectedId !== optionId))\n  }\n\n  return (\n    <div className={cn(fullWidth && \"w-full\")}>\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>\n          <Button\n            variant=\"outline\"\n            role=\"combobox\"\n            aria-expanded={open}\n            aria-controls={id ? `${id}-content` : undefined}\n            aria-label={placeholder}\n            aria-required={required}\n            aria-invalid={!!error}\n            disabled={disabled}\n            id={id}\n            className={cn(\n              \"w-[13rem] justify-between min-h-[2.5rem] h-auto\",\n              !value.length && \"text-muted-foreground\",\n              fullWidth && \"w-full\",\n              error && \"border-destructive focus-visible:ring-destructive\",\n              className\n            )}\n          >\n            <div className=\"flex flex-wrap gap-1\">\n              {selectedOptions.length > 0 ? (\n                selectedOptions.map((option) => (\n                  <div\n                    key={option.id}\n                    className=\"flex items-center gap-1 bg-secondary text-secondary-foreground px-2 py-0.5 rounded-md text-sm\"\n                  >\n                    <span>{option.label}</span>\n                    <span\n                      onClick={(e) => handleRemove(option.id, e)}\n                      className=\"hover:bg-secondary-foreground/20 rounded-sm\"\n                    >\n                      <X className=\"h-3 w-3\" />\n                    </span>\n                  </div>\n                ))\n              ) : (\n                <span>{placeholder}</span>\n              )}\n            </div>\n            <ChevronDown className={cn(\"opacity-50\", open && \"rotate-180\")} />\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent\n          id={id ? `${id}-content` : undefined}\n          className={cn(\n            \"w-[13rem] p-0 rounded-md border bg-popover text-popover-foreground shadow-md\",\n            fullWidth && \"w-full\"\n          )}\n          align=\"start\"\n        >\n          <Command>\n            {searchable && (\n              <CommandInput placeholder=\"Search...\" className=\"h-9\" disabled={disabled} />\n            )}\n            <CommandList className=\"max-h-[12rem] overflow-y-auto\">\n              <CommandEmpty>No items found.</CommandEmpty>\n              <CommandGroup>\n                {showSelectAll && (\n                  <CommandItem\n                    onSelect={handleSelectAll}\n                    className=\"flex items-center gap-2 cursor-pointer my-1\"\n                  >\n                    <div className=\"flex h-4 w-4 items-center justify-center rounded border border-primary\">\n                      {value.length === options.filter((o) => !o.disabled).length && (\n                        <Check className=\"h-3 w-3\" />\n                      )}\n                    </div>\n                    <Typography variant=\"small\">Select All</Typography>\n                  </CommandItem>\n                )}\n                <CommandSeparator />\n              </CommandGroup>\n              {renderCommandList ? (\n                renderCommandList(options)\n              ) : (\n                <CommandGroup>\n                  {options.map((option) => (\n                    <CommandItem\n                      value={option.id}\n                      key={option.id}\n                      onSelect={() => handleSelect(option.id)}\n                      disabled={option.disabled}\n                      className={cn(\n                        \"flex items-center justify-between cursor-pointer my-1\",\n                        option.disabled && \"opacity-50 cursor-not-allowed\",\n                        option.className\n                      )}\n                    >\n                      <div className=\"flex items-center gap-2\">\n                        <div className=\"flex h-4 w-4 items-center justify-center rounded border border-primary\">\n                          {value.includes(option.id) && <Check className=\"h-3 w-3\" />}\n                        </div>\n                        <div className=\"flex items-center gap-1\">\n                          {option.startIcon && option.startIcon}\n                          <Typography variant=\"small\">{option.label}</Typography>\n                        </div>\n                      </div>\n                      {option.endIcon && <div className=\"ml-2\">{option.endIcon}</div>}\n                    </CommandItem>\n                  ))}\n                </CommandGroup>\n              )}\n            </CommandList>\n          </Command>\n        </PopoverContent>\n      </Popover>\n    </div>\n  )\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","import * as React from \"react\"\nimport { useFormContext, type FieldValues, type FieldPath } from \"react-hook-form\"\nimport { MultiSelect } from \"@/components/atoms/select\"\n\nimport { cn } from \"@/utils/cn\"\nimport {\n  FormControl,\n  FormItem,\n  FormMessage,\n  FormLabel,\n  FormDescription,\n  FormField\n} from \"@/components/rhf/form\"\nimport { type RHFMultiSelectProps } from \"./rhf-multi-select.types\"\n\n// ----------------------------------------------------------------------\n\n/**\n * A multi-select 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-rhfmultiselect--docs\n *\n * @example\n * ```tsx\n * <Form>\n *   <RHFMultiSelect\n *     name=\"countries\"\n *     label=\"Countries\"\n *     options={[\n *       { id: \"us\", label: \"United States\" },\n *       { id: \"ca\", label: \"Canada\" }\n *     ]}\n *\n *   />\n * </Form>\n * ```\n */\nexport function RHFMultiSelect<\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  placeholder,\n  \"aria-label\": ariaLabel,\n  \"aria-describedby\": ariaDescribedby,\n  options,\n  ...other\n}: RHFMultiSelectProps<TFieldValues, TName>) {\n  const { control } = useFormContext<TFieldValues>()\n\n  return (\n    <FormField\n      name={name}\n      control={control}\n      render={({ field, fieldState: { error } }) => {\n        return (\n          <FormItem>\n            {label && (\n              <FormLabel>\n                {label}\n                {required && <span className=\"text-destructive ml-1\">*</span>}\n              </FormLabel>\n            )}\n            <FormControl>\n              <MultiSelect\n                {...field}\n                options={options}\n                value={field.value || []}\n                onChange={field.onChange}\n                className={cn(\n                  error && \"border-destructive focus-visible:ring-destructive\",\n                  className\n                )}\n                disabled={disabled || readOnly}\n                required={required}\n                placeholder={placeholder}\n                aria-label={ariaLabel}\n                aria-describedby={ariaDescribedby}\n                aria-invalid={!!error}\n                aria-required={required}\n                {...other}\n              />\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}\n"]}