@clarlabs/ui 0.1.11 → 0.1.13

package/dist/index.d.ts

@@ -192,6 +192,50 @@ export declare interface CardProps {
     onClick?: () => void;
 }
 
+export declare function Chart({ type, datasets, data, labels, title, showLegend, showGrid, showValues, height, className, animate, smooth }: ChartProps): default_2.JSX.Element;
+
+export declare interface ChartDataPoint {
+    label: string;
+    value: number;
+    lightColor?: string;
+    darkColor?: string;
+}
+
+export declare interface ChartDataset {
+    label: string;
+    data: number[];
+    lightColor?: string;
+    darkColor?: string;
+}
+
+export declare interface ChartProps {
+    type: ChartType;
+    /** For line, bar, and area charts - array of datasets */
+    datasets?: ChartDataset[];
+    /** For pie and doughnut charts - array of data points */
+    data?: ChartDataPoint[];
+    /** Labels for x-axis (for line, bar, area) */
+    labels?: string[];
+    /** Chart title */
+    title?: string;
+    /** Show legend */
+    showLegend?: boolean;
+    /** Show grid lines */
+    showGrid?: boolean;
+    /** Show values on data points/bars */
+    showValues?: boolean;
+    /** Height of the chart in pixels */
+    height?: number;
+    /** Custom className */
+    className?: string;
+    /** Animate chart on mount */
+    animate?: boolean;
+    /** Curve for line and area charts */
+    smooth?: boolean;
+}
+
+export declare type ChartType = 'line' | 'bar' | 'area' | 'pie' | 'doughnut';
+
 export declare function Chat({ messages, onSendMessage, placeholder, disabled, showTimestamps, showAvatars, maxHeight, typingIndicator, userName, botName, className, ...props }: ChatProps): default_2.JSX.Element;
 
 export declare interface ChatMessage {
@@ -473,6 +517,40 @@ export declare interface FileItem {
     error?: string;
 }
 
+export declare function FileManager({ items, topMenuItems, onItemClick, onItemDoubleClick, onBreadcrumbClick, onBreadcrumbDoubleClick, getContextMenuItems, className }: FileManagerProps): default_2.JSX.Element;
+
+export declare interface FileManagerFileItem {
+    id: string;
+    name: string;
+    type: 'folder' | 'file';
+    /** Custom icon element that replaces the default icon */
+    icon?: default_2.ReactNode;
+    /** Thumbnail image URL (for files only) */
+    thumbnail?: string;
+    size?: number;
+    modified?: Date;
+    children?: FileManagerFileItem[];
+}
+
+export declare interface FileManagerProps {
+    /** Root items */
+    readonly items: FileManagerFileItem[];
+    /** Top left menu items */
+    readonly topMenuItems?: ContextMenuItem[];
+    /** Callback when a file/folder is clicked */
+    readonly onItemClick?: (item: FileManagerFileItem, path: string[]) => void;
+    /** Callback when a file/folder is double-clicked */
+    readonly onItemDoubleClick?: (item: FileManagerFileItem, path: string[]) => void;
+    /** Callback when breadcrumb item is clicked */
+    readonly onBreadcrumbClick?: (path: string[], index: number) => void;
+    /** Callback when breadcrumb item is double-clicked */
+    readonly onBreadcrumbDoubleClick?: (path: string[], index: number) => void;
+    /** Callback to get context menu items for a file/folder */
+    readonly getContextMenuItems?: (item: FileManagerFileItem, path: string[]) => ContextMenuItem[];
+    /** Custom className */
+    readonly className?: string;
+}
+
 export declare function FilePicker({ accept, multiple, maxSize, disabled, onChange, onUpload, className }: FilePickerProps): default_2.JSX.Element;
 
 export declare interface FilePickerProps {
@@ -792,6 +870,36 @@ export declare type InputSize = 'sm' | 'md' | 'lg';
 
 export declare type InputVariant = 'default' | 'error' | 'success';
 
+export declare function KanBan({ columns: initialColumns, onItemMove, onItemClick, onColumnAdd, onColumnRemove, allowAddColumns, allowRemoveColumns, className }: KanBanProps): default_2.JSX.Element;
+
+export declare interface KanBanColumn {
+    id: string;
+    title: string;
+    items: KanBanItem[];
+    color?: string;
+    maxItems?: number;
+}
+
+export declare interface KanBanItem {
+    id: string;
+    title: string;
+    description?: string;
+    badge?: string | number;
+    badgeVariant?: BadgeVariant;
+    [key: string]: any;
+}
+
+export declare interface KanBanProps {
+    columns: KanBanColumn[];
+    onItemMove?: (item: KanBanItem, fromColumnId: string, toColumnId: string) => void;
+    onItemClick?: (item: KanBanItem, columnId: string) => void;
+    onColumnAdd?: (columnId: string, columnTitle: string) => void;
+    onColumnRemove?: (columnId: string) => void;
+    allowAddColumns?: boolean;
+    allowRemoveColumns?: boolean;
+    className?: string;
+}
+
 export declare function Label({ size, required, disabled, className, children, ...props }: LabelProps): default_2.JSX.Element;
 
 export declare interface LabelProps extends default_2.LabelHTMLAttributes<HTMLLabelElement> {
@@ -825,9 +933,11 @@ export declare function List({ items, hoverable, dividers, className }: ListProp
 
 export declare interface ListItem {
     id: string;
-    content: default_2.ReactNode;
+    title: default_2.ReactNode;
+    subtitle?: default_2.ReactNode;
     icon?: default_2.ReactNode;
-    badge?: default_2.ReactNode;
+    badge?: string | number;
+    badgeVariant?: BadgeVariant;
     disabled?: boolean;
     onClick?: () => void;
 }