mywhy-ui 0.1.0 → 0.2.0

package/dist/index.d.cts

@@ -45,6 +45,13 @@ interface SelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>
 }
 declare function Select({ size, label, error, options, id, className, ...props }: SelectProps): react_jsx_runtime.JSX.Element;
 
+interface SwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    label?: React.ReactNode;
+    description?: string;
+    error?: string;
+}
+declare function Switch({ label, description, error, id, className, checked, ...props }: SwitchProps): react_jsx_runtime.JSX.Element;
+
 type BadgeTheme = 'brand' | 'success' | 'danger' | 'warning' | 'gray' | 'admin' | 'operator' | 'viewer' | 'online' | 'offline' | 'error';
 interface BadgeProps {
     theme?: BadgeTheme;
@@ -98,6 +105,99 @@ interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement
 }
 declare function Textarea({ size, label, error, resize, id, className, ...props }: TextareaProps): react_jsx_runtime.JSX.Element;
 
+type AlertTheme = 'info' | 'success' | 'warning' | 'danger';
+interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    theme?: AlertTheme;
+    title?: React.ReactNode;
+    icon?: React.ReactNode;
+    onClose?: () => void;
+    isDismissible?: boolean;
+}
+declare function Alert({ theme, title, icon, onClose, isDismissible, children, className, ...props }: AlertProps): react_jsx_runtime.JSX.Element | null;
+
+interface MultiSelectOption {
+    label: string;
+    value: string;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+}
+interface MultiSelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    options: MultiSelectOption[];
+    value?: string[];
+    onChange?: (values: string[]) => void;
+    placeholder?: string;
+    label?: string;
+    description?: string;
+    error?: string;
+    disabled?: boolean;
+    searchable?: boolean;
+    clearable?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+}
+declare function MultiSelect({ options, value, onChange, placeholder, label, description, error, disabled, searchable, clearable, size, className, ...props }: MultiSelectProps): react_jsx_runtime.JSX.Element;
+
+interface FormControlProps extends React.HTMLAttributes<HTMLDivElement> {
+    label?: React.ReactNode;
+    description?: string;
+    error?: string;
+    required?: boolean;
+    helperText?: string;
+    children: React.ReactNode;
+}
+declare function FormControl({ label, description, error, required, helperText, children, className, ...props }: FormControlProps): react_jsx_runtime.JSX.Element;
+
+interface TabItem {
+    label: React.ReactNode;
+    value: string;
+    content: React.ReactNode;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+}
+interface TabsProps {
+    tabs: TabItem[];
+    activeTab?: string;
+    onTabChange?: (value: string) => void;
+    variant?: 'underline' | 'soft';
+    className?: string;
+    tabsClassName?: string;
+    contentClassName?: string;
+}
+declare function Tabs({ tabs, activeTab, onTabChange, variant, className, tabsClassName, contentClassName, }: TabsProps): react_jsx_runtime.JSX.Element;
+
+interface BreadcrumbItem {
+    label: React.ReactNode;
+    href?: string;
+    onClick?: () => void;
+    icon?: React.ReactNode;
+    isActive?: boolean;
+}
+interface BreadcrumbsProps extends React.HTMLAttributes<HTMLDivElement> {
+    items: BreadcrumbItem[];
+    separator?: React.ReactNode;
+    className?: string;
+}
+declare function Breadcrumbs({ items, separator, className, ...props }: BreadcrumbsProps): react_jsx_runtime.JSX.Element;
+
+interface DropdownItem {
+    label: React.ReactNode;
+    value?: string;
+    icon?: React.ReactNode;
+    onClick?: () => void;
+    isDanger?: boolean;
+    disabled?: boolean;
+}
+interface DropdownProps {
+    items: DropdownItem[];
+    trigger: React.ReactNode;
+    placement?: 'bottom' | 'top' | 'left' | 'right';
+    isOpen?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    className?: string;
+    triggerClassName?: string;
+    menuClassName?: string;
+}
+declare function Dropdown({ items, trigger, placement, isOpen: controlledIsOpen, onOpenChange, className, triggerClassName, menuClassName, }: DropdownProps): react_jsx_runtime.JSX.Element;
+
 interface DialogProps {
     open: boolean;
     onClose: () => void;
@@ -143,6 +243,193 @@ interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
 }
 declare function Link({ variant, external, children, className, ...props }: LinkProps): react_jsx_runtime.JSX.Element;
 
