@rufous/ui 0.3.38 → 0.3.39

package/dist/main.d.ts

@@ -405,6 +405,7 @@ interface SubmitButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement
     bgGradiant?: boolean;
     onClick?: (e: React.MouseEvent<HTMLButtonElement>) => Promise<void> | void;
     onDoubleClick?: (e: React.MouseEvent<HTMLButtonElement>) => Promise<void> | void;
+    /** Externally controlled loading state — stacks with internal loading */
     isLoading?: boolean;
     sx?: SxProp;
 }
@@ -433,6 +434,7 @@ interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>
     disableElevation?: boolean;
     disableRipple?: boolean;
     href?: string;
+    /** Controlled external loading state */
     loading?: boolean;
     loadingPosition?: "start" | "end" | "center";
     component?: React.ElementType;
@@ -440,6 +442,16 @@ interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>
     className?: string;
     style?: CSSProperties;
     sx?: SxProp;
+    /**
+     * When true, the button automatically enters a loading/disabled state
+     * on click and stays there for at least `minLoadingMs` (default 1500 ms).
+     * If `onClick` returns a Promise, loading persists until the Promise
+     * settles **and** the minimum duration has elapsed — whichever is longer.
+     * Prevents accidental double-submissions without any extra state in the parent.
+     */
+    debounce?: boolean;
+    /** Minimum loading duration in ms when `debounce` is enabled. Default: 1500. */
+    minLoadingMs?: number;
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 
@@ -1426,14 +1438,6 @@ interface BoxProps extends React.HTMLAttributes<HTMLElement> {
     alignItems?: string;
     justifyContent?: string;
     gap?: string | number;
-    padding?: string | number;
-    margin?: string | number;
-    width?: string | number;
-    height?: string | number;
-    minWidth?: string | number;
-    maxWidth?: string | number;
-    minHeight?: string | number;
-    maxHeight?: string | number;
     flex?: string | number;
     flexWrap?: string;
     flexGrow?: number;
@@ -1450,6 +1454,28 @@ interface BoxProps extends React.HTMLAttributes<HTMLElement> {
     className?: string;
     style?: CSSProperties;
     sx?: SxProp;
+    width?: string | number;
+    height?: string | number;
+    minWidth?: string | number;
+    maxWidth?: string | number;
+    minHeight?: string | number;
+    maxHeight?: string | number;
+    margin?: string | number;
+    padding?: string | number;
+    m?: number | string;
+    mt?: number | string;
+    mr?: number | string;
+    mb?: number | string;
+    ml?: number | string;
+    mx?: number | string;
+    my?: number | string;
+    p?: number | string;
+    pt?: number | string;
+    pr?: number | string;
+    pb?: number | string;
+    pl?: number | string;
+    px?: number | string;
+    py?: number | string;
 }
 declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLElement>>;
 
@@ -1468,6 +1494,26 @@ interface StackProps extends React.HTMLAttributes<HTMLElement> {
     className?: string;
     style?: CSSProperties;
     sx?: SxProp;
+    width?: string | number;
+    height?: string | number;
+    minWidth?: string | number;
+    maxWidth?: string | number;
+    minHeight?: string | number;
+    maxHeight?: string | number;
+    m?: number | string;
+    mt?: number | string;
+    mr?: number | string;
+    mb?: number | string;
+    ml?: number | string;
+    mx?: number | string;
+    my?: number | string;
+    p?: number | string;
+    pt?: number | string;
+    pr?: number | string;
+    pb?: number | string;
+    pl?: number | string;
+    px?: number | string;
+    py?: number | string;
 }
 declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLElement>>;
 
@@ -1494,9 +1540,140 @@ interface GridProps extends React.HTMLAttributes<HTMLElement> {
     className?: string;
     style?: CSSProperties;
     sx?: SxProp;
+    width?: string | number;
+    height?: string | number;
+    minWidth?: string | number;
+    maxWidth?: string | number;
+    minHeight?: string | number;
+    maxHeight?: string | number;
+    m?: number | string;
+    mt?: number | string;
+    mr?: number | string;
+    mb?: number | string;
+    ml?: number | string;
+    mx?: number | string;
+    my?: number | string;
+    p?: number | string;
+    pt?: number | string;
+    pr?: number | string;
+    pb?: number | string;
+    pl?: number | string;
+    px?: number | string;
+    py?: number | string;
 }
 declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLElement>>;
 
+interface TableContainerProps extends React__default.HTMLAttributes<HTMLElement> {
+    component?: keyof React__default.JSX.IntrinsicElements;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const TableContainer: React__default.ForwardRefExoticComponent<TableContainerProps & React__default.RefAttributes<HTMLElement>>;
+interface TableProps extends React__default.TableHTMLAttributes<HTMLTableElement> {
+    size?: "small" | "medium";
+    stickyHeader?: boolean;
+    padding?: "normal" | "checkbox" | "none";
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const Table: React__default.ForwardRefExoticComponent<TableProps & React__default.RefAttributes<HTMLTableElement>>;
+interface TableHeadProps extends React__default.HTMLAttributes<HTMLTableSectionElement> {
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const TableHead: React__default.ForwardRefExoticComponent<TableHeadProps & React__default.RefAttributes<HTMLTableSectionElement>>;
+interface TableBodyProps extends React__default.HTMLAttributes<HTMLTableSectionElement> {
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const TableBody: React__default.ForwardRefExoticComponent<TableBodyProps & React__default.RefAttributes<HTMLTableSectionElement>>;
+interface TableFooterProps extends React__default.HTMLAttributes<HTMLTableSectionElement> {
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const TableFooter: React__default.ForwardRefExoticComponent<TableFooterProps & React__default.RefAttributes<HTMLTableSectionElement>>;
+interface TableRowProps extends React__default.HTMLAttributes<HTMLTableRowElement> {
+    hover?: boolean;
+    selected?: boolean;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const TableRow: React__default.ForwardRefExoticComponent<TableRowProps & React__default.RefAttributes<HTMLTableRowElement>>;
+interface TableCellProps extends React__default.TdHTMLAttributes<HTMLTableCellElement> {
+    /** Render as <th> instead of <td>. Auto-set when inside TableHead. */
+    component?: "td" | "th";
+    align?: "left" | "right" | "center" | "justify";
+    /** Override the table-level padding for this cell */
+    padding?: "normal" | "checkbox" | "none";
+    /** Conveys sort direction for assistive technology */
+    sortDirection?: "asc" | "desc" | false;
+    /** Visual variant — auto-detected from parent section */
+    variant?: "head" | "body" | "footer";
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const TableCell: React__default.ForwardRefExoticComponent<TableCellProps & React__default.RefAttributes<HTMLTableCellElement>>;
+interface TableSortLabelProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Whether this column is the current sort column */
+    active?: boolean;
+    /** Current sort direction */
+    direction?: "asc" | "desc";
+    /** Hide the sort arrow icon when the column is not active */
+    hideSortIcon?: boolean;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const TableSortLabel: React__default.ForwardRefExoticComponent<TableSortLabelProps & React__default.RefAttributes<HTMLButtonElement>>;
+interface TablePaginationProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    /** Total number of rows */
+    count: number;
+    /** Current 0-indexed page */
+    page: number;
+    /** Number of rows per page */
+    rowsPerPage: number;
+    /** Called when the user changes the page */
+    onPageChange: (event: React__default.MouseEvent<HTMLButtonElement> | null, page: number) => void;
+    /** Available rows-per-page options */
+    rowsPerPageOptions?: (number | {
+        value: number;
+        label: string;
+    })[];
+    /** Called when rows-per-page changes */
+    onRowsPerPageChange?: (event: React__default.ChangeEvent<HTMLSelectElement>) => void;
+    /** Label before the rows-per-page selector */
+    labelRowsPerPage?: ReactNode;
+    /** Override the "X–Y of Z" display */
+    labelDisplayedRows?: (args: {
+        from: number;
+        to: number;
+        count: number;
+    }) => ReactNode;
+    /** Show first-page button */
+    showFirstButton?: boolean;
+    /** Show last-page button */
+    showLastButton?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const TablePagination: React__default.ForwardRefExoticComponent<TablePaginationProps & React__default.RefAttributes<HTMLDivElement>>;
+
 interface PaperProps extends React.HTMLAttributes<HTMLElement> {
     elevation?: number;
     square?: boolean;
@@ -2374,4 +2551,4 @@ declare function useStatesSearch(debounceMs?: number): SearchResult<EnhancedStat
  */
 declare function useCitiesSearch(debounceMs?: number): SearchResult<EnhancedCity>;
 
-export { APP_THEMES, Accordion, AccordionDetails, type AccordionDetailsProps, type AccordionProps, AccordionSummary, type AccordionSummaryProps, type Action, ActivateUserIcon, AddButton, AddressLookup, ArchivedIcon, AssignGroupIcon, Autocomplete, type AutocompleteProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, BaseDialog, Box, type BoxProps, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, CameraIcon, CancelButton, Card, CardActions, type CardActionsProps, CardContent, type CardContentProps, CardHeader, type CardHeaderProps, CardMedia, type CardMediaProps, type CardProps, Checkbox, type CheckboxProps, Chip, type ChipProps, CircularProgress, CircularProgressIcon, type CircularProgressIconProps, CloseIcon, Collapse, type CollapseProps, type Column, CopyIcon, CustomImage, CustomTaskItem, CustomVideo, CustomYoutube, DataGrid, type DataGridProps, DateField, type DateFieldProps, type DateFormatString, DateRangeField, type DateRangeFieldProps, type DateRangeValue, DifficultyAllIcon, DifficultyEasyIcon, DifficultyHardIcon, DifficultyMediumIcon, Divider, type DividerProps, DollarIcon, DownloadIcon, DownloadPdfIcon, Drawer, type DrawerProps, EditChatIcon, EditIcon, EngagementIcon, type EnhancedCity, type EnhancedCountry, type EnhancedState, Fade, type FadeProps, FontFamily, FontSize, FunctionIcon, Grid, type GridProps, Grow, type GrowProps, HelpOutlinedIcon, HierarchyIcon, INDENT_STEP, IconButton, type IconButtonProps, ImageField, type ImageFieldProps, InactiveGroupIcon, Indent, IndustryIcon, InvoiceIcon, LineHeight, Link, type LinkProps, List, ListItem, ListItemButton, type ListItemButtonProps, ListItemIcon, type ListItemIconProps, type ListItemProps, ListItemText, type ListItemTextProps, type ListProps, ListStyle, ListSubheader, type ListSubheaderProps, LocationPinIcon, LogsIcon, MAX_INDENT, Menu, MenuDivider, MenuItem, type MenuItemProps, MenuList, type MenuListProps, type MenuProps, MinExperienceIcon, NineDotMenuIcon, NotificationIcon, type NumberVariant, Paper, type PaperProps, PhoneField, type PhoneFieldProps, Popover, type PopoverProps, Popper, type PopperProps, ProjectIcon, QualificationsIcon, QuestionStatusAllIcon, QuestionStatusPrivateIcon, QuestionStatusPublicIcon, QuestionTypeAllIcon, QuestionTypeCodingIcon, QuestionTypeDescriptiveIcon, QuestionTypeMultipleIcon, QuestionTypeSingleIcon, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rating, type RatingProps, RefreshIcon, ResendInviteIcon, RolesIcon, RufousAiIcon, RufousBirdIcon, RufousLauncherIcon, RufousLogoLoader, type RufousLogoLoaderProps, RufousTextContent, type RufousTextContentProps, RufousTextEditor, type MentionItemData as RufousTextEditorMentionItem, type RufousTextEditorProps, RufousThemeProvider, STATUS_COLORS, STATUS_IMAGES, STATUS_LABELS, Select, type SelectProps, SidebarIcon, Skeleton, type SkeletonProps, Slide, type SlideProps, Slider, type SliderProps, SmartSelect, type SmartSelectProps, Snackbar, type SnackbarProps, SoftSkillsIcon, type SortDirection, Stack, type StackProps, StandardButton, Step, StepButton, type StepButtonProps, StepContent, type StepContentProps, StepLabel, type StepLabelProps, type StepProps, Stepper, type StepperProps, SubmitButton, SubscribeIcon, SuspendUserIcon, Switch, type SwitchProps, type SxProp, Tab, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps, TechnicalSkillsIcon, TextField, type TextFieldProps, TickIcon, TimerIcon, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, Tooltip, type TooltipProps, TrashIcon, type TreeNode, TreeSelect, type TreeSelectMultiValue, type TreeSelectProps, type TreeSelectValue, Typography, type TypographyProps, UnArchivedIcon, UnsubscribeIcon, UploadIcon, UserAssignIcon, type UserOption, UserSelectionField, type UserSelectionFieldProps, ViewIcon, WorkItemIcon, Zoom, type ZoomProps, getAllCountries, getCitiesByName, getCitiesOfCountry, getCitiesOfState, getCityByName, getCountriesByName, getCountryByCode, getCountryByName, getStateByCode, getStateByName, getStatesByName, getStatesOfCountry, transformLegacyTodos, useCitiesSearch, useCountriesSearch, useRufousTheme, useStatesSearch };
+export { APP_THEMES, Accordion, AccordionDetails, type AccordionDetailsProps, type AccordionProps, AccordionSummary, type AccordionSummaryProps, type Action, ActivateUserIcon, AddButton, AddressLookup, ArchivedIcon, AssignGroupIcon, Autocomplete, type AutocompleteProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, BaseDialog, Box, type BoxProps, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, CameraIcon, CancelButton, Card, CardActions, type CardActionsProps, CardContent, type CardContentProps, CardHeader, type CardHeaderProps, CardMedia, type CardMediaProps, type CardProps, Checkbox, type CheckboxProps, Chip, type ChipProps, CircularProgress, CircularProgressIcon, type CircularProgressIconProps, CloseIcon, Collapse, type CollapseProps, type Column, CopyIcon, CustomImage, CustomTaskItem, CustomVideo, CustomYoutube, DataGrid, type DataGridProps, DateField, type DateFieldProps, type DateFormatString, DateRangeField, type DateRangeFieldProps, type DateRangeValue, DifficultyAllIcon, DifficultyEasyIcon, DifficultyHardIcon, DifficultyMediumIcon, Divider, type DividerProps, DollarIcon, DownloadIcon, DownloadPdfIcon, Drawer, type DrawerProps, EditChatIcon, EditIcon, EngagementIcon, type EnhancedCity, type EnhancedCountry, type EnhancedState, Fade, type FadeProps, FontFamily, FontSize, FunctionIcon, Grid, type GridProps, Grow, type GrowProps, HelpOutlinedIcon, HierarchyIcon, INDENT_STEP, IconButton, type IconButtonProps, ImageField, type ImageFieldProps, InactiveGroupIcon, Indent, IndustryIcon, InvoiceIcon, LineHeight, Link, type LinkProps, List, ListItem, ListItemButton, type ListItemButtonProps, ListItemIcon, type ListItemIconProps, type ListItemProps, ListItemText, type ListItemTextProps, type ListProps, ListStyle, ListSubheader, type ListSubheaderProps, LocationPinIcon, LogsIcon, MAX_INDENT, Menu, MenuDivider, MenuItem, type MenuItemProps, MenuList, type MenuListProps, type MenuProps, MinExperienceIcon, NineDotMenuIcon, NotificationIcon, type NumberVariant, Paper, type PaperProps, PhoneField, type PhoneFieldProps, Popover, type PopoverProps, Popper, type PopperProps, ProjectIcon, QualificationsIcon, QuestionStatusAllIcon, QuestionStatusPrivateIcon, QuestionStatusPublicIcon, QuestionTypeAllIcon, QuestionTypeCodingIcon, QuestionTypeDescriptiveIcon, QuestionTypeMultipleIcon, QuestionTypeSingleIcon, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rating, type RatingProps, RefreshIcon, ResendInviteIcon, RolesIcon, RufousAiIcon, RufousBirdIcon, RufousLauncherIcon, RufousLogoLoader, type RufousLogoLoaderProps, RufousTextContent, type RufousTextContentProps, RufousTextEditor, type MentionItemData as RufousTextEditorMentionItem, type RufousTextEditorProps, RufousThemeProvider, STATUS_COLORS, STATUS_IMAGES, STATUS_LABELS, Select, type SelectProps, SidebarIcon, Skeleton, type SkeletonProps, Slide, type SlideProps, Slider, type SliderProps, SmartSelect, type SmartSelectProps, Snackbar, type SnackbarProps, SoftSkillsIcon, type SortDirection, Stack, type StackProps, StandardButton, Step, StepButton, type StepButtonProps, StepContent, type StepContentProps, StepLabel, type StepLabelProps, type StepProps, Stepper, type StepperProps, SubmitButton, SubscribeIcon, SuspendUserIcon, Switch, type SwitchProps, type SxProp, Tab, TabPanel, type TabPanelProps, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableContainer, type TableContainerProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TablePagination, type TablePaginationProps, type TableProps, TableRow, type TableRowProps, TableSortLabel, type TableSortLabelProps, Tabs, type TabsProps, TechnicalSkillsIcon, TextField, type TextFieldProps, TickIcon, TimerIcon, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, Tooltip, type TooltipProps, TrashIcon, type TreeNode, TreeSelect, type TreeSelectMultiValue, type TreeSelectProps, type TreeSelectValue, Typography, type TypographyProps, UnArchivedIcon, UnsubscribeIcon, UploadIcon, UserAssignIcon, type UserOption, UserSelectionField, type UserSelectionFieldProps, ViewIcon, WorkItemIcon, Zoom, type ZoomProps, getAllCountries, getCitiesByName, getCitiesOfCountry, getCitiesOfState, getCityByName, getCountriesByName, getCountryByCode, getCountryByName, getStateByCode, getStateByName, getStatesByName, getStatesOfCountry, transformLegacyTodos, useCitiesSearch, useCountriesSearch, useRufousTheme, useStatesSearch };