@marcoschwartz/lite-ui 0.1.0 → 0.3.1

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
@@ -23,6 +23,186 @@ interface SelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'size'
 }
 declare const Select: React.FC<SelectProps>;
 
+interface ModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    title?: string;
+    children: React.ReactNode;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    showCloseButton?: boolean;
+}
+declare const Modal: React.FC<ModalProps>;
+
+interface NavbarProps {
+    logo?: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+    sticky?: boolean;
+}
+declare const Navbar: React.FC<NavbarProps>;
+
+interface SidebarProps {
+    children: React.ReactNode;
+    className?: string;
+    width?: 'sm' | 'md' | 'lg';
+    position?: 'left' | 'right';
+}
+declare const Sidebar: React.FC<SidebarProps>;
+
+interface SidebarContextValue {
+    isOpen: boolean;
+    isMobile: boolean;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+    setIsMobile: (isMobile: boolean) => void;
+}
+interface SidebarProviderProps {
+    children: ReactNode;
+    defaultOpen?: boolean;
+}
+declare const SidebarProvider: React.FC<SidebarProviderProps>;
+declare const useSidebar: () => SidebarContextValue;
+
+interface DrawerProps {
+    isOpen: boolean;
+    onClose: () => void;
+    title?: string;
+    children: React.ReactNode;
+    position?: 'left' | 'right' | 'top' | 'bottom';
+    size?: 'sm' | 'md' | 'lg';
+    showCloseButton?: boolean;
+}
+declare const Drawer: React.FC<DrawerProps>;
+
+interface TextInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    label?: string;
+    error?: string;
+    helperText?: string;
+    size?: 'sm' | 'md' | 'lg';
+    fullWidth?: boolean;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+}
+declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
+
+interface ActionMenuItem {
+    label: string;
+    onClick: () => void;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    variant?: 'default' | 'danger';
+}
+interface ActionMenuProps {
+    items: ActionMenuItem[];
+    trigger?: React.ReactNode;
+    position?: 'left' | 'right';
+}
+declare const ActionMenu: React.FC<ActionMenuProps>;
+
+interface CardProps {
+    children: React.ReactNode;
+    className?: string;
+    padding?: 'none' | 'sm' | 'md' | 'lg';
+    hover?: boolean;
+}
+declare const Card: React.FC<CardProps>;
+
+interface AlertProps {
+    variant?: 'info' | 'success' | 'warning' | 'error';
+    title?: string;
+    children: React.ReactNode;
+    onClose?: () => void;
+    className?: string;
+}
+declare const Alert: React.FC<AlertProps>;
+
+interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    label?: string;
+    error?: string;
+}
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+
+interface ToggleProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
+    label?: string;
+    size?: 'sm' | 'md' | 'lg';
+}
+declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLInputElement>>;
+
+interface BadgeProps {
+    children: React.ReactNode;
+    variant?: 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info';
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+}
+declare const Badge: React.FC<BadgeProps>;
+
+interface SpinnerProps {
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    color?: 'primary' | 'secondary' | 'white';
+    className?: string;
+}
+declare const Spinner: React.FC<SpinnerProps>;
+
+interface Tab {
+    label: string;
+    content: React.ReactNode;
+    disabled?: boolean;
+}
+interface TabsProps {
+    tabs: Tab[];
+    defaultIndex?: number;
+    onChange?: (index: number) => void;
+    className?: string;
+}
+declare const Tabs: React.FC<TabsProps>;
+
+interface Column<T = any> {
+    key: string;
+    title: string;
+    render?: (value: any, row: T, index: number) => React.ReactNode;
+    width?: string;
+}
+interface TableProps<T = any> {
+    columns: Column<T>[];
+    data: T[];
+    keyField?: string;
+    striped?: boolean;
+    hoverable?: boolean;
+    className?: string;
+}
+declare function Table<T extends Record<string, any>>({ columns, data, keyField, striped, hoverable, className, }: TableProps<T>): react_jsx_runtime.JSX.Element;
+
+interface PaginationProps {
+    currentPage: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+    siblingCount?: number;
+    className?: string;
+}
+declare const Pagination: React.FC<PaginationProps>;
+
+interface DatePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    label?: string;
+    error?: string;
+    helperText?: string;
+}
+declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLInputElement>>;
+
+interface TimePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    label?: string;
+    error?: string;
+    helperText?: string;
+}
+declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<HTMLInputElement>>;
+
+interface DateTimePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    label?: string;
+    error?: string;
+    helperText?: string;
+}
+declare const DateTimePicker: React.ForwardRefExoticComponent<DateTimePickerProps & React.RefAttributes<HTMLInputElement>>;
+
 type ThemeName = 'default' | 'minimalistic';
 interface ButtonTheme {
     primary: string;
@@ -84,4 +264,34 @@ declare function ThemeProvider({ children, defaultTheme, defaultColorMode }: The
 declare const themeScript = "\n(function() {\n  try {\n    // Get stored preferences\n    const storedTheme = localStorage.getItem('lite-ui-theme') || 'default';\n    const storedColorMode = localStorage.getItem('lite-ui-color-mode');\n\n    // Determine color mode (system, light, or dark)\n    let colorMode = storedColorMode;\n    if (!colorMode || colorMode === 'system') {\n      colorMode = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n    }\n\n    // Set attributes before render\n    document.documentElement.setAttribute('data-theme', storedTheme);\n    document.documentElement.setAttribute('data-color-mode', colorMode);\n\n    // Add dark class for Tailwind\n    if (colorMode === 'dark') {\n      document.documentElement.classList.add('dark');\n    } else {\n      document.documentElement.classList.remove('dark');\n    }\n  } catch (e) {\n    console.error('Failed to initialize theme:', e);\n  }\n})();\n";
 declare function getThemeScript(): string;
 
-export { Button, type ButtonProps, type ButtonTheme, type ColorMode, Select, type SelectOption, type SelectProps, type SelectTheme, type Theme, type ThemeName, ThemeProvider, getThemeScript, themeScript, themes, useTheme };
+interface IconProps {
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    className?: string;
+    color?: string;
+}
+interface IconComponent extends React.FC<IconProps> {
+    displayName?: string;
+}
+declare const HomeIcon: IconComponent;
+declare const UserIcon: IconComponent;
+declare const SearchIcon: IconComponent;
+declare const BellIcon: IconComponent;
+declare const SettingsIcon: IconComponent;
+declare const MenuIcon: IconComponent;
+declare const CloseIcon: IconComponent;
+declare const ChevronDownIcon: IconComponent;
+declare const ChevronRightIcon: IconComponent;
+declare const CheckIcon: IconComponent;
+declare const PlusIcon: IconComponent;
+declare const TrashIcon: IconComponent;
+declare const EditIcon: IconComponent;
+declare const MailIcon: IconComponent;
+declare const StarIcon: IconComponent;
+declare const HeartIcon: IconComponent;
+declare const DownloadIcon: IconComponent;
+declare const UploadIcon: IconComponent;
+declare const CameraIcon: IconComponent;
+declare const LockIcon: IconComponent;
+declare const CalendarIcon: IconComponent;
+
+export { ActionMenu, type ActionMenuItem, type ActionMenuProps, Alert, type AlertProps, Badge, type BadgeProps, BellIcon, Button, type ButtonProps, type ButtonTheme, CalendarIcon, CameraIcon, Card, type CardProps, CheckIcon, Checkbox, type CheckboxProps, ChevronDownIcon, ChevronRightIcon, CloseIcon, type ColorMode, type Column, DatePicker, type DatePickerProps, DateTimePicker, type DateTimePickerProps, DownloadIcon, Drawer, type DrawerProps, EditIcon, HeartIcon, HomeIcon, type IconComponent, type IconProps, LockIcon, MailIcon, MenuIcon, Modal, type ModalProps, Navbar, type NavbarProps, Pagination, type PaginationProps, PlusIcon, SearchIcon, Select, type SelectOption, type SelectProps, type SelectTheme, SettingsIcon, Sidebar, type SidebarContextValue, type SidebarProps, SidebarProvider, type SidebarProviderProps, Spinner, type SpinnerProps, StarIcon, type Tab, Table, type TableProps, Tabs, type TabsProps, TextInput, type TextInputProps, type Theme, type ThemeName, ThemeProvider, TimePicker, type TimePickerProps, Toggle, type ToggleProps, TrashIcon, UploadIcon, UserIcon, getThemeScript, themeScript, themes, useSidebar, useTheme };