@qodo/design-system 0.2.0 → 0.3.0

package/dist/index.d.ts

@@ -1,14 +1,40 @@
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import { ButtonProps as ButtonProps_2 } from '..';
 import { ClassProp } from 'class-variance-authority/types';
 import { ClassValue } from 'clsx';
+import { ComboboxProps as ComboboxProps_2 } from './types';
+import { Control } from 'react-hook-form';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { FieldValues } from 'react-hook-form';
+import { FormState } from 'react-hook-form';
+import { InputProps as InputProps_2 } from './types';
 import { JSX } from 'react/jsx-runtime';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
+import { PropsWithChildren } from 'react';
 import * as React_2 from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { SelectProps } from './types';
+import { SubmitHandler } from 'react-hook-form';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
+import { TitleProps } from './types';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import * as TogglePrimitive from '@radix-ui/react-toggle';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { UseFormClearErrors } from 'react-hook-form';
+import { UseFormGetFieldState } from 'react-hook-form';
+import { UseFormGetValues } from 'react-hook-form';
+import { UseFormHandleSubmit } from 'react-hook-form';
+import { UseFormRegister } from 'react-hook-form';
+import { UseFormReset } from 'react-hook-form';
+import { UseFormResetField } from 'react-hook-form';
+import { UseFormReturn } from 'react-hook-form';
+import { UseFormSetError } from 'react-hook-form';
+import { UseFormSetFocus } from 'react-hook-form';
+import { UseFormSetValue } from 'react-hook-form';
+import { UseFormSubscribe } from 'react-hook-form';
+import { UseFormTrigger } from 'react-hook-form';
+import { UseFormUnregister } from 'react-hook-form';
+import { UseFormWatch } from 'react-hook-form';
 import { VariantProps } from 'class-variance-authority';
 
 export declare function Accordion({ ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Root>): JSX.Element;
@@ -24,7 +50,7 @@ export declare function Badge({ className, variant, asChild, ...props }: React_2
 }): JSX.Element;
 
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "secondary" | "success" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare const borderRadius: {
@@ -87,6 +113,25 @@ export declare const colors: {
     };
 };
 
+export declare const Combobox: React_2.ForwardRefExoticComponent<ComboboxProps & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare interface ComboboxOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+
+export declare interface ComboboxProps {
+    options: ComboboxOption[];
+    value?: string;
+    onValueChange?: (value: string) => void;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    emptyText?: string;
+    disabled?: boolean;
+    className?: string;
+}
+
 export declare function Dialog({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Root>): JSX.Element;
 
 export declare function DialogClose({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Close>): JSX.Element;
@@ -109,6 +154,34 @@ export declare function DialogTitle({ className, ...props }: React_2.ComponentPr
 
 export declare function DialogTrigger({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Trigger>): JSX.Element;
 
+export declare const Form: {
+    <T extends FieldValues>(props: FormProps<T>): JSX.Element;
+    Button: ({ type, ...rest }: ButtonProps_2) => JSX.Element;
+    Input: (props: InputProps_2) => JSX.Element;
+    Select: (props: SelectProps) => JSX.Element;
+    Combobox: (props: ComboboxProps_2) => JSX.Element;
+    Divider: (props: React.HTMLAttributes<HTMLHRElement>) => JSX.Element;
+    Title: ({ children, description, className }: TitleProps) => JSX.Element;
+};
+
+declare type FormProps<T extends FieldValues> = PropsWithChildren<{
+    className?: string;
+    methods: UseFormReturn<T>;
+    onSubmit: SubmitHandler<T>;
+    required?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+}>;
+
+export declare const FormProvider: <T extends FieldValues>(props: FormProviderProps<T>) => JSX.Element;
+
+declare type FormProviderProps<T extends FieldValues> = PropsWithChildren<{
+    methods: UseFormReturn<T>;
+    required?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+}>;
+
 export declare function Input({ className, variant, type, ...props }: InputProps): JSX.Element;
 
 export declare interface InputProps extends React_2.ComponentProps<"input">, VariantProps<typeof inputVariants> {
@@ -120,6 +193,26 @@ declare const inputVariants: (props?: ({
 
 export declare function Progress({ className, value, ...props }: React_2.ComponentProps<typeof ProgressPrimitive.Root>): JSX.Element;
 
+export declare const Select: React_2.FC<SelectPrimitive.SelectProps>;
+
+export declare const SelectContent: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const SelectGroup: React_2.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const SelectItem: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const SelectLabel: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const SelectScrollDownButton: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const SelectScrollUpButton: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const SelectSeparator: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const SelectTrigger: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare const SelectValue: React_2.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React_2.RefAttributes<HTMLSpanElement>>;
+
 export declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
 
 export declare const spacing: {
@@ -167,4 +260,29 @@ export declare const typography: {
     };
 };
 
+/**
+ * This hook is used to get the merged form context: react-hook-form context and the FormProvider custom context
+ * @returns The form context and the react-hook-form context
+ */
+export declare const useFormContext: () => {
+    watch: UseFormWatch<FieldValues>;
+    getValues: UseFormGetValues<FieldValues>;
+    getFieldState: UseFormGetFieldState<FieldValues>;
+    setError: UseFormSetError<FieldValues>;
+    clearErrors: UseFormClearErrors<FieldValues>;
+    setValue: UseFormSetValue<FieldValues>;
+    trigger: UseFormTrigger<FieldValues>;
+    formState: FormState<FieldValues>;
+    resetField: UseFormResetField<FieldValues>;
+    reset: UseFormReset<FieldValues>;
+    handleSubmit: UseFormHandleSubmit<FieldValues, FieldValues>;
+    unregister: UseFormUnregister<FieldValues>;
+    control: Control<FieldValues, any, FieldValues>;
+    register: UseFormRegister<FieldValues>;
+    setFocus: UseFormSetFocus<FieldValues>;
+    subscribe: UseFormSubscribe<FieldValues>;
+    disabled?: boolean;
+    readOnly?: boolean;
+};
+
 export { }