eai-frontend-components 2.0.76 → 2.0.78

package/dist/index.d.ts

@@ -80,7 +80,7 @@ declare const AvatarImage: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitiv
 declare const AvatarFallback: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
 
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "secondary" | "surface" | "destructive" | "outline" | "green" | "red" | "gray" | "blue" | "orange" | "yellow" | null | undefined;
+    variant?: "default" | "secondary" | "destructive" | "outline" | "surface" | "green" | "red" | "gray" | "blue" | "orange" | "yellow" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }
@@ -105,7 +105,7 @@ declare const BreadcrumbEllipsis: {
 };
 
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "secondary" | "destructive" | "outline" | "link" | "primary" | "ghost" | null | undefined;
+    variant?: "link" | "default" | "primary" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
@@ -208,7 +208,7 @@ declare const Command: React$1.ForwardRefExoticComponent<Omit<{
     ref?: React$1.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React$1.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
     label?: string;
     shouldFilter?: boolean;
     filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -224,7 +224,7 @@ declare const CommandInput: React$1.ForwardRefExoticComponent<Omit<Omit<Pick<Pic
     ref?: React$1.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React$1.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "value" | "type"> & {
+}, "key" | "asChild" | keyof React$1.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React$1.RefAttributes<HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
@@ -234,7 +234,7 @@ declare const CommandList: React$1.ForwardRefExoticComponent<Omit<{
     ref?: React$1.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React$1.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
     label?: string;
 } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const CommandEmpty: React$1.ForwardRefExoticComponent<Omit<{
@@ -243,14 +243,14 @@ declare const CommandEmpty: React$1.ForwardRefExoticComponent<Omit<{
     ref?: React$1.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React$1.HTMLAttributes<HTMLDivElement> | "asChild"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+}, "key" | "asChild" | keyof React$1.HTMLAttributes<HTMLDivElement>> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const CommandGroup: React$1.ForwardRefExoticComponent<Omit<{
     children?: React$1.ReactNode;
 } & Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
     ref?: React$1.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React$1.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
+}, "key" | "asChild" | keyof React$1.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
     heading?: React$1.ReactNode;
     value?: string;
     forceMount?: boolean;
@@ -259,7 +259,7 @@ declare const CommandSeparator: React$1.ForwardRefExoticComponent<Omit<Pick<Pick
     ref?: React$1.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React$1.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | keyof React$1.HTMLAttributes<HTMLDivElement>> & {
     alwaysRender?: boolean;
 } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const CommandItem: React$1.ForwardRefExoticComponent<Omit<{
@@ -268,7 +268,7 @@ declare const CommandItem: React$1.ForwardRefExoticComponent<Omit<{
     ref?: React$1.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React$1.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
+}, "key" | "asChild" | keyof React$1.HTMLAttributes<HTMLDivElement>>, "onSelect" | "value" | "disabled"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;
@@ -530,7 +530,9 @@ declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<PopoverPrim
 declare const Progress: React$1.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
 declare const RadioGroup: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const RadioGroupItem: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const RadioGroupItem: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
+    size?: "sm" | "md" | "lg";
+} & React$1.RefAttributes<HTMLButtonElement>>;
 
 declare const ScrollArea: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const ScrollBar: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
@@ -963,6 +965,7 @@ interface Props$4 {
     classNameOptions?: string;
     disabled?: boolean;
     required?: boolean;
+    size?: 'sm' | 'md' | 'lg';
     options?: RadioOption[];
     onChange?: (value: string) => void;
 }

package/dist/index.esm.js

@@ -1085,8 +1085,13 @@ const RadioGroup = React$1.forwardRef(({ className, ...props }, ref) => {
     return jsx(RadioGroupPrimitive.Root, { className: cn('', className), ...props, ref: ref });
 });
 RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
-const RadioGroupItem = React$1.forwardRef(({ className, ...props }, ref) => {
-    return (jsx(RadioGroupPrimitive.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: jsx(RadioGroupPrimitive.Indicator, { className: 'flex items-center justify-center', children: jsx(Circle, { className: 'h-2.5 w-2.5 fill-current text-current' }) }) }));
+const RadioGroupItem = React$1.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 (jsx(RadioGroupPrimitive.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: jsx(RadioGroupPrimitive.Indicator, { className: 'flex items-center justify-center', children: jsx(Circle, { className: 'h-2.5 w-2.5 fill-current text-current' }) }) }));
 });
 RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
 
@@ -9559,12 +9564,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 (jsx(FormField, { control: control, name: name, render: ({ field, formState }) => (jsxs(FormItem, { children: [jsxs("div", { className: cn('flex items-center space-x-1.5 mb-2', className), children: [label && formLabelAndSubLabel(FormLabel, label, subLabel, required), helpText && formHelpText(helpText)] }), jsx(FormControl, { children: jsx(RadioGroup, { onValueChange: (value) => {
                             field?.onChange?.(value);
                             onChange?.(value);
-                        }, defaultValue: field.value, disabled: disabled || formState.isSubmitting, className: `${className}`, children: jsx("div", { className: cn('flex flex-grow gap-6 font-medium text-sm', classNameOptions), children: options?.map((option) => (jsx("label", { htmlFor: `r${option.value}`, className: cn(option.disabled ? 'cursor-not-allowed' : 'cursor-pointer', 'block'), children: jsxs("div", { className: 'flex flex-col', children: [jsxs("div", { className: 'flex items-center space-x-2', children: [jsx(RadioGroupItem, { value: option.value, id: `r${option.value}`, checked: field.value === option.value, disabled: option.disabled }), jsx("div", { className: option.disabled ? 'opacity-50' : '', children: option.label })] }), option.description && (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: jsx("div", { className: cn('flex flex-grow gap-6 font-medium text-sm', classNameOptions), children: options?.map((option) => (jsx("label", { htmlFor: `r${option.value}`, className: cn(option.disabled ? 'cursor-not-allowed' : 'cursor-pointer', 'block'), children: jsxs("div", { className: 'flex flex-col', children: [jsxs("div", { className: 'flex items-center space-x-2', children: [jsx(RadioGroupItem, { value: option.value, id: `r${option.value}`, checked: field.value === option.value, disabled: option.disabled, size: size }), jsx("div", { className: option.disabled ? 'opacity-50' : '', children: option.label })] }), option.description && (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 }) => {