@qodo/design-system 0.19.4 → 0.20.0

package/dist/index.d.ts

@@ -35,7 +35,7 @@ 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_2 } from '@tanstack/react-table';
+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';
@@ -132,6 +132,7 @@ declare type BasePaginationProps = {
 
 declare type BaseSelectProps = {
     disabled?: boolean;
+    readOnly?: boolean;
     options: Option_2[];
     placeholder?: string;
     triggerClassName?: string;
@@ -144,6 +145,9 @@ declare type BaseSelectProps = {
     emptyState?: ReactNode;
     dir?: string;
     mode?: (typeof SELECT_MODE)[keyof typeof SELECT_MODE];
+    variant?: (typeof SELECT_VARIANT)[keyof typeof SELECT_VARIANT];
+    iconPosition?: "left" | "right";
+    selectionIndicator?: "checkmark" | "checkbox";
 } & Omit<default_2.HTMLAttributes<HTMLDivElement>, "onSelect">;
 
 export declare const borderRadius: {
@@ -476,7 +480,7 @@ export declare interface InputProps extends React_2.ComponentProps<"input">, Var
 }
 
 declare const inputVariants: (props?: ({
-    variant?: "default" | "secondary" | "accent" | "success" | "warning" | "destructive" | null | undefined;
+    variant?: "default" | "secondary" | "ghost" | "accent" | "success" | "warning" | "destructive" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 declare const INSIGHT_SIZES: {
@@ -511,6 +515,17 @@ 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;
 }
@@ -547,11 +562,11 @@ export declare type PaginationMode = (typeof PAGINATION_MODE)[keyof typeof PAGIN
 declare type PaginationModeProps = BasePaginationProps | InfiniteScrollProps;
 
 export declare type PaginationProps<T extends RowData> = {
-    table: Table_2<T>;
+    table: Table_3<T>;
 };
 
 export declare type PaginationStepperProps<T extends RowData> = {
-    table: Table_2<T>;
+    table: Table_3<T>;
     isLoading?: boolean;
 };
 
@@ -622,13 +637,18 @@ declare const SearchSize: {
     LARGE: string;
 };
 
-export declare function Select({ value, options, onSelect: propsOnSelect, disabled, mode, placeholder, inputPlaceholder, emptyState, triggerClassName, triggerWrapperClassName, badgeClassName, badgeVariant, searchable, toggleIcon, dir, ...rest }: SelectProps): JSX_2.Element;
+export declare function Select({ value, options, onSelect: propsOnSelect, disabled, readOnly, mode, placeholder, inputPlaceholder, emptyState, triggerClassName, triggerWrapperClassName, badgeClassName, badgeVariant, searchable, toggleIcon, dir, variant, iconPosition, selectionIndicator, ...rest }: SelectProps): JSX_2.Element;
 
 declare const SELECT_MODE: {
     SINGLE: string;
     MULTIPLE: string;
 };
 
+declare const SELECT_VARIANT: {
+    DEFAULT: string;
+    GHOST: string;
+};
+
 export declare const SelectContent: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
     container?: HTMLElement | null;
 } & React_2.RefAttributes<HTMLDivElement>>;
@@ -713,10 +733,14 @@ declare const switchVariants: (props?: ({
     size?: "small" | "large" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-export declare const Table: <T extends RowData>({ table, emptyStateComponent, noResultsComponent, errorComponent, isLoading, isError, onRowClick, emptyStateTitle, emptyStateDescription, noResultsTitle, wrapperClassName, loadingRowsCount, activeRowId, paginationMode, onLoadMore, hasMore, loadMoreThreshold, endOfResultsMessage, }: TableProps<T & WithId>) => JSX_2.Element;
+export declare const Table: <T extends RowData>({ table, emptyStateComponent, noResultsComponent, errorComponent, isLoading, isError, onRowClick, emptyStateTitle, emptyStateDescription, noResultsTitle, wrapperClassName, loadingRowsCount, activeRowId, paginationMode, onLoadMore, hasMore, loadMoreThreshold, endOfResultsMessage, className: propsClassName, ...restTableProps }: TableProps<T & WithId>) => JSX_2.Element;
+
+declare const Table_2: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLTableElement> & {
+    wrapperClassName?: string;
+} & React_2.RefAttributes<HTMLTableElement>>;
 
 export declare type TableProps<T extends RowData> = {
-    table: Table_2<T>;
+    table: Table_3<T>;
     emptyStateComponent?: () => ReactNode;
     noResultsComponent?: () => ReactNode;
     errorComponent?: () => ReactNode;
@@ -729,7 +753,7 @@ export declare type TableProps<T extends RowData> = {
     wrapperClassName?: string;
     loadingRowsCount?: number;
     activeRowId?: number | string;
-} & PaginationModeProps;
+} & PaginationModeProps & React.ComponentPropsWithoutRef<typeof Table_2>;
 
 export declare function Tabs({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.Root>): JSX_2.Element;