+interface FileUploaderProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    label?: string;
+    description?: string;
+    error?: string;
+    hint?: string;
+    onFilesChange?: (files: File[]) => void;
+    maxSize?: number;
+    accept?: string;
+    isDragActive?: boolean;
+    multiple?: boolean;
+}
+declare function FileUploader({ label, description, error, hint, onFilesChange, maxSize, accept, multiple, disabled, className, ...props }: FileUploaderProps): react_jsx_runtime.JSX.Element;
+
+interface DatePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange'> {
+    value?: string;
+    onChange?: (value: string) => void;
+    label?: string;
+    description?: string;
+    error?: string;
+    min?: string;
+    max?: string;
+    placeholder?: string;
+}
+declare function DatePicker({ value, onChange, label, description, error, min, max, placeholder, disabled, className, ...props }: DatePickerProps): react_jsx_runtime.JSX.Element;
+
+interface TimePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange'> {
+    value?: string;
+    onChange?: (value: string) => void;
+    label?: string;
+    description?: string;
+    error?: string;
+    placeholder?: string;
+    format?: '12h' | '24h';
+}
+declare function TimePicker({ value, onChange, label, description, error, placeholder, format, disabled, className, ...props }: TimePickerProps): react_jsx_runtime.JSX.Element;
+
+interface ProgressProps extends React.HTMLAttributes<HTMLDivElement> {
+    value: number;
+    label?: string;
+    size?: 'sm' | 'md' | 'lg';
+    theme?: 'brand' | 'success' | 'warning' | 'danger';
+    showLabel?: boolean;
+    striped?: boolean;
+    animated?: boolean;
+}
+declare function Progress({ value, label, size, theme, showLabel, striped, animated, className, ...props }: ProgressProps): react_jsx_runtime.JSX.Element;
+
+interface RatingProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    value?: number;
+    onChange?: (value: number) => void;
+    count?: number;
+    size?: 'sm' | 'md' | 'lg';
+    readonly?: boolean;
+    label?: string;
+    color?: 'yellow' | 'brand' | 'danger';
+}
+declare function Rating({ value, onChange, count, size, readonly, label, color, className, ...props }: RatingProps): react_jsx_runtime.JSX.Element;
+
+interface SliderProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange'> {
+    value?: number;
+    onChange?: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    label?: string;
+    showValue?: boolean;
+    theme?: 'brand' | 'success' | 'danger';
+}
+declare function Slider({ value, onChange, min, max, step, label, showValue, theme, className, disabled, ...props }: SliderProps): react_jsx_runtime.JSX.Element;
+
+interface SidebarItem {
+    label: React.ReactNode;
+    value: string;
+    icon?: React.ReactNode;
+    onClick?: () => void;
+    isActive?: boolean;
+    disabled?: boolean;
+    badge?: React.ReactNode;
+}
+interface SidebarSection {
+    title?: string;
+    items: SidebarItem[];
+}
+interface SidebarProps extends React.HTMLAttributes<HTMLDivElement> {
+    sections: SidebarSection[];
+    activeItem?: string;
+    onItemClick?: (value: string) => void;
+    collapsible?: boolean;
+    isCollapsed?: boolean;
+    onCollapsedChange?: (collapsed: boolean) => void;
+    width?: string;
+    className?: string;
+}
+declare function Sidebar({ sections, activeItem, onItemClick, collapsible, isCollapsed, onCollapsedChange, width, className, ...props }: SidebarProps): react_jsx_runtime.JSX.Element;
+
+interface TableColumn {
+    key: string;
+    label: string;
+    width?: string;
+    render?: (value: any, row: any) => React.ReactNode;
+    align?: 'left' | 'center' | 'right';
+}
+interface TableProps {
+    columns: TableColumn[];
+    data: any[];
+    striped?: boolean;
+    hoverable?: boolean;
+    compact?: boolean;
+    className?: string;
+    emptyMessage?: string;
+}
+declare function Table({ columns, data, striped, hoverable, compact, className, emptyMessage, }: TableProps): react_jsx_runtime.JSX.Element;
+
+interface PaginationProps {
+    current: number;
+    total: number;
+    onChange: (page: number) => void;
+    size?: 'sm' | 'md';
+    showInfo?: boolean;
+    maxVisible?: number;
+    className?: string;
+}
+declare function Pagination({ current, total, onChange, size, showInfo, maxVisible, className, }: PaginationProps): react_jsx_runtime.JSX.Element;
+
+interface EmptyStateProps {
+    icon?: React.ReactNode;
+    title: string;
+    description?: string;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    className?: string;
+}
+declare function EmptyState({ icon, title, description, action, className, }: EmptyStateProps): react_jsx_runtime.JSX.Element;
+
+type NumberInputSize = 'sm' | 'md' | 'lg';
+interface NumberInputProps {
+    value: number;
+    onChange: (value: number) => void;
+    step?: number;
+    min?: number;
+    max?: number;
+    size?: NumberInputSize;
+    disabled?: boolean;
+    placeholder?: string;
+    className?: string;
+}
+declare function NumberInput({ value, onChange, step, min, max, size, disabled, placeholder, className, }: NumberInputProps): react_jsx_runtime.JSX.Element;
+
+type CodeBlockLanguage = 'json' | 'javascript' | 'typescript' | 'python' | 'bash' | 'text';
+interface CodeBlockProps {
+    code: string;
+    language?: CodeBlockLanguage;
+    copyable?: boolean;
+    numbered?: boolean;
+    maxHeight?: string;
+    className?: string;
+}
+declare function CodeBlock({ code, language, copyable, numbered, maxHeight, className, }: CodeBlockProps): react_jsx_runtime.JSX.Element;
+
+type TimelineStatus = 'completed' | 'pending' | 'error' | 'in-progress';
+interface TimelineItem {
+    id: string | number;
+    label: string;
+    description?: string;
+    status: TimelineStatus;
+    timestamp?: string | Date;
+    icon?: React.ReactNode;
+}
+interface TimelineProps {
+    items: TimelineItem[];
+    orientation?: 'vertical' | 'horizontal';
+    className?: string;
+}
+declare function Timeline({ items, orientation, className, }: TimelineProps): react_jsx_runtime.JSX.Element;
+
+type KbdSize = 'xs' | 'sm' | 'md';
+type KbdTheme = 'gray' | 'dark' | 'brand';
+interface KbdProps {
+    keys: string | string[];
+    size?: KbdSize;
+    theme?: KbdTheme;
+    className?: string;
+}
+declare function Kbd({ keys, size, theme, className, }: KbdProps): react_jsx_runtime.JSX.Element;
+
 type RobotStatus = 'online' | 'offline' | 'error' | 'warning' | 'connecting' | 'unknown';
 interface StatusBadgeProps {
     status: RobotStatus;
@@ -186,4 +473,4 @@ declare function useToast(): {
     removeToast: (id: string) => void;
 };
 
-export { Avatar, type AvatarProps, type AvatarShape, type AvatarSize, type AvatarTheme, Badge, type BadgeProps, type BadgeTheme, Button, type ButtonProps, type ButtonSize, type ButtonTheme, type ButtonVariant, Card, type CardProps, Checkbox, type CheckboxProps, ConnectionIcon, ConnectionIndicator, type ConnectionIndicatorProps, Dialog, type DialogProps, Input, type InputProps, type InputSize, Link, type LinkProps, type RobotStatus, Select, type SelectOption, type SelectProps, type SelectSize, Spinner, type SpinnerProps, StatusBadge, type StatusBadgeProps, Textarea, type TextareaProps, type TextareaSize, Toast, ToastContainer, type ToastContainerProps, type ToastEntry, type ToastProps, type ToastType, Tooltip, type TooltipPlacement, type TooltipProps, type UseDisclosureReturn, useDisclosure, useToast };
+export { Alert, type AlertProps, type AlertTheme, Avatar, type AvatarProps, type AvatarShape, type AvatarSize, type AvatarTheme, Badge, type BadgeProps, type BadgeTheme, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, type ButtonSize, type ButtonTheme, type ButtonVariant, Card, type CardProps, Checkbox, type CheckboxProps, CodeBlock, type CodeBlockLanguage, type CodeBlockProps, ConnectionIcon, ConnectionIndicator, type ConnectionIndicatorProps, DatePicker, type DatePickerProps, Dialog, type DialogProps, Dropdown, type DropdownItem, type DropdownProps, EmptyState, type EmptyStateProps, FileUploader, type FileUploaderProps, FormControl, type FormControlProps, Input, type InputProps, type InputSize, Kbd, type KbdProps, type KbdSize, type KbdTheme, Link, type LinkProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, NumberInput, type NumberInputProps, type NumberInputSize, Pagination, type PaginationProps, Progress, type ProgressProps, Rating, type RatingProps, type RobotStatus, Select, type SelectOption, type SelectProps, type SelectSize, Sidebar, type SidebarItem, type SidebarProps, type SidebarSection, Slider, type SliderProps, Spinner, type SpinnerProps, StatusBadge, type StatusBadgeProps, Switch, type SwitchProps, type TabItem, Table, type TableColumn, type TableProps, Tabs, type TabsProps, Textarea, type TextareaProps, type TextareaSize, TimePicker, type TimePickerProps, Timeline, type TimelineItem, type TimelineProps, type TimelineStatus, Toast, ToastContainer, type ToastContainerProps, type ToastEntry, type ToastProps, type ToastType, Tooltip, type TooltipPlacement, type TooltipProps, type UseDisclosureReturn, useDisclosure, useToast };

package/dist/index.d.ts

@@ -45,6 +45,13 @@ interface SelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>
 }
 declare function Select({ size, label, error, options, id, className, ...props }: SelectProps): react_jsx_runtime.JSX.Element;
 
