@marcoschwartz/lite-ui 0.8.0 → 0.11.0

package/dist/index.d.mts

@@ -26,6 +26,8 @@ interface SelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'size'
     label?: string;
     error?: string;
     helperText?: string;
+    searchable?: boolean;
+    searchPlaceholder?: string;
 }
 declare const Select: React.FC<SelectProps>;
 
@@ -76,6 +78,7 @@ interface AppShellProps {
         content: React.ReactNode;
         width?: 'sm' | 'md' | 'lg';
         breakpoint?: 'sm' | 'md' | 'lg' | 'xl';
+        position?: 'side' | 'top';
     };
     header?: React.ReactNode;
     navbarTitle?: string;
@@ -108,6 +111,25 @@ interface TextInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement
 }
 declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
 
+interface NumberInputProps {
+    label?: string;
+    error?: string;
+    helperText?: string;
+    value?: number;
+    onChange?: (value: number | undefined) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    precision?: number;
+    disabled?: boolean;
+    hideControls?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    fullWidth?: boolean;
+    placeholder?: string;
+    className?: string;
+}
+declare const NumberInput: React.FC<NumberInputProps>;
+
 type ActionMenuItem = {
     type?: 'item';
     label: string;
@@ -122,10 +144,11 @@ interface ActionMenuProps {
     items: ActionMenuItem[];
     trigger?: React.ReactNode;
     position?: 'left' | 'right';
+    placement?: 'top' | 'bottom' | 'left' | 'right';
 }
 declare const ActionMenu: React.FC<ActionMenuProps>;
 
-interface CardProps {
+interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     className?: string;
     padding?: 'none' | 'sm' | 'md' | 'lg';
@@ -290,6 +313,10 @@ interface SliderProps {
     showValue?: boolean;
     label?: string;
     className?: string;
+    range?: boolean;
+    rangeValue?: [number, number];
+    defaultRangeValue?: [number, number];
+    onRangeChange?: (value: [number, number]) => void;
 }
 declare const Slider: React.FC<SliderProps>;
 
@@ -313,6 +340,20 @@ interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaEl
 }
 declare const Textarea: React.FC<TextareaProps>;
 
+interface RichTextEditorProps {
+    value?: string;
+    onChange?: (html: string) => void;
+    placeholder?: string;
+    className?: string;
+    minHeight?: string;
+    maxHeight?: string;
+    disabled?: boolean;
+    label?: string;
+    error?: string;
+    helperText?: string;
+}
+declare const RichTextEditor: React.FC<RichTextEditorProps>;
+
 interface Toast {
     id: string;
     message: string;
@@ -388,6 +429,162 @@ interface FileUploadProps {
 }
 declare const FileUpload: React.FC<FileUploadProps>;
 
+interface Chapter {
+    title: string;
+    startTime: number;
+}
+interface AudioPlayerProps {
+    src: string;
+    title?: string;
+    artist?: string;
+    album?: string;
+    coverArt?: string;
+    variant?: 'default' | 'compact' | 'mini';
+    autoPlay?: boolean;
+    loop?: boolean;
+    preload?: 'none' | 'metadata' | 'auto';
+    onPlay?: () => void;
+    onPause?: () => void;
+    onEnded?: () => void;
+    onTimeUpdate?: (currentTime: number) => void;
+    className?: string;
+    showSkipButtons?: boolean;
+    onSkipBack?: () => void;
+    onSkipForward?: () => void;
+    chapters?: Chapter[];
+    showChapters?: boolean;
+    onChapterChange?: (chapter: Chapter) => void;
+}
+declare const AudioPlayer: React.FC<AudioPlayerProps>;
+
+interface VideoPlayerProps {
+    src: string;
+    poster?: string;
+    title?: string;
+    variant?: 'default' | 'compact';
+    autoPlay?: boolean;
+    loop?: boolean;
+    muted?: boolean;
+    controls?: boolean;
+    preload?: 'none' | 'metadata' | 'auto';
+    width?: string | number;
+    height?: string | number;
+    aspectRatio?: '16:9' | '4:3' | '21:9' | '1:1';
+    onPlay?: () => void;
+    onPause?: () => void;
+    onEnded?: () => void;
+    onTimeUpdate?: (currentTime: number) => void;
+    className?: string;
+    showControls?: boolean;
+    chapters?: Chapter[];
+    showChapters?: boolean;
+    onChapterChange?: (chapter: Chapter) => void;
+}
+declare const VideoPlayer: React.FC<VideoPlayerProps>;
+
+interface LineChartDataPoint {
+    x: string | number;
+    y: number;
+}
+interface LineChartSeries {
+    name: string;
+    data: LineChartDataPoint[];
+    color?: string;
+}
+interface LineChartProps {
+    data: LineChartSeries[];
+    width?: number;
+    height?: number;
+    showGrid?: boolean;
+    showXAxis?: boolean;
+    showYAxis?: boolean;
+    showLegend?: boolean;
+    showTooltip?: boolean;
+    showDots?: boolean;
+    curved?: boolean;
+    strokeWidth?: number;
+    className?: string;
+    xAxisLabel?: string;
+    yAxisLabel?: string;
+}
+declare const LineChart: React.FC<LineChartProps>;
+
+interface BarChartDataPoint {
+    x: string | number;
+    y: number;
+}
+interface BarChartSeries {
+    name: string;
+    data: BarChartDataPoint[];
+    color?: string;
+}
+interface BarChartProps {
+    data: BarChartSeries[];
+    width?: number;
+    height?: number;
+    showGrid?: boolean;
+    showXAxis?: boolean;
+    showYAxis?: boolean;
+    showLegend?: boolean;
+    showTooltip?: boolean;
+    showValues?: boolean;
+    stacked?: boolean;
+    horizontal?: boolean;
+    barWidth?: number;
+    className?: string;
+    xAxisLabel?: string;
+    yAxisLabel?: string;
+}
+declare const BarChart: React.FC<BarChartProps>;
+
+interface AreaChartDataPoint {
+    x: string | number;
+    y: number;
+}
+interface AreaChartSeries {
+    name: string;
+    data: AreaChartDataPoint[];
+    color?: string;
+}
+interface AreaChartProps {
+    data: AreaChartSeries[];
+    width?: number;
+    height?: number;
+    showGrid?: boolean;
+    showXAxis?: boolean;
+    showYAxis?: boolean;
+    showLegend?: boolean;
+    showTooltip?: boolean;
+    showDots?: boolean;
+    curved?: boolean;
+    stacked?: boolean;
+    fillOpacity?: number;
+    strokeWidth?: number;
+    className?: string;
+    xAxisLabel?: string;
+    yAxisLabel?: string;
+}
+declare const AreaChart: React.FC<AreaChartProps>;
+
+interface PieChartDataPoint {
+    label: string;
+    value: number;
+    color?: string;
+}
+interface PieChartProps {
+    data: PieChartDataPoint[];
+    width?: number;
+    height?: number;
+    showLegend?: boolean;
+    showLabels?: boolean;
+    showValues?: boolean;
+    showPercentages?: boolean;
+    donut?: boolean;
+    donutWidth?: number;
+    className?: string;
+}
+declare const PieChart: React.FC<PieChartProps>;
+
 type ThemeName = 'default' | 'minimalistic';
 interface ButtonTheme {
     primary: string;
@@ -431,6 +628,7 @@ interface ThemeContextValue {
     setTheme: (themeName: ThemeName) => void;
     colorMode: ColorMode;
     setColorMode: (mode: ColorMode) => void;
+    toggleColorMode: () => void;
     resolvedColorMode: 'light' | 'dark';
 }
 declare function useTheme(): ThemeContextValue;
@@ -472,33 +670,113 @@ declare const MenuIcon: IconComponent;
 
 declare const CloseIcon: IconComponent;
 
+declare const PlusIcon: IconComponent;
+
+declare const ArrowLeftIcon: IconComponent;
+
+declare const ArrowRightIcon: IconComponent;
+
+declare const ArrowUpIcon: IconComponent;
+
+declare const ArrowDownIcon: IconComponent;
+
 declare const ChevronDownIcon: IconComponent;
 
+declare const ChevronUpIcon: IconComponent;
+
+declare const ChevronLeftIcon: IconComponent;
+
 declare const ChevronRightIcon: IconComponent;
 
+declare const ExternalLinkIcon: IconComponent;
+
 declare const CheckIcon: IconComponent;
 
-declare const PlusIcon: IconComponent;
+declare const CheckCircleIcon: IconComponent;
+
+declare const AlertCircleIcon: IconComponent;
+
+declare const InfoCircleIcon: IconComponent;
 
 declare const TrashIcon: IconComponent;
 
 declare const EditIcon: IconComponent;
 
+declare const CopyIcon: IconComponent;
+
+declare const SaveIcon: IconComponent;
+
+declare const DownloadIcon: IconComponent;
+
+declare const UploadIcon: IconComponent;
+
+declare const RefreshIcon: IconComponent;
+
+declare const EyeIcon: IconComponent;
+
+declare const EyeOffIcon: IconComponent;
+
+declare const PlayIcon: IconComponent;
+
+declare const PauseIcon: IconComponent;
+
+declare const StopIcon: IconComponent;
+
+declare const SkipBackIcon: IconComponent;
+
+declare const SkipForwardIcon: IconComponent;
+
+declare const VolumeUpIcon: IconComponent;
+
+declare const VolumeOffIcon: IconComponent;
+
+declare const FullscreenIcon: IconComponent;
+
+declare const FullscreenExitIcon: IconComponent;
+
 declare const MailIcon: IconComponent;
 
+declare const ChatIcon: IconComponent;
+
 declare const StarIcon: IconComponent;
 
 declare const HeartIcon: IconComponent;
 
-declare const DownloadIcon: IconComponent;
+declare const CameraIcon: IconComponent;
 
-declare const UploadIcon: IconComponent;
+declare const CalendarIcon: IconComponent;
 
-declare const CameraIcon: IconComponent;
+declare const BookIcon: IconComponent;
+
+declare const FileIcon: IconComponent;
+
+declare const FolderIcon: IconComponent;
+
+declare const ImageIcon: IconComponent;
+
+declare const CodeIcon: IconComponent;
+
+declare const TerminalIcon: IconComponent;
+
+declare const DatabaseIcon: IconComponent;
+
+declare const CloudIcon: IconComponent;
+
+declare const PlugIcon: IconComponent;
+
+declare const KeyIcon: IconComponent;
 
 declare const LockIcon: IconComponent;
 
-declare const CalendarIcon: IconComponent;
+declare const ShieldIcon: IconComponent;
+
+declare const SparklesIcon: IconComponent;
+
+declare const BrainIcon: IconComponent;
+
+declare const GlobeIcon: IconComponent;
+
+declare const BeakerIcon: IconComponent;
 
 declare const GoogleIcon: IconComponent;
 
@@ -516,4 +794,4 @@ declare const YouTubeIcon: IconComponent;
 
 declare const SlackIcon: IconComponent;
 
-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, Calendar, CalendarIcon, type CalendarProps, 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 };
+export { ActionMenu, type ActionMenuItem, type ActionMenuProps, Alert, AlertCircleIcon, type AlertProps, AppShell, type AppShellProps, AppleIcon, AreaChart, type AreaChartDataPoint, type AreaChartProps, type AreaChartSeries, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, AudioPlayer, type AudioPlayerProps, Avatar, type AvatarProps, Badge, type BadgeProps, BarChart, type BarChartDataPoint, type BarChartProps, type BarChartSeries, BeakerIcon, BellIcon, BookIcon, BrainIcon, Button, type ButtonProps, type ButtonTheme, Calendar, CalendarIcon, type CalendarProps, CameraIcon, Card, type CardProps, type Chapter, ChatIcon, CheckCircleIcon, CheckIcon, Checkbox, type CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, CloudIcon, CodeIcon, type ColorMode, type Column, CopyIcon, DatabaseIcon, DatePicker, type DatePickerProps, DateTimePicker, type DateTimePickerProps, Divider, type DividerProps, DownloadIcon, Drawer, type DrawerProps, EditIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FileIcon, FileUpload, type FileUploadProps, FolderIcon, FullscreenExitIcon, FullscreenIcon, GitHubIcon, GlobeIcon, GoogleIcon, HeartIcon, HomeIcon, type IconComponent, type IconProps, ImageIcon, InfoCircleIcon, KeyIcon, LineChart, type LineChartDataPoint, type LineChartProps, type LineChartSeries, LinkedInIcon, LockIcon, MailIcon, MenuIcon, Modal, type ModalProps, Navbar, type NavbarProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, PauseIcon, PieChart, type PieChartDataPoint, type PieChartProps, PlayIcon, PlugIcon, PlusIcon, ProgressBar, type ProgressBarProps, Radio, type RadioOption, type RadioProps, RefreshIcon, RichTextEditor, type RichTextEditorProps, SaveIcon, SearchIcon, Select, type SelectOption, type SelectProps, type SelectTheme, SettingsIcon, ShieldIcon, Sidebar, type SidebarContextValue, type SidebarProps, SidebarProvider, type SidebarProviderProps, SkipBackIcon, SkipForwardIcon, SlackIcon, Slider, type SliderProps, SparklesIcon, Spinner, type SpinnerProps, StarIcon, type Step, Stepper, type StepperProps, StopIcon, type Tab, Table, type TableProps, Tabs, type TabsProps, TerminalIcon, 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, VideoPlayer, type VideoPlayerProps, VolumeOffIcon, VolumeUpIcon, YouTubeIcon, getThemeScript, themeScript, themes, toast, useSidebar, useTheme, useToast };