@marcoschwartz/lite-ui 0.4.1 → 0.7.0

package/dist/index.d.mts

@@ -67,6 +67,22 @@ interface SidebarProviderProps {
 declare const SidebarProvider: React.FC<SidebarProviderProps>;
 declare const useSidebar: () => SidebarContextValue;
 
+interface AppShellProps {
+    children: React.ReactNode;
+    navbar?: {
+        content: React.ReactNode;
+        width?: 'sm' | 'md' | 'lg';
+        breakpoint?: 'sm' | 'md' | 'lg' | 'xl';
+    };
+    header?: React.ReactNode;
+    navbarTitle?: string;
+    navbarLogo?: React.ReactNode;
+    defaultNavbarOpen?: boolean;
+    responsive?: boolean;
+    className?: string;
+}
+declare const AppShell: React.FC<AppShellProps>;
+
 interface DrawerProps {
     isOpen: boolean;
     onClose: () => void;
@@ -206,6 +222,143 @@ interface DateTimePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputEl
 }
 declare const DateTimePicker: React.ForwardRefExoticComponent<DateTimePickerProps & React.RefAttributes<HTMLInputElement>>;
 
+interface RadioOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+interface RadioProps {
+    name: string;
+    options: RadioOption[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    disabled?: boolean;
+    orientation?: 'horizontal' | 'vertical';
+    className?: string;
+}
+declare const Radio: React.FC<RadioProps>;
+
+interface ProgressBarProps {
+    value: number;
+    max?: number;
+    size?: 'sm' | 'md' | 'lg';
+    variant?: 'default' | 'success' | 'warning' | 'danger';
+    showLabel?: boolean;
+    label?: string;
+    className?: string;
+}
+declare const ProgressBar: React.FC<ProgressBarProps>;
+
+interface SliderProps {
+    value?: number;
+    defaultValue?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    onChange?: (value: number) => void;
+    disabled?: boolean;
+    showValue?: boolean;
+    label?: string;
+    className?: string;
+}
+declare const Slider: React.FC<SliderProps>;
+
+interface AvatarProps {
+    src?: string;
+    alt?: string;
+    name?: string;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    shape?: 'circle' | 'square';
+    className?: string;
+    fallbackColor?: string;
+}
+declare const Avatar: React.FC<AvatarProps>;
+
+interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> {
+    label?: string;
+    error?: string;
+    helperText?: string;
+    size?: 'sm' | 'md' | 'lg';
+    resize?: 'none' | 'vertical' | 'horizontal' | 'both';
+}
+declare const Textarea: React.FC<TextareaProps>;
+
+interface Toast {
+    id: string;
+    message: string;
+    type?: 'success' | 'error' | 'warning' | 'info';
+    duration?: number;
+}
+interface ToastContextValue {
+    toasts: Toast[];
+    addToast: (toast: Omit<Toast, 'id'>) => void;
+    removeToast: (id: string) => void;
+}
+declare const useToast: () => ToastContextValue;
+interface ToastProviderProps {
+    children: React.ReactNode;
+    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-center' | 'bottom-center';
+}
+declare const ToastProvider: React.FC<ToastProviderProps>;
+declare const toast: {
+    success: (message: string, duration?: number) => {
+        message: string;
+        type: "success";
+        duration: number | undefined;
+    };
+    error: (message: string, duration?: number) => {
+        message: string;
+        type: "error";
+        duration: number | undefined;
+    };
+    warning: (message: string, duration?: number) => {
+        message: string;
+        type: "warning";
+        duration: number | undefined;
+    };
+    info: (message: string, duration?: number) => {
+        message: string;
+        type: "info";
+        duration: number | undefined;
+    };
+};
+
+interface Step {
+    label: string;
+    description?: string;
+}
+interface StepperProps {
+    steps: Step[];
+    currentStep: number;
+    orientation?: 'horizontal' | 'vertical';
+    className?: string;
+}
+declare const Stepper: React.FC<StepperProps>;
+
+interface DividerProps {
+    orientation?: 'horizontal' | 'vertical';
+    variant?: 'solid' | 'dashed' | 'dotted';
+    className?: string;
+    label?: string;
+    labelPosition?: 'left' | 'center' | 'right';
+}
+declare const Divider: React.FC<DividerProps>;
+
+interface FileUploadProps {
+    accept?: string;
+    multiple?: boolean;
+    maxSize?: number;
+    maxFiles?: number;
+    disabled?: boolean;
+    onChange?: (files: File[]) => void;
+    onError?: (error: string) => void;
+    className?: string;
+    label?: string;
+    helperText?: string;
+}
+declare const FileUpload: React.FC<FileUploadProps>;
+
 type ThemeName = 'default' | 'minimalistic';
 interface ButtonTheme {
     primary: string;
@@ -275,34 +428,63 @@ interface IconProps {
 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;
+
 declare const GoogleIcon: IconComponent;
+
 declare const GitHubIcon: IconComponent;
+
 declare const TwitterIcon: IconComponent;
+
 declare const FacebookIcon: IconComponent;
+
 declare const AppleIcon: IconComponent;
+
 declare const LinkedInIcon: IconComponent;
+
 declare const YouTubeIcon: IconComponent;
+
 declare const SlackIcon: IconComponent;
 
-export { ActionMenu, type ActionMenuItem, type ActionMenuProps, Alert, type AlertProps, AppleIcon, 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, FacebookIcon, GitHubIcon, GoogleIcon, HeartIcon, HomeIcon, type IconComponent, type IconProps, LinkedInIcon, 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, SlackIcon, 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, TwitterIcon, UploadIcon, UserIcon, YouTubeIcon, getThemeScript, themeScript, themes, useSidebar, useTheme };
+export { ActionMenu, type ActionMenuItem, type ActionMenuProps, Alert, type AlertProps, AppShell, type AppShellProps, AppleIcon, Avatar, type AvatarProps, 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, Divider, type DividerProps, DownloadIcon, Drawer, type DrawerProps, EditIcon, FacebookIcon, FileUpload, type FileUploadProps, GitHubIcon, GoogleIcon, HeartIcon, HomeIcon, type IconComponent, type IconProps, LinkedInIcon, LockIcon, MailIcon, MenuIcon, Modal, type ModalProps, Navbar, type NavbarProps, Pagination, type PaginationProps, PlusIcon, ProgressBar, type ProgressBarProps, Radio, type RadioOption, type RadioProps, SearchIcon, Select, type SelectOption, type SelectProps, type SelectTheme, SettingsIcon, Sidebar, type SidebarContextValue, type SidebarProps, SidebarProvider, type SidebarProviderProps, SlackIcon, Slider, type SliderProps, Spinner, type SpinnerProps, StarIcon, type Step, Stepper, type StepperProps, type Tab, Table, type TableProps, Tabs, type TabsProps, TextInput, type TextInputProps, Textarea, type TextareaProps, type Theme, type ThemeName, ThemeProvider, TimePicker, type TimePickerProps, type Toast, ToastProvider, type ToastProviderProps, Toggle, type ToggleProps, TrashIcon, TwitterIcon, UploadIcon, UserIcon, YouTubeIcon, getThemeScript, themeScript, themes, toast, useSidebar, useTheme, useToast };

package/dist/index.d.ts

@@ -67,6 +67,22 @@ interface SidebarProviderProps {
 declare const SidebarProvider: React.FC<SidebarProviderProps>;
 declare const useSidebar: () => SidebarContextValue;
 
+interface AppShellProps {
+    children: React.ReactNode;
+    navbar?: {
+        content: React.ReactNode;
+        width?: 'sm' | 'md' | 'lg';
+        breakpoint?: 'sm' | 'md' | 'lg' | 'xl';
+    };
+    header?: React.ReactNode;
+    navbarTitle?: string;
+    navbarLogo?: React.ReactNode;
+    defaultNavbarOpen?: boolean;
+    responsive?: boolean;
+    className?: string;
+}
+declare const AppShell: React.FC<AppShellProps>;
+
 interface DrawerProps {
     isOpen: boolean;
     onClose: () => void;
@@ -206,6 +222,143 @@ interface DateTimePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputEl
 }
 declare const DateTimePicker: React.ForwardRefExoticComponent<DateTimePickerProps & React.RefAttributes<HTMLInputElement>>;
 
+interface RadioOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+interface RadioProps {
+    name: string;
+    options: RadioOption[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    disabled?: boolean;
+    orientation?: 'horizontal' | 'vertical';
+    className?: string;
+}
+declare const Radio: React.FC<RadioProps>;
+
+interface ProgressBarProps {
+    value: number;
+    max?: number;
+    size?: 'sm' | 'md' | 'lg';
+    variant?: 'default' | 'success' | 'warning' | 'danger';
+    showLabel?: boolean;
+    label?: string;
+    className?: string;
+}
+declare const ProgressBar: React.FC<ProgressBarProps>;
+
+interface SliderProps {
+    value?: number;
+    defaultValue?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    onChange?: (value: number) => void;
+    disabled?: boolean;
+    showValue?: boolean;
+    label?: string;
+    className?: string;
+}
+declare const Slider: React.FC<SliderProps>;
+
+interface AvatarProps {
+    src?: string;
+    alt?: string;
+    name?: string;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    shape?: 'circle' | 'square';
+    className?: string;
+    fallbackColor?: string;
+}
+declare const Avatar: React.FC<AvatarProps>;
+
+interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> {
+    label?: string;
+    error?: string;
+    helperText?: string;
+    size?: 'sm' | 'md' | 'lg';
+    resize?: 'none' | 'vertical' | 'horizontal' | 'both';
+}
+declare const Textarea: React.FC<TextareaProps>;
+
+interface Toast {
+    id: string;
+    message: string;
+    type?: 'success' | 'error' | 'warning' | 'info';
+    duration?: number;
+}
+interface ToastContextValue {
+    toasts: Toast[];
+    addToast: (toast: Omit<Toast, 'id'>) => void;
+    removeToast: (id: string) => void;
+}
+declare const useToast: () => ToastContextValue;
+interface ToastProviderProps {
+    children: React.ReactNode;
+    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-center' | 'bottom-center';
+}
+declare const ToastProvider: React.FC<ToastProviderProps>;
+declare const toast: {
+    success: (message: string, duration?: number) => {
+        message: string;
+        type: "success";
+        duration: number | undefined;
+    };
+    error: (message: string, duration?: number) => {
+        message: string;
+        type: "error";
+        duration: number | undefined;
+    };
+    warning: (message: string, duration?: number) => {
+        message: string;
+        type: "warning";
+        duration: number | undefined;
+    };
+    info: (message: string, duration?: number) => {
+        message: string;
+        type: "info";
+        duration: number | undefined;
+    };
+};
+
+interface Step {
+    label: string;
+    description?: string;
+}
+interface StepperProps {
+    steps: Step[];
+    currentStep: number;
+    orientation?: 'horizontal' | 'vertical';
+    className?: string;
+}
+declare const Stepper: React.FC<StepperProps>;
+
+interface DividerProps {
+    orientation?: 'horizontal' | 'vertical';
+    variant?: 'solid' | 'dashed' | 'dotted';
+    className?: string;
+    label?: string;
+    labelPosition?: 'left' | 'center' | 'right';
+}
+declare const Divider: React.FC<DividerProps>;
+
+interface FileUploadProps {
+    accept?: string;
+    multiple?: boolean;
+    maxSize?: number;
+    maxFiles?: number;
+    disabled?: boolean;
+    onChange?: (files: File[]) => void;
+    onError?: (error: string) => void;
+    className?: string;
+    label?: string;
+    helperText?: string;
+}
+declare const FileUpload: React.FC<FileUploadProps>;
+
 type ThemeName = 'default' | 'minimalistic';
 interface ButtonTheme {
     primary: string;
@@ -275,34 +428,63 @@ interface IconProps {
 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;
+
 declare const GoogleIcon: IconComponent;
+
 declare const GitHubIcon: IconComponent;
+
 declare const TwitterIcon: IconComponent;
+
 declare const FacebookIcon: IconComponent;
+
 declare const AppleIcon: IconComponent;
+
 declare const LinkedInIcon: IconComponent;
+
 declare const YouTubeIcon: IconComponent;
+
 declare const SlackIcon: IconComponent;
 
-export { ActionMenu, type ActionMenuItem, type ActionMenuProps, Alert, type AlertProps, AppleIcon, 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, FacebookIcon, GitHubIcon, GoogleIcon, HeartIcon, HomeIcon, type IconComponent, type IconProps, LinkedInIcon, 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, SlackIcon, 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, TwitterIcon, UploadIcon, UserIcon, YouTubeIcon, getThemeScript, themeScript, themes, useSidebar, useTheme };
+export { ActionMenu, type ActionMenuItem, type ActionMenuProps, Alert, type AlertProps, AppShell, type AppShellProps, AppleIcon, Avatar, type AvatarProps, 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, Divider, type DividerProps, DownloadIcon, Drawer, type DrawerProps, EditIcon, FacebookIcon, FileUpload, type FileUploadProps, GitHubIcon, GoogleIcon, HeartIcon, HomeIcon, type IconComponent, type IconProps, LinkedInIcon, LockIcon, MailIcon, MenuIcon, Modal, type ModalProps, Navbar, type NavbarProps, Pagination, type PaginationProps, PlusIcon, ProgressBar, type ProgressBarProps, Radio, type RadioOption, type RadioProps, SearchIcon, Select, type SelectOption, type SelectProps, type SelectTheme, SettingsIcon, Sidebar, type SidebarContextValue, type SidebarProps, SidebarProvider, type SidebarProviderProps, SlackIcon, Slider, type SliderProps, Spinner, type SpinnerProps, StarIcon, type Step, Stepper, type StepperProps, type Tab, Table, type TableProps, Tabs, type TabsProps, TextInput, type TextInputProps, Textarea, type TextareaProps, type Theme, type ThemeName, ThemeProvider, TimePicker, type TimePickerProps, type Toast, ToastProvider, type ToastProviderProps, Toggle, type ToggleProps, TrashIcon, TwitterIcon, UploadIcon, UserIcon, YouTubeIcon, getThemeScript, themeScript, themes, toast, useSidebar, useTheme, useToast };