@qodo/design-system 0.20.0 → 0.20.2

package/dist/index.d.ts

@@ -1,45 +1,34 @@
 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';
-import { ComboboxProps as ComboboxProps_2 } from './types';
 import { Control } from 'react-hook-form';
 import { default as default_2 } from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { Dispatch } from 'react';
 import { DropdownMenuContentProps } from '@radix-ui/react-dropdown-menu';
 import { FC } from 'react';
-import { FieldBaseProps } from './types';
 import { FieldValues } from 'react-hook-form';
 import { FormState } from 'react-hook-form';
 import { ForwardRefExoticComponent } from 'react';
 import { FunctionComponent } from 'react';
 import { HTMLAttributes } from 'react';
-import { InputProps as InputProps_2 } from './types';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { MouseEvent as MouseEvent_2 } from 'react';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import { PropsWithChildren } from 'react';
-import { RadioGroupItemProps as RadioGroupItemProps_2 } from '..';
-import { RadioGroupProps as RadioGroupProps_2 } from './types';
 import * as React_2 from 'react';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
+import { RegisterOptions } from 'react-hook-form';
 import { RowData } from '@tanstack/react-table';
 import * as SelectPrimitive from '@radix-ui/react-select';
-import { SelectProps as SelectProps_2 } from './types';
 import { SetStateAction } from 'react';
 import { Steps as Steps_2 } from '@ark-ui/react/steps';
 import { SubmitHandler } from 'react-hook-form';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 import { Table as Table_3 } from '@tanstack/react-table';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
-import { TagsInputProps as TagsInputProps_2 } from '..';
-import { TextareaProps } from './types';
-import { TitleProps } from './types';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import * as TogglePrimitive from '@radix-ui/react-toggle';
 import { TooltipContentProps } from '@radix-ui/react-tooltip';
@@ -203,6 +192,11 @@ export declare interface CheckboxGroupProps extends React.HTMLAttributes<HTMLDiv
     direction?: "horizontal" | "vertical";
 }
 
+declare interface CheckboxGroupProps_2 extends Omit<CheckboxGroupProps, "name">, Omit<FieldBaseProps, "defaultValue"> {
+    readOnly?: boolean;
+    defaultValue?: string[];
+}
+
 declare interface CheckboxGroupType extends TypeGuard<"CheckboxGroup"> {
     checkboxes: CheckboxItemType[];
     separator?: boolean;
@@ -294,6 +288,9 @@ export declare interface ComboboxProps {
     loadingText?: string;
 }
 
+declare interface ComboboxProps_2 extends ComboboxProps, FieldBaseProps {
+}
+
 export declare function Dialog({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Root>): JSX_2.Element;
 
 export declare function DialogClose({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Close>): JSX_2.Element;
@@ -381,19 +378,34 @@ export declare type EmptyStateProps = {
     description?: string;
 };
 
+/*********************
+ * Fields
+ *********************/
+declare interface FieldBaseProps extends React.HTMLAttributes<HTMLDivElement> {
+    name: string;
+    label?: string;
+    description?: string;
+    placeholder?: string;
+    registerOptions?: RegisterOptions;
+    tooltip?: React.ReactNode;
+    error?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+}
+
 declare interface FooterItemType extends BaseMenuItemType {
     action?: () => void;
 }
 
 export declare const Form: {
     <T extends FieldValues>(props: FormProps<T>): JSX_2.Element;
-    Button: ({ type, variant, ...rest }: ButtonProps_2) => JSX_2.Element;
+    Button: ({ type, variant, ...rest }: ButtonProps) => 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, label, description, wrapperClassName, labelClassName, descriptionClassName, labelWrapperClassName, }: React.PropsWithChildren<RadioGroupItemProps_2>): JSX_2.Element;
+        ({ value, disabled, error, name, label, description, wrapperClassName, labelClassName, descriptionClassName, labelWrapperClassName, }: React.PropsWithChildren<RadioGroupItemProps>): JSX_2.Element;
         displayName: string;
     };
     Group: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
@@ -402,12 +414,12 @@ export declare const Form: {
     Textarea: ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & RefAttributes<HTMLTextAreaElement>>;
     Divider: (props: React.HTMLAttributes<HTMLHRElement>) => JSX_2.Element;
     Title: ({ children, description, className }: TitleProps) => JSX_2.Element;
-    TagsInput: (props: PropsWithChildren<FieldBaseProps & Omit<TagsInputProps_2, "value" | "onBlur" | "onChange"> & {
+    TagsInput: (props: PropsWithChildren<FieldBaseProps & Omit<TagsInputProps, "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;
+        ({ disabled, error, name, checked, onCheckedChange, label, description, labelWrapperClassName, labelClassName, descriptionClassName, checkboxClassName, wrapperClassName, }: React.PropsWithChildren<CheckboxProps>): JSX_2.Element;
         displayName: string;
     };
 };
@@ -479,6 +491,8 @@ export declare interface InputProps extends React_2.ComponentProps<"input">, Var
     error?: boolean;
 }
 
+declare type InputProps_2 = InputProps & FieldBaseProps;
+
 declare const inputVariants: (props?: ({
     variant?: "default" | "secondary" | "ghost" | "accent" | "success" | "warning" | "destructive" | null | undefined;
 } & ClassProp) | undefined) => string;
@@ -515,17 +529,6 @@ export declare type LoadingSkeletonProps = {
     rowsCount?: number;
 };
 
-/**
- * A reusable markdown preview component that renders markdown content with consistent styling.
- * Can be used in textareas, forms, or any other component that needs markdown display.
- */
-export declare function MarkdownPreview({ content, className }: MarkdownPreviewProps): JSX_2.Element;
-
-declare type MarkdownPreviewProps = {
-    content: string;
-    className?: string;
-};
-
 declare interface MenuLabelType extends TypeGuard<"MenuLabel"> {
     label: ReactNode;
 }
@@ -605,6 +608,15 @@ export declare interface RadioGroupProps extends React.HTMLAttributes<HTMLDivEle
     direction?: "horizontal" | "vertical";
 }
 
+declare interface RadioGroupProps_2 extends FieldBaseProps {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    disabled?: boolean;
+    readOnly?: boolean;
+    direction?: "horizontal" | "vertical";
+}
+
 declare interface RadioGroupType extends TypeGuard<"RadioGroup"> {
     value: string;
     onValueChange: (value: string) => void;
@@ -661,6 +673,12 @@ export declare const SelectLabel: React_2.ForwardRefExoticComponent<Omit<SelectP
 
 export declare type SelectProps = SingleSelectProps | MultipleSelectProps;
 
+declare interface SelectProps_2 extends Omit<SelectProps, "value" | "onSelect" | "dir">, FieldBaseProps {
+    options: Option_2[];
+    value?: string[];
+    readOnly?: boolean;
+}
+
 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>>;
@@ -813,11 +831,21 @@ export declare type TagSuggestionItemProps = {
     tagVariant?: BadgeProps["variant"];
 };
 
+declare type TextareaProps = FieldBaseProps & React.ComponentProps<"textarea"> & {
+    variant?: "default" | "code";
+};
+
 declare interface TitleHeaderContentType extends TypeGuard<"MenuTitleHeader"> {
     title: string;
     label: string;
 }
 
+declare type TitleProps = {
+    children: React.ReactNode;
+    description?: string;
+    className?: string;
+};
+
 export declare function Toggle({ className, variant, size, ...props }: React_2.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): JSX_2.Element;
 
 export declare function ToggleGroup({ className, variant, size, children, ...props }: React_2.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): JSX_2.Element;