@clarlabs/ui 0.1.2

package/dist/index.d.ts

@@ -0,0 +1,625 @@
+import { default as default_2 } from 'react';
+
+export declare function Accordion({ items, allowMultiple, defaultOpenIds, className }: AccordionProps): default_2.JSX.Element;
+
+export declare interface AccordionItemProps {
+    id: string;
+    title: string;
+    content: default_2.ReactNode;
+}
+
+export declare interface AccordionProps {
+    items: AccordionItemProps[];
+    allowMultiple?: boolean;
+    defaultOpenIds?: string[];
+    className?: string;
+}
+
+export declare function Alert({ variant, title, message, dismissible, onDismiss, className }: AlertProps): default_2.JSX.Element;
+
+export declare interface AlertProps {
+    variant?: AlertVariant;
+    title?: string;
+    message: string;
+    dismissible?: boolean;
+    onDismiss?: () => void;
+    className?: string;
+}
+
+export declare type AlertVariant = 'info' | 'success' | 'warning' | 'error';
+
+export declare function Avatar({ src, alt, initials, size, status, className }: AvatarProps): default_2.JSX.Element;
+
+export declare interface AvatarProps {
+    src?: string;
+    alt?: string;
+    initials?: string;
+    size?: AvatarSize;
+    status?: 'online' | 'offline' | 'busy' | 'away';
+    className?: string;
+}
+
+export declare type AvatarSize = 'sm' | 'md' | 'lg' | 'xl';
+
+export declare function Badge({ children, variant, size, dot, className }: BadgeProps): default_2.JSX.Element;
+
+export declare interface BadgeProps {
+    children: default_2.ReactNode;
+    variant?: BadgeVariant;
+    size?: BadgeSize;
+    dot?: boolean;
+    className?: string;
+}
+
+export declare type BadgeSize = 'sm' | 'md' | 'lg';
+
+export declare type BadgeVariant = 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info';
+
+export declare interface BreadcrumbItem {
+    label: string;
+    href?: string;
+    onClick?: () => void;
+}
+
+export declare function Breadcrumbs({ items, separator, className }: BreadcrumbsProps): default_2.JSX.Element;
+
+export declare interface BreadcrumbsProps {
+    items: BreadcrumbItem[];
+    separator?: string;
+    className?: string;
+}
+
+export declare function Button({ variant, size, fullWidth, loading, disabled, className, children, ...props }: ButtonProps): default_2.JSX.Element;
+
+export declare function ButtonGroup({ children, orientation, fullWidth, className }: ButtonGroupProps): default_2.JSX.Element;
+
+export declare type ButtonGroupOrientation = 'horizontal' | 'vertical';
+
+export declare interface ButtonGroupProps {
+    children: default_2.ReactNode;
+    orientation?: ButtonGroupOrientation;
+    fullWidth?: boolean;
+    className?: string;
+}
+
+export declare interface ButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    fullWidth?: boolean;
+    loading?: boolean;
+    children: default_2.ReactNode;
+}
+
+export declare type ButtonSize = 'sm' | 'md' | 'lg';
+
+export declare type ButtonVariant = 'primary' | 'secondary' | 'success' | 'danger' | 'outline' | 'ghost';
+
+export declare function Card({ children, title, subtitle, footer, image, hoverable, className, onClick }: CardProps): default_2.JSX.Element;
+
+export declare interface CardProps {
+    children: default_2.ReactNode;
+    title?: string;
+    subtitle?: string;
+    footer?: default_2.ReactNode;
+    image?: string;
+    hoverable?: boolean;
+    className?: string;
+    onClick?: () => void;
+}
+
+export declare function Checkbox({ label, indeterminate, className, ...props }: CheckboxProps): default_2.JSX.Element;
+
+export declare interface CheckboxProps extends Omit<default_2.InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    label?: string;
+    indeterminate?: boolean;
+}
+
+export declare function Combobox({ options, value: controlledValue, defaultValue, onChange, placeholder, disabled, className, allowCustomValue, filterFunction }: ComboboxProps): default_2.JSX.Element;
+
+export declare interface ComboboxOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+
+export declare interface ComboboxProps {
+    options: ComboboxOption[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+    allowCustomValue?: boolean;
+    filterFunction?: (option: ComboboxOption, searchTerm: string) => 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 DatePicker({ value, onChange, minDate, maxDate, className, ...props }: DatePickerProps): default_2.JSX.Element;
+
+export declare interface DatePickerProps extends Omit<default_2.InputHTMLAttributes<HTMLInputElement>, 'type' | 'value' | 'onChange'> {
+    value?: Date;
+    onChange?: (date: Date | null) => void;
+    minDate?: Date;
+    maxDate?: Date;
+}
+
+export declare interface DateRange {
+    start: Date | null;
+    end: Date | null;
+}
+
+export declare function DateRangePicker({ value, onChange, minDate, maxDate, className }: DateRangePickerProps): default_2.JSX.Element;
+
+export declare interface DateRangePickerProps {
+    value?: DateRange;
+    onChange?: (range: DateRange) => void;
+    minDate?: Date;
+    maxDate?: Date;
+    className?: string;
+}
+
+export declare function Divider({ orientation, variant, label, className }: DividerProps): default_2.JSX.Element;
+
+export declare type DividerOrientation = 'horizontal' | 'vertical';
+
+export declare interface DividerProps {
+    orientation?: DividerOrientation;
+    variant?: DividerVariant;
+    label?: string;
+    className?: string;
+}
+
+export declare type DividerVariant = 'solid' | 'dashed' | 'dotted';
+
+export declare function Dropdown({ options, value, onChange, placeholder, disabled, className }: DropdownProps): default_2.JSX.Element;
+
+export declare interface DropdownOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+
+export declare interface DropdownProps {
+    options: DropdownOption[];
+    value?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+}
+
+export declare interface FileItem {
+    file: File;
+    status: FileStatus;
+    progress?: number;
+    error?: string;
+}
+
+export declare function FilePicker({ accept, multiple, maxSize, disabled, onChange, onUpload, className }: FilePickerProps): default_2.JSX.Element;
+
+export declare interface FilePickerProps {
+    accept?: string;
+    multiple?: boolean;
+    maxSize?: number;
+    disabled?: boolean;
+    onChange?: (files: FileItem[]) => void;
+    onUpload?: (file: File) => Promise<void>;
+    className?: string;
+}
+
+export declare type FileStatus = 'idle' | 'processing' | 'uploaded' | 'failed';
+
+export declare function Header({ logo, title, children, actions, sticky, className }: HeaderProps): default_2.JSX.Element;
+
+export declare interface HeaderProps {
+    logo?: default_2.ReactNode;
+    title?: string;
+    children?: default_2.ReactNode;
+    actions?: default_2.ReactNode;
+    sticky?: boolean;
+    className?: string;
+}
+
+export declare const Input: default_2.ForwardRefExoticComponent<InputProps & default_2.RefAttributes<HTMLInputElement>>;
+
+export declare interface InputProps extends Omit<default_2.InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    label?: string;
+    error?: string;
+    helperText?: string;
+    size?: InputSize;
+    variant?: InputVariant;
+    icon?: default_2.ReactNode;
+    fullWidth?: boolean;
+}
+
+export declare type InputSize = 'sm' | 'md' | 'lg';
+
+export declare type InputVariant = 'default' | 'error' | 'success';
+
+export declare function Label({ size, required, disabled, className, children, ...props }: LabelProps): default_2.JSX.Element;
+
+export declare interface LabelProps extends default_2.LabelHTMLAttributes<HTMLLabelElement> {
+    size?: LabelSize;
+    required?: boolean;
+    disabled?: boolean;
+    children: default_2.ReactNode;
+}
+
+export declare type LabelSize = 'sm' | 'md' | 'lg';
+
+export declare function List({ items, hoverable, dividers, className }: ListProps): default_2.JSX.Element;
+
+export declare interface ListItem {
+    id: string;
+    content: default_2.ReactNode;
+    icon?: default_2.ReactNode;
+    badge?: default_2.ReactNode;
+    disabled?: boolean;
+    onClick?: () => void;
+}
+
+export declare interface ListProps {
+    items: ListItem[];
+    hoverable?: boolean;
+    dividers?: boolean;
+    className?: string;
+}
+
+export declare function Modal({ isOpen, onClose, title, children, footer, size, closeOnOverlayClick, showCloseButton, className }: ModalProps): default_2.JSX.Element | null;
+
+export declare interface ModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    title?: string;
+    children: default_2.ReactNode;
+    footer?: default_2.ReactNode;
+    size?: ModalSize;
+    closeOnOverlayClick?: boolean;
+    showCloseButton?: boolean;
+    className?: string;
+}
+
+export declare type ModalSize = 'sm' | 'md' | 'lg' | 'xl';
+
+export declare interface NavItem {
+    id: string;
+    label: string;
+    icon?: default_2.ReactNode;
+    href?: string;
+    onClick?: () => void;
+    children?: NavItem[];
+    disabled?: boolean;
+    badge?: default_2.ReactNode;
+    megaMenu?: boolean;
+}
+
+export declare type NavOrientation = 'vertical' | 'horizontal';
+
+export declare function Pagination({ currentPage, totalPages, onPageChange, showFirstLast, siblingCount, className }: PaginationProps): default_2.JSX.Element;
+
+export declare interface PaginationProps {
+    currentPage: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+    showFirstLast?: boolean;
+    siblingCount?: number;
+    className?: string;
+}
+
+export declare function ProgressBar({ value, max, variant, size, showLabel, label, animated, striped, className }: ProgressBarProps): default_2.JSX.Element;
+
+export declare interface ProgressBarProps {
+    value: number;
+    max?: number;
+    variant?: ProgressBarVariant;
+    size?: ProgressBarSize;
+    showLabel?: boolean;
+    label?: string;
+    animated?: boolean;
+    striped?: boolean;
+    className?: string;
+}
+
+export declare type ProgressBarSize = 'sm' | 'md' | 'lg';
+
+export declare type ProgressBarVariant = 'default' | 'success' | 'warning' | 'error' | 'info';
+
+export declare function RadioButton({ label, value, name, checked, disabled, onChange, className, ...props }: RadioButtonProps): default_2.JSX.Element;
+
+export declare interface RadioButtonProps extends Omit<default_2.InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    label?: string;
+    value: string;
+    name: string;
+    checked?: boolean;
+    disabled?: boolean;
+    onChange?: (event: default_2.ChangeEvent<HTMLInputElement>) => void;
+}
+
+export declare function RangeInput({ label, min, max, step, value, showValue, showMinMax, onChange, className, disabled, ...props }: RangeInputProps): default_2.JSX.Element;
+
+export declare interface RangeInputProps extends Omit<default_2.InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    label?: string;
+    min?: number;
+    max?: number;
+    step?: number;
+    value?: number;
+    showValue?: boolean;
+    showMinMax?: boolean;
+    onChange?: (event: default_2.ChangeEvent<HTMLInputElement>) => void;
+}
+
+export declare function RichSelect({ options, value, onChange, placeholder, disabled, searchable, className }: RichSelectProps): default_2.JSX.Element;
+
+export declare interface RichSelectOption {
+    label: string;
+    value: string;
+    description?: string;
+    icon?: default_2.ReactNode;
+    disabled?: boolean;
+}
+
+export declare interface RichSelectProps {
+    options: RichSelectOption[];
+    value?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    searchable?: boolean;
+    className?: string;
+}
+
+export declare function SidePanel({ isOpen, onClose, title, children, footer, position, size, closeOnOverlayClick, showCloseButton, className }: SidePanelProps): default_2.JSX.Element | null;
+
+export declare type SidePanelPosition = 'left' | 'right';
+
+export declare interface SidePanelProps {
+    isOpen: boolean;
+    onClose: () => void;
+    title?: string;
+    children: default_2.ReactNode;
+    footer?: default_2.ReactNode;
+    position?: SidePanelPosition;
+    size?: SidePanelSize;
+    closeOnOverlayClick?: boolean;
+    showCloseButton?: boolean;
+    className?: string;
+}
+
+export declare type SidePanelSize = 'sm' | 'md' | 'lg';
+
+export declare function Signpost({ trigger, children, position, className }: SignpostProps): default_2.JSX.Element;
+
+export declare type SignpostPosition = 'top' | 'bottom' | 'left' | 'right';
+
+export declare interface SignpostProps {
+    trigger: default_2.ReactNode;
+    children: default_2.ReactNode;
+    position?: SignpostPosition;
+    className?: string;
+}
+
+export declare function Spinner({ size, variant, className, label }: SpinnerProps): default_2.JSX.Element;
+
+export declare interface SpinnerProps {
+    size?: SpinnerSize;
+    variant?: SpinnerVariant;
+    className?: string;
+    label?: string;
+}
+
+export declare type SpinnerSize = 'sm' | 'md' | 'lg';
+
+export declare type SpinnerVariant = 'default' | 'primary' | 'secondary';
+
+export declare function StackView({ children, direction, align, justify, spacing, wrap, className, style }: StackViewProps): default_2.JSX.Element;
+
+export declare type StackViewAlign = 'start' | 'center' | 'end' | 'stretch';
+
+export declare type StackViewDirection = 'horizontal' | 'vertical';
+
+export declare type StackViewJustify = 'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly';
+
+export declare interface StackViewProps {
+    children: default_2.ReactNode;
+    direction?: StackViewDirection;
+    align?: StackViewAlign;
+    justify?: StackViewJustify;
+    spacing?: StackViewSpacing;
+    wrap?: boolean;
+    className?: string;
+    style?: default_2.CSSProperties;
+}
+
+export declare type StackViewSpacing = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+
+export declare function Stepper({ steps, currentStep, orientation, onStepClick, className }: StepperProps): default_2.JSX.Element;
+
+export declare type StepperOrientation = 'horizontal' | 'vertical';
+
+export declare interface StepperProps {
+    steps: StepperStep[];
+    currentStep: number;
+    orientation?: StepperOrientation;
+    onStepClick?: (index: number) => void;
+    className?: string;
+}
+
+export declare interface StepperStep {
+    label: string;
+    description?: string;
+    icon?: default_2.ReactNode;
+}
+
+export declare interface TabItem {
+    id: string;
+    label: string;
+    content: default_2.ReactNode;
+    disabled?: boolean;
+    icon?: default_2.ReactNode;
+}
+
+export declare function Table<T = any>({ columns, data, striped, hoverable, bordered, compact, onRowClick, className }: TableProps<T>): default_2.JSX.Element;
+
+export declare interface TableColumn<T = any> {
+    key: string;
+    header: string;
+    width?: string;
+    render?: (value: any, row: T) => default_2.ReactNode;
+}
+
+export declare interface TableProps<T = any> {
+    columns: TableColumn<T>[];
+    data: T[];
+    striped?: boolean;
+    hoverable?: boolean;
+    bordered?: boolean;
+    compact?: boolean;
+    onRowClick?: (row: T) => void;
+    className?: string;
+}
+
+export declare function Tabs({ items, defaultActiveId, variant, fullWidth, onChange, className }: TabsProps): default_2.JSX.Element;
+
+export declare interface TabsProps {
+    items: TabItem[];
+    defaultActiveId?: string;
+    variant?: TabsVariant;
+    fullWidth?: boolean;
+    onChange?: (id: string) => void;
+    className?: string;
+}
+
+export declare type TabsVariant = 'default' | 'pills' | 'underline';
+
+export declare const Textarea: default_2.ForwardRefExoticComponent<TextareaProps & default_2.RefAttributes<HTMLTextAreaElement>>;
+
+export declare interface TextareaProps extends default_2.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    label?: string;
+    helperText?: string;
+    error?: string;
+    size?: TextareaSize;
+    variant?: TextareaVariant;
+    fullWidth?: boolean;
+    resize?: 'none' | 'vertical' | 'horizontal' | 'both';
+}
+
+export declare type TextareaSize = 'sm' | 'md' | 'lg';
+
+export declare type TextareaVariant = 'default' | 'success' | 'error';
+
+export declare function Timeline({ items, orientation, className }: TimelineProps): default_2.JSX.Element;
+
+export declare interface TimelineItem {
+    id: string;
+    title: string;
+    description?: string;
+    date?: string;
+    icon?: default_2.ReactNode;
+    color?: 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info';
+}
+
+export declare type TimelineOrientation = 'vertical' | 'horizontal';
+
+export declare interface TimelineProps {
+    items: TimelineItem[];
+    orientation?: TimelineOrientation;
+    className?: string;
+}
+
+declare interface ToastContextValue {
+    showToast: (message: string, options?: ToastOptions) => void;
+}
+
+export declare interface ToastOptions {
+    variant?: ToastVariant;
+    duration?: number;
+    dismissible?: boolean;
+}
+
+export declare type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+
+export declare function ToastProvider({ children, position, maxToasts }: ToastProviderProps): default_2.JSX.Element;
+
+export declare interface ToastProviderProps {
+    children: default_2.ReactNode;
+    position?: ToastPosition;
+    maxToasts?: number;
+}
+
+export declare type ToastVariant = 'info' | 'success' | 'warning' | 'error';
+
+export declare function ToggleSwitch({ checked, defaultChecked, onChange, label, disabled, size, className }: ToggleSwitchProps): default_2.JSX.Element;
+
+export declare interface ToggleSwitchProps {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (checked: boolean) => void;
+    label?: string;
+    disabled?: boolean;
+    size?: ToggleSwitchSize;
+    className?: string;
+}
+
+export declare type ToggleSwitchSize = 'sm' | 'md' | 'lg';
+
+export declare function Tooltip({ children, content, position, delay, className }: TooltipProps): default_2.JSX.Element;
+
+export declare type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
+
+export declare interface TooltipProps {
+    children: default_2.ReactElement;
+    content: default_2.ReactNode;
+    position?: TooltipPosition;
+    delay?: number;
+    className?: string;
+}
+
+export declare interface TreeNode {
+    id: string;
+    label: string;
+    icon?: default_2.ReactNode;
+    children?: TreeNode[];
+    disabled?: boolean;
+}
+
+export declare function TreeView({ data, defaultExpandedIds, onNodeClick, className }: TreeViewProps): default_2.JSX.Element;
+
+export declare interface TreeViewProps {
+    data: TreeNode[];
+    defaultExpandedIds?: string[];
+    onNodeClick?: (node: TreeNode) => void;
+    className?: string;
+}
+
+export declare function useToast(): ToastContextValue;
+
+export declare function VerticalNav({ items, orientation, defaultExpandedIds, onItemClick, className, collapsed }: VerticalNavProps): default_2.JSX.Element;
+
+export declare interface VerticalNavProps {
+    items: NavItem[];
+    orientation?: NavOrientation;
+    defaultExpandedIds?: string[];
+    onItemClick?: (item: NavItem) => void;
+    className?: string;
+    collapsed?: boolean;
+}
+
+export { }