@clarlabs/ui 0.1.9 → 0.1.11

package/dist/index.d.ts

@@ -28,7 +28,7 @@ export declare interface AlertProps {
 
 export declare type AlertVariant = 'info' | 'success' | 'warning' | 'error';
 
-export declare function AnimatedIcon({ icon, width, height, duration, disableAnimation, color, strokeWidth, className }: AnimatedIconProps): default_2.JSX.Element | null;
+export declare function AnimatedIcon({ icon, width, height, duration, disableAnimation, darkModeColor, lightModeColor, strokeWidth, className }: AnimatedIconProps): default_2.JSX.Element | null;
 
 export declare interface AnimatedIconProps {
     icon: string;
@@ -36,7 +36,8 @@ export declare interface AnimatedIconProps {
     height?: number;
     duration?: number;
     disableAnimation?: boolean;
-    color?: string;
+    darkModeColor?: string;
+    lightModeColor?: string;
     strokeWidth?: number;
     className?: string;
 }
@@ -86,6 +87,8 @@ export declare interface AudioProps extends Omit<default_2.AudioHTMLAttributes<H
 
 export declare type AudioVariant = 'minimal' | 'standard' | 'detailed';
 
+export declare const availableFlags: string[];
+
 export declare const availableIcons: string[];
 
 export declare function Avatar({ src, alt, initials, size, status, className }: AvatarProps): default_2.JSX.Element;
@@ -328,24 +331,6 @@ export declare interface ContextMenuProps {
     disabled?: boolean;
 }
 
-export declare function Datagrid<T extends Record<string, any>>({ columns, data, onRowClick, striped, hoverable, className }: DatagridProps<T>): default_2.JSX.Element;
-
-export declare interface DatagridColumn<T = any> {
-    key: string;
-    header: string;
-    width?: string;
-    render?: (value: any, row: T) => default_2.ReactNode;
-}
-
-export declare interface DatagridProps<T = any> {
-    columns: DatagridColumn<T>[];
-    data: T[];
-    onRowClick?: (row: T) => void;
-    striped?: boolean;
-    hoverable?: boolean;
-    className?: string;
-}
-
 export declare function DataList({ items, orientation, size, dividers, boldLabels, className, labelWidth, striped, onCopy }: DataListProps): default_2.JSX.Element;
 
 export declare interface DataListItem {
@@ -392,6 +377,35 @@ export declare interface DataListProps {
 
 export declare type DataListSize = 'sm' | 'md' | 'lg';
 
+export declare function DataTable<T = any>({ columns, data: initialData, striped, hoverable, bordered, compact, editable, deletable, addable, onRowClick, onRowEdit, onRowDelete, onRowAdd, rowIdKey, className }: DataTableProps<T>): default_2.JSX.Element;
+
+export declare interface DataTableColumn<T = any> {
+    key: string;
+    header: string;
+    width?: string;
+    editable?: boolean;
+    type?: 'text' | 'number' | 'date' | 'email';
+    render?: (value: any, row: T, isEditing: boolean) => default_2.ReactNode;
+}
+
+export declare interface DataTableProps<T = any> {
+    columns: DataTableColumn<T>[];
+    data: T[];
+    striped?: boolean;
+    hoverable?: boolean;
+    bordered?: boolean;
+    compact?: boolean;
+    editable?: boolean;
+    deletable?: boolean;
+    addable?: boolean;
+    onRowClick?: (row: T) => void;
+    onRowEdit?: (row: T, rowIndex: number) => void;
+    onRowDelete?: (row: T, rowIndex: number) => void;
+    onRowAdd?: (row: T) => void;
+    rowIdKey?: string;
+    className?: string;
+}
+
 export declare function DatePicker({ value, onChange, minDate, maxDate, placeholder, disabled, variant, className, ...props }: DatePickerProps): default_2.JSX.Element;
 
 export declare interface DatePickerProps extends Omit<default_2.HTMLAttributes<HTMLDivElement>, 'onChange'> {
@@ -473,6 +487,18 @@ export declare interface FilePickerProps {
 
 export declare type FileStatus = 'idle' | 'processing' | 'uploaded' | 'failed';
 
+export declare function FlagIcon({ flag, width, height, className, title, style, rounded }: FlagIconProps): default_2.JSX.Element | null;
+
+export declare interface FlagIconProps {
+    flag: string;
+    width?: number;
+    height?: number;
+    className?: string;
+    title?: string;
+    style?: default_2.CSSProperties;
+    rounded?: boolean;
+}
+
 export declare function Footer({ variant, brandName, brandLogo, brandDescription, sections, socialLinks, copyright, showYear, bottomLinks, children, className, ...props }: FooterProps): default_2.JSX.Element;
 
 export declare interface FooterLink {
@@ -565,6 +591,18 @@ export declare type GaugeSize = 'sm' | 'md' | 'lg' | 'xl';
 
 export declare type GaugeVariant = 'default' | 'success' | 'warning' | 'error' | 'info';
 
+export declare const getAllFlags: () => {
+    code: string;
+    name: string;
+    translation: string;
+}[];
+
+export declare const getFlagInfo: (flagCode: string) => {
+    code: string;
+    name: string;
+    translation: string;
+} | null;
+
 export declare function Grid({ columns, columnsSm, columnsMd, columnsLg, columnsXl, gap, rowGap, columnGap, alignItems, justifyItems, justifyContent, autoFlow, className, children, ...props }: GridProps): default_2.JSX.Element;
 
 export declare namespace Grid {