@qodo/design-system 0.17.5 → 0.18.0

package/dist/index.d.ts

@@ -1,5 +1,7 @@
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { ButtonProps as ButtonProps_2 } from '..';
+import { CheckboxGroupProps as CheckboxGroupProps_2 } from './types';
+import { CheckboxProps as CheckboxProps_2 } from '..';
 import { ClassProp } from 'class-variance-authority/types';
 import { ClassValue } from 'clsx';
 import { Column } from '@tanstack/react-table';
@@ -164,6 +166,25 @@ export declare function CardHeader({ className, ...props }: React_2.ComponentPro
 
 export declare function CardTitle({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
 
+export declare const Checkbox: {
+    ({ disabled, error, name, checked, onCheckedChange, label, description, labelWrapperClassName, labelClassName, descriptionClassName, checkboxClassName, wrapperClassName, }: React.PropsWithChildren<CheckboxProps>): JSX_2.Element;
+    displayName: string;
+};
+
+export declare const CheckboxGroup: default_2.ForwardRefExoticComponent<CheckboxGroupProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface CheckboxGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+    disabled?: boolean;
+    readOnly?: boolean;
+    className?: string;
+    error?: boolean;
+    name: string;
+    direction?: "horizontal" | "vertical";
+}
+
 declare interface CheckboxGroupType extends TypeGuard<"CheckboxGroup"> {
     checkboxes: CheckboxItemType[];
     separator?: boolean;
@@ -174,6 +195,21 @@ declare interface CheckboxItemType extends BaseMenuItemType {
     onSelect?: Dispatch<SetStateAction<boolean>>;
 }
 
+export declare interface CheckboxProps {
+    name?: string;
+    disabled?: boolean;
+    error?: boolean;
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    label: string;
+    description?: React.ReactNode;
+    labelWrapperClassName?: string;
+    labelClassName?: string;
+    descriptionClassName?: string;
+    checkboxClassName?: string;
+    wrapperClassName?: string;
+}
+
 /***
  *
  *   CLASSHELPER
@@ -333,13 +369,13 @@ declare interface FooterItemType extends BaseMenuItemType {
 
 export declare const Form: {
     <T extends FieldValues>(props: FormProps<T>): JSX_2.Element;
-    Button: ({ type, ...rest }: ButtonProps_2) => JSX_2.Element;
+    Button: ({ type, variant, ...rest }: ButtonProps_2) => JSX_2.Element;
     Input: ForwardRefExoticComponent<Omit<InputProps_2, "ref"> & RefAttributes<HTMLInputElement>>;
     Select: (props: PropsWithChildren<SelectProps_2>) => JSX_2.Element;
     Combobox: (props: PropsWithChildren<ComboboxProps_2>) => JSX_2.Element;
     RadioGroup: (props: PropsWithChildren<RadioGroupProps_2>) => JSX_2.Element;
     RadioGroupItem: {
-        ({ value, disabled, error, name, children, className: propsClassName, }: React.PropsWithChildren<RadioGroupItemProps_2>): JSX_2.Element;
+        ({ value, disabled, error, name, label, description, wrapperClassName, labelClassName, descriptionClassName, labelWrapperClassName, }: React.PropsWithChildren<RadioGroupItemProps_2>): JSX_2.Element;
         displayName: string;
     };
     Group: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
@@ -351,6 +387,11 @@ export declare const Form: {
     TagsInput: (props: PropsWithChildren<FieldBaseProps & Omit<TagsInputProps_2, "value" | "onBlur" | "onChange"> & {
     name: string;
     }>) => JSX_2.Element;
+    CheckboxGroup: (props: PropsWithChildren<CheckboxGroupProps_2>) => JSX_2.Element;
+    Checkbox: {
+        ({ disabled, error, name, checked, onCheckedChange, label, description, labelWrapperClassName, labelClassName, descriptionClassName, checkboxClassName, wrapperClassName, }: React.PropsWithChildren<CheckboxProps_2>): JSX_2.Element;
+        displayName: string;
+    };
 };
 
 declare type FormProps<T extends FieldValues> = PropsWithChildren<{
@@ -452,15 +493,8 @@ export declare function Progress({ className, value, ...props }: React_2.Compone
 
 export declare const RadioGroup: default_2.ForwardRefExoticComponent<RadioGroupProps & default_2.RefAttributes<HTMLDivElement>>;
 
-export declare interface RadioGroupFormProps extends RadioGroupProps {
-    name: string;
-    label?: string;
-    description?: string;
-    tooltip?: string;
-}
-
 export declare const RadioGroupItem: {
-    ({ value, disabled, error, name, children, className: propsClassName, }: React.PropsWithChildren<RadioGroupItemProps>): JSX_2.Element;
+    ({ value, disabled, error, name, label, description, wrapperClassName, labelClassName, descriptionClassName, labelWrapperClassName, }: React.PropsWithChildren<RadioGroupItemProps>): JSX_2.Element;
     displayName: string;
 };
 
@@ -470,6 +504,12 @@ export declare interface RadioGroupItemProps {
     disabled?: boolean;
     error?: boolean;
     className?: string;
+    label: React.ReactNode;
+    description?: React.ReactNode;
+    labelWrapperClassName?: string;
+    labelClassName?: string;
+    descriptionClassName?: string;
+    wrapperClassName?: string;
 }
 
 export declare interface RadioGroupProps extends React.HTMLAttributes<HTMLDivElement> {