@rufous/ui 0.3.15 → 0.3.18

package/dist/main.css

@@ -507,6 +507,21 @@
 .dg-th-label.no-sort {
   cursor: default;
 }
+.dg-sort-icon {
+  display: flex;
+  align-items: center;
+  opacity: 0;
+  transition: opacity 0.15s;
+  flex-shrink: 0;
+  color: var(--text-secondary);
+}
+.dg-sort-icon--active {
+  opacity: 1;
+  color: var(--primary-color);
+}
+.dg-thead-cell:hover .dg-sort-icon {
+  opacity: 1;
+}
 .dg-th-actions {
   display: flex;
   align-items: center;
@@ -534,6 +549,20 @@
   background: var(--border-color);
   color: var(--text-color);
 }
+.dg-th-filter-btn {
+  background: none;
+  border: none;
+  cursor: pointer;
+  padding: 3px;
+  border-radius: 4px;
+  color: var(--primary-color);
+  display: flex;
+  align-items: center;
+  transition: background 0.15s;
+}
+.dg-th-filter-btn:hover {
+  background: rgba(164, 27, 6, 0.08);
+}
 .dg-resizer {
   width: 4px;
   height: 16px;
@@ -2879,6 +2908,7 @@ pre {
 .rf-select__display {
   display: flex;
   align-items: center;
+  gap: 8px;
   flex: 1;
   min-width: 0;
   padding: 16.5px 14px;
@@ -3048,6 +3078,27 @@ pre {
   cursor: default;
   pointer-events: none;
 }
+.rf-select__option-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  max-width: 18px;
+  max-height: 18px;
+  overflow: hidden;
+  color: inherit;
+}
+.rf-select__option-icon > * {
+  max-width: 18px;
+  max-height: 18px;
+}
+.rf-select__option-icon-img {
+  width: 18px;
+  height: 18px;
+  object-fit: cover;
+  border-radius: 3px;
+  display: block;
+}
 .rf-select__option-label {
   flex: 1;
   overflow: hidden;
@@ -6283,6 +6334,8 @@ pre {
   font-size: 14px;
 }
 
+/* lib/styles/smart-select.css */
+
 /* lib/styles/button.css */
 .btn {
   padding: 10px 20px;

package/dist/main.d.cts

@@ -850,6 +850,12 @@ interface Column<T> {
         row: T;
         field: string;
     }) => string;
+    /**
+     * Override the value written to CSV export for this column.
+     * Receives the raw field value and the full row item.
+     * Takes precedence over valueGetter / valueFormatter for export purposes.
+     */
+    exportValue?: (value: any, item: T) => string;
     width?: string | number;
     minWidth?: string | number;
     maxWidth?: string | number;
@@ -875,6 +881,12 @@ interface Column<T> {
     disableColumnMenu?: boolean;
     isExportable?: boolean;
 }
+interface FilterState {
+    column: string;
+    operator: string;
+    value: string;
+    logic: 'AND' | 'OR';
+}
 interface Action<T> {
     label: string;
     icon: React__default.ReactNode;
@@ -932,17 +944,41 @@ interface DataGridProps<T> {
     headerActions?: DataGridToolbarSlot;
     /** Extra content rendered in a second row below the header */
     toolbarContent?: DataGridToolbarSlot;
+    /**
+     * Limit global search to these column field names.
+     * When omitted, all visible columns are searched.
+     */
+    searchableColumns?: string[];
+    /**
+     * Called when the search query finds no local results.
+     * Use this to trigger a server-side search.
+     */
+    onSearchChange?: (query: string) => void;
+    /** Called whenever the applied advanced filters change. */
+    onFiltersChange?: (filters: FilterState[]) => void;
+    /** Hide the "Export CSV" button in the header toolbar. */
+    hideTopExport?: boolean;
 }
 
 declare function DataGrid<T extends {
     id: string | number;
-}>({ columns: initialColumnsProp, data, actions, loading, pagination, paginationMode, rowCount, paginationModel, onPaginationModelChange, pageSize: initialPageSize, pageSizeOptions, title, className, sx, onRowDoubleClick, onCellDoubleClick, headerActions, toolbarContent, }: DataGridProps<T>): React__default.JSX.Element;
+}>({ columns: initialColumnsProp, data, actions, loading, pagination, paginationMode, rowCount, paginationModel, onPaginationModelChange, pageSize: initialPageSize, pageSizeOptions, title, className, sx, onRowDoubleClick, onCellDoubleClick, headerActions, toolbarContent, searchableColumns, onSearchChange, onFiltersChange, hideTopExport, }: DataGridProps<T>): React__default.JSX.Element;
 
 type SelectOption = {
     value: string | number;
     label: string;
     disabled?: boolean;
     group?: string;
+    /**
+     * Optional icon rendered to the left of the label in both the dropdown and the trigger.
+     * Pass a React component (e.g. a Lucide icon) **or** an image URL string.
+     * Max size is capped to 18 × 18 px via CSS.
+     */
+    icon?: React__default.ComponentType<{
+        size?: number;
+        className?: string;
+        style?: React__default.CSSProperties;
+    }> | string;
 };
 interface SelectProps {
     options: SelectOption[] | string[];
@@ -1864,6 +1900,78 @@ interface UserSelectionFieldProps {
 }
 declare function UserSelectionField({ value, onChange, options, loading, onSearchChange, label, multiple, limitTags, size, variant, disabled, error, helperText, fullWidth, required, filterOptions: filterOptionsProp, className, style, sx, }: UserSelectionFieldProps): React__default.JSX.Element;
 
+interface SmartSelectProps<T = any> {
+    /** Options array — can be flat or hierarchical (via getOptionChildren) */
+    options: T[];
+    /** Controlled value. Single: T | null. Multiple: T[] */
+    value?: T | T[] | null;
+    /** Called when selection changes */
+    onChange?: (value: T | T[] | null) => void;
+    /**
+     * Called when the typed text finds no local match —
+     * use this to trigger an API / server search.
+     */
+    onSearchChange?: (query: string) => void;
+    /**
+     * Debounce delay in ms before `onSearchChange` fires.
+     * Defaults to 300 ms. Pass 0 to disable debouncing.
+     */
+    debounceMs?: number;
+    /** Primary display label for an option (required) */
+    getOptionLabel: (option: T) => string;
+    /** Unique key for an option — defaults to the label string */
+    getOptionValue?: (option: T) => string | number;
+    /** Optional secondary line shown below the label */
+    getOptionSubLabel?: (option: T) => string | undefined;
+    /**
+     * Return child options to create a hierarchical list.
+     * The tree is flattened with indentation for display.
+     */
+    getOptionChildren?: (option: T) => T[] | undefined;
+    /** Allow selecting multiple options */
+    multiple?: boolean;
+    /**
+     * When **true** (default) selecting a parent selects all its descendants.
+     * When **false** every option is selected / deselected independently.
+     * Only relevant when getOptionChildren is provided and multiple is true.
+     */
+    allowChildNodesSelection?: boolean;
+    /** Show a loading spinner in the dropdown */
+    loading?: boolean;
+    /** Content shown while loading */
+    loadingText?: ReactNode;
+    /**
+     * Override the default label + sub-label filter.
+     * Pass `(opts) => opts` to bypass when options are pre-filtered externally.
+     */
+    filterOptions?: (options: T[], inputValue: string) => T[];
+    /**
+     * Custom option renderer. Receives the li props, option, and { selected } state.
+     * When provided, overrides the default Select-style rendering.
+     */
+    renderOption?: (props: React__default.HTMLAttributes<HTMLLIElement> & {
+        key: React__default.Key;
+    }, option: T, state: {
+        selected: boolean;
+        index: number;
+    }) => ReactNode;
+    /** In multiple mode, cap how many tag chips are shown before "+N more" */
+    limitTags?: number;
+    label?: string;
+    placeholder?: string;
+    variant?: 'outlined' | 'filled' | 'standard';
+    size?: 'small' | 'medium';
+    disabled?: boolean;
+    error?: boolean;
+    helperText?: ReactNode;
+    fullWidth?: boolean;
+    required?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare function SmartSelect<T = any>({ options, value, onChange, onSearchChange, debounceMs, getOptionLabel, getOptionValue, getOptionSubLabel, getOptionChildren, multiple, allowChildNodesSelection, loading, loadingText, filterOptions: filterOptionsProp, renderOption: renderOptionProp, limitTags, label, placeholder, variant, size, disabled, error, helperText, fullWidth, required, className, style, sx, }: SmartSelectProps<T>): React__default.JSX.Element;
+
 type ToolbarButton = 'undo' | 'redo' | 'ai' | 'paragraph' | 'fontsize' | 'font' | 'color' | 'bold' | 'italic' | 'strike' | 'link' | 'lineheight' | 'ul' | 'ol' | 'align' | 'indent' | 'outdent' | 'table' | 'image' | 'video' | 'cut' | 'copy' | 'paste' | 'specialchars' | 'code' | 'fullscreen' | 'tts' | 'stt' | 'translate' | 'todo' | '|';
 type EditorVariant = 'default' | 'basic';
 interface RufousTextEditorProps {
@@ -1950,4 +2058,4 @@ interface MentionItemData {
     shortName?: string;
 }
 
-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, 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, Fade, type FadeProps, FunctionIcon, Grid, type GridProps, Grow, type GrowProps, HelpOutlinedIcon, HierarchyIcon, IconButton, type IconButtonProps, ImageField, type ImageFieldProps, InactiveGroupIcon, IndustryIcon, InvoiceIcon, Link, type LinkProps, List, ListItem, ListItemButton, type ListItemButtonProps, ListItemIcon, type ListItemIconProps, type ListItemProps, ListItemText, type ListItemTextProps, type ListProps, ListSubheader, type ListSubheaderProps, LocationPinIcon, LogsIcon, 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, Select, type SelectProps, SidebarIcon, Skeleton, type SkeletonProps, Slide, type SlideProps, Slider, type SliderProps, 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, transformLegacyTodos, useRufousTheme };
+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, 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, Fade, type FadeProps, FunctionIcon, Grid, type GridProps, Grow, type GrowProps, HelpOutlinedIcon, HierarchyIcon, IconButton, type IconButtonProps, ImageField, type ImageFieldProps, InactiveGroupIcon, IndustryIcon, InvoiceIcon, Link, type LinkProps, List, ListItem, ListItemButton, type ListItemButtonProps, ListItemIcon, type ListItemIconProps, type ListItemProps, ListItemText, type ListItemTextProps, type ListProps, ListSubheader, type ListSubheaderProps, LocationPinIcon, LogsIcon, 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, 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, transformLegacyTodos, useRufousTheme };

package/dist/main.d.ts

@@ -850,6 +850,12 @@ interface Column<T> {
         row: T;
         field: string;
     }) => string;
+    /**
+     * Override the value written to CSV export for this column.
+     * Receives the raw field value and the full row item.
+     * Takes precedence over valueGetter / valueFormatter for export purposes.
+     */
+    exportValue?: (value: any, item: T) => string;
     width?: string | number;
     minWidth?: string | number;
     maxWidth?: string | number;
@@ -875,6 +881,12 @@ interface Column<T> {
     disableColumnMenu?: boolean;
     isExportable?: boolean;
 }
+interface FilterState {
+    column: string;
+    operator: string;
+    value: string;
+    logic: 'AND' | 'OR';
+}
 interface Action<T> {
     label: string;
     icon: React__default.ReactNode;
@@ -932,17 +944,41 @@ interface DataGridProps<T> {
     headerActions?: DataGridToolbarSlot;
     /** Extra content rendered in a second row below the header */
     toolbarContent?: DataGridToolbarSlot;
+    /**
+     * Limit global search to these column field names.
+     * When omitted, all visible columns are searched.
+     */
+    searchableColumns?: string[];
+    /**
+     * Called when the search query finds no local results.
+     * Use this to trigger a server-side search.
+     */
+    onSearchChange?: (query: string) => void;
+    /** Called whenever the applied advanced filters change. */
+    onFiltersChange?: (filters: FilterState[]) => void;
+    /** Hide the "Export CSV" button in the header toolbar. */
+    hideTopExport?: boolean;
 }
 
 declare function DataGrid<T extends {
     id: string | number;
-}>({ columns: initialColumnsProp, data, actions, loading, pagination, paginationMode, rowCount, paginationModel, onPaginationModelChange, pageSize: initialPageSize, pageSizeOptions, title, className, sx, onRowDoubleClick, onCellDoubleClick, headerActions, toolbarContent, }: DataGridProps<T>): React__default.JSX.Element;
+}>({ columns: initialColumnsProp, data, actions, loading, pagination, paginationMode, rowCount, paginationModel, onPaginationModelChange, pageSize: initialPageSize, pageSizeOptions, title, className, sx, onRowDoubleClick, onCellDoubleClick, headerActions, toolbarContent, searchableColumns, onSearchChange, onFiltersChange, hideTopExport, }: DataGridProps<T>): React__default.JSX.Element;
 
 type SelectOption = {
     value: string | number;
     label: string;
     disabled?: boolean;
     group?: string;
+    /**
+     * Optional icon rendered to the left of the label in both the dropdown and the trigger.
+     * Pass a React component (e.g. a Lucide icon) **or** an image URL string.
+     * Max size is capped to 18 × 18 px via CSS.
+     */
+    icon?: React__default.ComponentType<{
+        size?: number;
+        className?: string;
+        style?: React__default.CSSProperties;
+    }> | string;
 };
 interface SelectProps {
     options: SelectOption[] | string[];
@@ -1864,6 +1900,78 @@ interface UserSelectionFieldProps {
 }
 declare function UserSelectionField({ value, onChange, options, loading, onSearchChange, label, multiple, limitTags, size, variant, disabled, error, helperText, fullWidth, required, filterOptions: filterOptionsProp, className, style, sx, }: UserSelectionFieldProps): React__default.JSX.Element;
 
+interface SmartSelectProps<T = any> {
+    /** Options array — can be flat or hierarchical (via getOptionChildren) */
+    options: T[];
+    /** Controlled value. Single: T | null. Multiple: T[] */
+    value?: T | T[] | null;
+    /** Called when selection changes */
+    onChange?: (value: T | T[] | null) => void;
+    /**
+     * Called when the typed text finds no local match —
+     * use this to trigger an API / server search.
+     */
+    onSearchChange?: (query: string) => void;
+    /**
+     * Debounce delay in ms before `onSearchChange` fires.
+     * Defaults to 300 ms. Pass 0 to disable debouncing.
+     */
+    debounceMs?: number;
+    /** Primary display label for an option (required) */
+    getOptionLabel: (option: T) => string;
+    /** Unique key for an option — defaults to the label string */
+    getOptionValue?: (option: T) => string | number;
+    /** Optional secondary line shown below the label */
+    getOptionSubLabel?: (option: T) => string | undefined;
+    /**
+     * Return child options to create a hierarchical list.
+     * The tree is flattened with indentation for display.
+     */
+    getOptionChildren?: (option: T) => T[] | undefined;
+    /** Allow selecting multiple options */
+    multiple?: boolean;
+    /**
+     * When **true** (default) selecting a parent selects all its descendants.
+     * When **false** every option is selected / deselected independently.
+     * Only relevant when getOptionChildren is provided and multiple is true.
+     */
+    allowChildNodesSelection?: boolean;
+    /** Show a loading spinner in the dropdown */
+    loading?: boolean;
+    /** Content shown while loading */
+    loadingText?: ReactNode;
+    /**
+     * Override the default label + sub-label filter.
+     * Pass `(opts) => opts` to bypass when options are pre-filtered externally.
+     */
+    filterOptions?: (options: T[], inputValue: string) => T[];
+    /**
+     * Custom option renderer. Receives the li props, option, and { selected } state.
+     * When provided, overrides the default Select-style rendering.
+     */
+    renderOption?: (props: React__default.HTMLAttributes<HTMLLIElement> & {
+        key: React__default.Key;
+    }, option: T, state: {
+        selected: boolean;
+        index: number;
+    }) => ReactNode;
+    /** In multiple mode, cap how many tag chips are shown before "+N more" */
+    limitTags?: number;
+    label?: string;
+    placeholder?: string;
+    variant?: 'outlined' | 'filled' | 'standard';
+    size?: 'small' | 'medium';
+    disabled?: boolean;
+    error?: boolean;
+    helperText?: ReactNode;
+    fullWidth?: boolean;
+    required?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare function SmartSelect<T = any>({ options, value, onChange, onSearchChange, debounceMs, getOptionLabel, getOptionValue, getOptionSubLabel, getOptionChildren, multiple, allowChildNodesSelection, loading, loadingText, filterOptions: filterOptionsProp, renderOption: renderOptionProp, limitTags, label, placeholder, variant, size, disabled, error, helperText, fullWidth, required, className, style, sx, }: SmartSelectProps<T>): React__default.JSX.Element;
+
 type ToolbarButton = 'undo' | 'redo' | 'ai' | 'paragraph' | 'fontsize' | 'font' | 'color' | 'bold' | 'italic' | 'strike' | 'link' | 'lineheight' | 'ul' | 'ol' | 'align' | 'indent' | 'outdent' | 'table' | 'image' | 'video' | 'cut' | 'copy' | 'paste' | 'specialchars' | 'code' | 'fullscreen' | 'tts' | 'stt' | 'translate' | 'todo' | '|';
 type EditorVariant = 'default' | 'basic';
 interface RufousTextEditorProps {
@@ -1950,4 +2058,4 @@ interface MentionItemData {
     shortName?: string;
 }
 
-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, 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, Fade, type FadeProps, FunctionIcon, Grid, type GridProps, Grow, type GrowProps, HelpOutlinedIcon, HierarchyIcon, IconButton, type IconButtonProps, ImageField, type ImageFieldProps, InactiveGroupIcon, IndustryIcon, InvoiceIcon, Link, type LinkProps, List, ListItem, ListItemButton, type ListItemButtonProps, ListItemIcon, type ListItemIconProps, type ListItemProps, ListItemText, type ListItemTextProps, type ListProps, ListSubheader, type ListSubheaderProps, LocationPinIcon, LogsIcon, 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, Select, type SelectProps, SidebarIcon, Skeleton, type SkeletonProps, Slide, type SlideProps, Slider, type SliderProps, 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, transformLegacyTodos, useRufousTheme };
+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, 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, Fade, type FadeProps, FunctionIcon, Grid, type GridProps, Grow, type GrowProps, HelpOutlinedIcon, HierarchyIcon, IconButton, type IconButtonProps, ImageField, type ImageFieldProps, InactiveGroupIcon, IndustryIcon, InvoiceIcon, Link, type LinkProps, List, ListItem, ListItemButton, type ListItemButtonProps, ListItemIcon, type ListItemIconProps, type ListItemProps, ListItemText, type ListItemTextProps, type ListProps, ListSubheader, type ListSubheaderProps, LocationPinIcon, LogsIcon, 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, 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, transformLegacyTodos, useRufousTheme };