+interface SwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    label?: React.ReactNode;
+    description?: string;
+    error?: string;
+}
+declare function Switch({ label, description, error, id, className, checked, ...props }: SwitchProps): react_jsx_runtime.JSX.Element;
+
 type BadgeTheme = 'brand' | 'success' | 'danger' | 'warning' | 'gray' | 'admin' | 'operator' | 'viewer' | 'online' | 'offline' | 'error';
 interface BadgeProps {
     theme?: BadgeTheme;
@@ -98,6 +105,99 @@ interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement
 }
 declare function Textarea({ size, label, error, resize, id, className, ...props }: TextareaProps): react_jsx_runtime.JSX.Element;
 
+type AlertTheme = 'info' | 'success' | 'warning' | 'danger';
+interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    theme?: AlertTheme;
+    title?: React.ReactNode;
+    icon?: React.ReactNode;
+    onClose?: () => void;
+    isDismissible?: boolean;
+}
+declare function Alert({ theme, title, icon, onClose, isDismissible, children, className, ...props }: AlertProps): react_jsx_runtime.JSX.Element | null;
+
+interface MultiSelectOption {
+    label: string;
+    value: string;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+}
+interface MultiSelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    options: MultiSelectOption[];
+    value?: string[];
+    onChange?: (values: string[]) => void;
+    placeholder?: string;
+    label?: string;
+    description?: string;
+    error?: string;
+    disabled?: boolean;
+    searchable?: boolean;
+    clearable?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+}
+declare function MultiSelect({ options, value, onChange, placeholder, label, description, error, disabled, searchable, clearable, size, className, ...props }: MultiSelectProps): react_jsx_runtime.JSX.Element;
+
+interface FormControlProps extends React.HTMLAttributes<HTMLDivElement> {
+    label?: React.ReactNode;
+    description?: string;
+    error?: string;
+    required?: boolean;
+    helperText?: string;
+    children: React.ReactNode;
+}
+declare function FormControl({ label, description, error, required, helperText, children, className, ...props }: FormControlProps): react_jsx_runtime.JSX.Element;
+
+interface TabItem {
+    label: React.ReactNode;
+    value: string;
+    content: React.ReactNode;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+}
+interface TabsProps {
+    tabs: TabItem[];
+    activeTab?: string;
+    onTabChange?: (value: string) => void;
+    variant?: 'underline' | 'soft';
+    className?: string;
+    tabsClassName?: string;
+    contentClassName?: string;
+}
+declare function Tabs({ tabs, activeTab, onTabChange, variant, className, tabsClassName, contentClassName, }: TabsProps): react_jsx_runtime.JSX.Element;
+
+interface BreadcrumbItem {
+    label: React.ReactNode;
+    href?: string;
+    onClick?: () => void;
+    icon?: React.ReactNode;
+    isActive?: boolean;
+}
+interface BreadcrumbsProps extends React.HTMLAttributes<HTMLDivElement> {
+    items: BreadcrumbItem[];
+    separator?: React.ReactNode;
+    className?: string;
+}
+declare function Breadcrumbs({ items, separator, className, ...props }: BreadcrumbsProps): react_jsx_runtime.JSX.Element;
+
+interface DropdownItem {
+    label: React.ReactNode;
+    value?: string;
+    icon?: React.ReactNode;
+    onClick?: () => void;
+    isDanger?: boolean;
+    disabled?: boolean;
+}
+interface DropdownProps {
+    items: DropdownItem[];
+    trigger: React.ReactNode;
+    placement?: 'bottom' | 'top' | 'left' | 'right';
+    isOpen?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    className?: string;
+    triggerClassName?: string;
+    menuClassName?: string;
+}
+declare function Dropdown({ items, trigger, placement, isOpen: controlledIsOpen, onOpenChange, className, triggerClassName, menuClassName, }: DropdownProps): react_jsx_runtime.JSX.Element;
+
 interface DialogProps {
     open: boolean;
     onClose: () => void;
@@ -143,6 +243,193 @@ interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
 }
 declare function Link({ variant, external, children, className, ...props }: LinkProps): react_jsx_runtime.JSX.Element;
 
