eai-frontend-components 2.0.75 → 2.0.77

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -1126,7 +1126,7 @@ const RadioGroup = React__namespace.forwardRef(({ className, ...props }, ref) =>
1126
1126
  });
1127
1127
  RadioGroup.displayName = RadioGroupPrimitive__namespace.Root.displayName;
1128
1128
  const RadioGroupItem = React__namespace.forwardRef(({ className, ...props }, ref) => {
1129
- 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' }) }) }));
1129
+ return (jsxRuntime.jsx(RadioGroupPrimitive__namespace.Item, { ref: ref, className: cn('aspect-square h-3.5 w-3.5 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' }) }) }));
1130
1130
  });
1131
1131
  RadioGroupItem.displayName = RadioGroupPrimitive__namespace.Item.displayName;
1132
1132
 
@@ -9604,7 +9604,7 @@ const FormRadioGroup = ({ control, name, value, label, subLabel, helpText, class
9604
9604
  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) => {
9605
9605
  field?.onChange?.(value);
9606
9606
  onChange?.(value);
9607
- }, defaultValue: field.value, disabled: disabled || formState.isSubmitting, className: `${className}`, children: jsxRuntime.jsx("div", { className: cn('flex flex-grow gap-6', 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));
9607
+ }, 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));
9608
9608
  };
9609
9609
 
9610
9610
  const FormSelect = ({ control, name, label, subLabel, helpText, placeholder, className, disabled, required, options }) => {