eai-frontend-components 2.0.76 → 2.0.78

package/dist/index.js

@@ -1125,8 +1125,13 @@ const RadioGroup = React__namespace.forwardRef(({ className, ...props }, ref) =>
     return jsxRuntime.jsx(RadioGroupPrimitive__namespace.Root, { className: cn('', className), ...props, ref: ref });
 });
 RadioGroup.displayName = RadioGroupPrimitive__namespace.Root.displayName;
-const RadioGroupItem = React__namespace.forwardRef(({ className, ...props }, ref) => {
-    return (jsxRuntime.jsx(RadioGroupPrimitive__namespace.Item, { ref: ref, className: cn('aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50', className), ...props, children: jsxRuntime.jsx(RadioGroupPrimitive__namespace.Indicator, { className: 'flex items-center justify-center', children: jsxRuntime.jsx(lucideReact.Circle, { className: 'h-2.5 w-2.5 fill-current text-current' }) }) }));
+const RadioGroupItem = React__namespace.forwardRef(({ className, size = 'md', ...props }, ref) => {
+    const sizeClasses = {
+        sm: 'h-3.5 w-3.5',
+        md: 'h-4 w-4',
+        lg: 'h-5 w-5',
+    };
+    return (jsxRuntime.jsx(RadioGroupPrimitive__namespace.Item, { ref: ref, className: cn(`aspect-square ${sizeClasses[size]} rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50`, className), ...props, children: jsxRuntime.jsx(RadioGroupPrimitive__namespace.Indicator, { className: 'flex items-center justify-center', children: jsxRuntime.jsx(lucideReact.Circle, { className: 'h-2.5 w-2.5 fill-current text-current' }) }) }));
 });
 RadioGroupItem.displayName = RadioGroupPrimitive__namespace.Item.displayName;
 
@@ -9599,12 +9604,12 @@ const FormInputPhone = ({ control, name, label, subLabel, helpText, placeholder,
                         }, onKeyUp: (e) => onKeyUp?.(e) }) }), formMessage(FormMessage)] })) }));
 };
 
-const FormRadioGroup = ({ control, name, value, label, subLabel, helpText, className, classNameOptions, disabled, required, options, onChange, }) => {
+const FormRadioGroup = ({ control, name, value, label, subLabel, helpText, className, classNameOptions, disabled, required, size = 'md', options, onChange, }) => {
     const { FormField, FormItem, FormLabel, FormControl, FormMessage } = FormComponents;
     return (jsxRuntime.jsx(FormField, { control: control, name: name, render: ({ field, formState }) => (jsxRuntime.jsxs(FormItem, { children: [jsxRuntime.jsxs("div", { className: cn('flex items-center space-x-1.5 mb-2', className), children: [label && formLabelAndSubLabel(FormLabel, label, subLabel, required), helpText && formHelpText(helpText)] }), jsxRuntime.jsx(FormControl, { children: jsxRuntime.jsx(RadioGroup, { onValueChange: (value) => {
                             field?.onChange?.(value);
                             onChange?.(value);
-                        }, defaultValue: field.value, disabled: disabled || formState.isSubmitting, className: `${className}`, children: jsxRuntime.jsx("div", { className: cn('flex flex-grow gap-6 font-medium text-sm', classNameOptions), children: options?.map((option) => (jsxRuntime.jsx("label", { htmlFor: `r${option.value}`, className: cn(option.disabled ? 'cursor-not-allowed' : 'cursor-pointer', 'block'), children: jsxRuntime.jsxs("div", { className: 'flex flex-col', children: [jsxRuntime.jsxs("div", { className: 'flex items-center space-x-2', children: [jsxRuntime.jsx(RadioGroupItem, { value: option.value, id: `r${option.value}`, checked: field.value === option.value, disabled: option.disabled }), jsxRuntime.jsx("div", { className: option.disabled ? 'opacity-50' : '', children: option.label })] }), option.description && (jsxRuntime.jsx("div", { className: cn('pl-6 text-zinc-500', { 'opacity-50': option.disabled }), children: option.description }))] }) }, `radio-${name}-${option.value}`))) }) }) }), formMessage(FormMessage)] })) }, value));
+                        }, defaultValue: field.value, disabled: disabled || formState.isSubmitting, className: `${className}`, children: jsxRuntime.jsx("div", { className: cn('flex flex-grow gap-6 font-medium text-sm', classNameOptions), children: options?.map((option) => (jsxRuntime.jsx("label", { htmlFor: `r${option.value}`, className: cn(option.disabled ? 'cursor-not-allowed' : 'cursor-pointer', 'block'), children: jsxRuntime.jsxs("div", { className: 'flex flex-col', children: [jsxRuntime.jsxs("div", { className: 'flex items-center space-x-2', children: [jsxRuntime.jsx(RadioGroupItem, { value: option.value, id: `r${option.value}`, checked: field.value === option.value, disabled: option.disabled, size: size }), jsxRuntime.jsx("div", { className: option.disabled ? 'opacity-50' : '', children: option.label })] }), option.description && (jsxRuntime.jsx("div", { className: cn('pl-6 text-zinc-500', { 'opacity-50': option.disabled }), children: option.description }))] }) }, `radio-${name}-${option.value}`))) }) }) }), formMessage(FormMessage)] })) }, value));
 };
 
 const FormSelect = ({ control, name, label, subLabel, helpText, placeholder, className, disabled, required, options }) => {