+interface FileUploaderProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    label?: string;
+    description?: string;
+    error?: string;
+    hint?: string;
+    onFilesChange?: (files: File[]) => void;
+    maxSize?: number;
+    accept?: string;
+    isDragActive?: boolean;
+    multiple?: boolean;
+}
+declare function FileUploader({ label, description, error, hint, onFilesChange, maxSize, accept, multiple, disabled, className, ...props }: FileUploaderProps): react_jsx_runtime.JSX.Element;
+
+interface DatePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange'> {
+    value?: string;
+    onChange?: (value: string) => void;
+    label?: string;
+    description?: string;
+    error?: string;
+    min?: string;
+    max?: string;
+    placeholder?: string;
+}
+declare function DatePicker({ value, onChange, label, description, error, min, max, placeholder, disabled, className, ...props }: DatePickerProps): react_jsx_runtime.JSX.Element;
+
+interface TimePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange'> {
+    value?: string;
+    onChange?: (value: string) => void;
+    label?: string;
+    description?: string;
+    error?: string;
+    placeholder?: string;
+    format?: '12h' | '24h';
+}
+declare function TimePicker({ value, onChange, label, description, error, placeholder, format, disabled, className, ...props }: TimePickerProps): react_jsx_runtime.JSX.Element;
+
+interface ProgressProps extends React.HTMLAttributes<HTMLDivElement> {
+    value: number;
+    label?: string;
+    size?: 'sm' | 'md' | 'lg';
+    theme?: 'brand' | 'success' | 'warning' | 'danger';
+    showLabel?: boolean;
+    striped?: boolean;
+    animated?: boolean;
+}
+declare function Progress({ value, label, size, theme, showLabel, striped, animated, className, ...props }: ProgressProps): react_jsx_runtime.JSX.Element;
+
+interface RatingProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    value?: number;
+    onChange?: (value: number) => void;
+    count?: number;
+    size?: 'sm' | 'md' | 'lg';
+    readonly?: boolean;
+    label?: string;
+    color?: 'yellow' | 'brand' | 'danger';
+}
+declare function Rating({ value, onChange, count, size, readonly, label, color, className, ...props }: RatingProps): react_jsx_runtime.JSX.Element;
+
+interface SliderProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange'> {
+    value?: number;
+    onChange?: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    label?: string;
+    showValue?: boolean;
+    theme?: 'brand' | 'success' | 'danger';
+}
+declare function Slider({ value, onChange, min, max, step, label, showValue, theme, className, disabled, ...props }: SliderProps): react_jsx_runtime.JSX.Element;
+
+interface SidebarItem {
+    label: React.ReactNode;
+    value: string;
+    icon?: React.ReactNode;
+    onClick?: () => void;
+    isActive?: boolean;
+    disabled?: boolean;
+    badge?: React.ReactNode;
+}
+interface SidebarSection {
+    title?: string;
+    items: SidebarItem[];
+}
+interface SidebarProps extends React.HTMLAttributes<HTMLDivElement> {
+    sections: SidebarSection[];
+    activeItem?: string;
+    onItemClick?: (value: string) => void;
+    collapsible?: boolean;
+    isCollapsed?: boolean;
+    onCollapsedChange?: (collapsed: boolean) => void;
+    width?: string;
+    className?: string;
+}
+declare function Sidebar({ sections, activeItem, onItemClick, collapsible, isCollapsed, onCollapsedChange, width, className, ...props }: SidebarProps): react_jsx_runtime.JSX.Element;
+
+interface TableColumn {
+    key: string;
+    label: string;
+    width?: string;
+    render?: (value: any, row: any) => React.ReactNode;
+    align?: 'left' | 'center' | 'right';
+}
+interface TableProps {
+    columns: TableColumn[];
+    data: any[];
+    striped?: boolean;
+    hoverable?: boolean;
+    compact?: boolean;
+    className?: string;
+    emptyMessage?: string;
+}
+declare function Table({ columns, data, striped, hoverable, compact, className, emptyMessage, }: TableProps): react_jsx_runtime.JSX.Element;
+
+interface PaginationProps {
+    current: number;
+    total: number;
+    onChange: (page: number) => void;
+    size?: 'sm' | 'md';
+    showInfo?: boolean;
+    maxVisible?: number;
+    className?: string;
+}
+declare function Pagination({ current, total, onChange, size, showInfo, maxVisible, className, }: PaginationProps): react_jsx_runtime.JSX.Element;
+
+interface EmptyStateProps {
+    icon?: React.ReactNode;
+    title: string;
+    description?: string;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    className?: string;
+}
+declare function EmptyState({ icon, title, description, action, className, }: EmptyStateProps): react_jsx_runtime.JSX.Element;
+
+type NumberInputSize = 'sm' | 'md' | 'lg';
+interface NumberInputProps {
+    value: number;
+    onChange: (value: number) => void;
+    step?: number;
+    min?: number;
+    max?: number;
+    size?: NumberInputSize;
+    disabled?: boolean;
+    placeholder?: string;
+    className?: string;
+}
+declare function NumberInput({ value, onChange, step, min, max, size, disabled, placeholder, className, }: NumberInputProps): react_jsx_runtime.JSX.Element;
+
+type CodeBlockLanguage = 'json' | 'javascript' | 'typescript' | 'python' | 'bash' | 'text';
+interface CodeBlockProps {
+    code: string;
+    language?: CodeBlockLanguage;
+    copyable?: boolean;
+    numbered?: boolean;
+    maxHeight?: string;
+    className?: string;
+}
+declare function CodeBlock({ code, language, copyable, numbered, maxHeight, className, }: CodeBlockProps): react_jsx_runtime.JSX.Element;
+
+type TimelineStatus = 'completed' | 'pending' | 'error' | 'in-progress';
+interface TimelineItem {
+    id: string | number;
+    label: string;
+    description?: string;
+    status: TimelineStatus;
+    timestamp?: string | Date;
+    icon?: React.ReactNode;
+}
+interface TimelineProps {
+    items: TimelineItem[];
+    orientation?: 'vertical' | 'horizontal';
+    className?: string;
+}
+declare function Timeline({ items, orientation, className, }: TimelineProps): react_jsx_runtime.JSX.Element;
+
+type KbdSize = 'xs' | 'sm' | 'md';
+type KbdTheme = 'gray' | 'dark' | 'brand';
+interface KbdProps {
+    keys: string | string[];
+    size?: KbdSize;
+    theme?: KbdTheme;
+    className?: string;
+}
+declare function Kbd({ keys, size, theme, className, }: KbdProps): react_jsx_runtime.JSX.Element;
+
 type RobotStatus = 'online' | 'offline' | 'error' | 'warning' | 'connecting' | 'unknown';
 interface StatusBadgeProps {
     status: RobotStatus;
@@ -186,4 +473,4 @@ declare function useToast(): {
     removeToast: (id: string) => void;
 };
 
-export { Avatar, type AvatarProps, type AvatarShape, type AvatarSize, type AvatarTheme, Badge, type BadgeProps, type BadgeTheme, Button, type ButtonProps, type ButtonSize, type ButtonTheme, type ButtonVariant, Card, type CardProps, Checkbox, type CheckboxProps, ConnectionIcon, ConnectionIndicator, type ConnectionIndicatorProps, Dialog, type DialogProps, Input, type InputProps, type InputSize, Link, type LinkProps, type RobotStatus, Select, type SelectOption, type SelectProps, type SelectSize, Spinner, type SpinnerProps, StatusBadge, type StatusBadgeProps, Textarea, type TextareaProps, type TextareaSize, Toast, ToastContainer, type ToastContainerProps, type ToastEntry, type ToastProps, type ToastType, Tooltip, type TooltipPlacement, type TooltipProps, type UseDisclosureReturn, useDisclosure, useToast };
+export { Alert, type AlertProps, type AlertTheme, Avatar, type AvatarProps, type AvatarShape, type AvatarSize, type AvatarTheme, Badge, type BadgeProps, type BadgeTheme, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, type ButtonSize, type ButtonTheme, type ButtonVariant, Card, type CardProps, Checkbox, type CheckboxProps, CodeBlock, type CodeBlockLanguage, type CodeBlockProps, ConnectionIcon, ConnectionIndicator, type ConnectionIndicatorProps, DatePicker, type DatePickerProps, Dialog, type DialogProps, Dropdown, type DropdownItem, type DropdownProps, EmptyState, type EmptyStateProps, FileUploader, type FileUploaderProps, FormControl, type FormControlProps, Input, type InputProps, type InputSize, Kbd, type KbdProps, type KbdSize, type KbdTheme, Link, type LinkProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, NumberInput, type NumberInputProps, type NumberInputSize, Pagination, type PaginationProps, Progress, type ProgressProps, Rating, type RatingProps, type RobotStatus, Select, type SelectOption, type SelectProps, type SelectSize, Sidebar, type SidebarItem, type SidebarProps, type SidebarSection, Slider, type SliderProps, Spinner, type SpinnerProps, StatusBadge, type StatusBadgeProps, Switch, type SwitchProps, type TabItem, Table, type TableColumn, type TableProps, Tabs, type TabsProps, Textarea, type TextareaProps, type TextareaSize, TimePicker, type TimePickerProps, Timeline, type TimelineItem, type TimelineProps, type TimelineStatus, Toast, ToastContainer, type ToastContainerProps, type ToastEntry, type ToastProps, type ToastType, Tooltip, type TooltipPlacement, type TooltipProps, type UseDisclosureReturn, useDisclosure, useToast };