@clarlabs/ui 0.1.12 → 0.1.14

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> {
@@ -1440,6 +1548,47 @@ export declare interface ToggleSwitchProps {
 
 export declare type ToggleSwitchSize = 'sm' | 'md' | 'lg';
 
+export declare function Toolbar({ menuItems, statusItems, children, className }: ToolbarProps): default_2.JSX.Element;
+
+export declare interface ToolbarMenuItem {
+    /** Unique identifier */
+    id: string;
+    /** Label to display */
+    label: string;
+    /** Icon element */
+    icon?: default_2.ReactNode;
+    /** Whether the item is disabled */
+    disabled?: boolean;
+    /** Submenu items for dropdown */
+    submenu?: ToolbarMenuItem[];
+    /** Callback when item is clicked (if no submenu) */
+    onClick?: () => void;
+    /** Separator after this item */
+    separator?: boolean;
+    /** Badge or count to display */
+    badge?: string | number;
+}
+
+export declare interface ToolbarProps {
+    /** Menu items with optional dropdowns */
+    menuItems?: ToolbarMenuItem[];
+    /** Status information sections */
+    statusItems?: ToolbarStatus[];
+    /** Additional custom content */
+    children?: default_2.ReactNode;
+    /** Custom className */
+    className?: string;
+}
+
+export declare interface ToolbarStatus {
+    /** Status text */
+    text: string;
+    /** Optional icon */
+    icon?: default_2.ReactNode;
+    /** Optional tooltip */
+    tooltip?: string;
+}
+
 export declare function Tooltip({ children, content, position, delay, className }: TooltipProps): default_2.JSX.Element;
 
 export declare type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';