@rufous/ui 0.3.12 → 0.3.15

package/dist/main.css

@@ -146,6 +146,7 @@
   transition: all 0.2s;
   border-radius: 8px;
   flex-shrink: 0;
+  outline: none;
 }
 .btn-close:hover {
   border-color: var(--primary-color);
@@ -458,7 +459,7 @@
 .dg-table thead {
   position: sticky;
   top: 0;
-  z-index: 10;
+  z-index: 20;
 }
 .dg-table thead tr {
   background: var(--hover-color);
@@ -514,7 +515,8 @@
   transition: opacity 0.15s;
   flex-shrink: 0;
 }
-.dg-thead-cell:hover .dg-th-actions {
+.dg-thead-cell:hover .dg-th-actions,
+.dg-th-actions--filtered {
   opacity: 1;
 }
 .dg-th-menu-btn {
@@ -683,15 +685,77 @@
   font-size: 0.82rem;
   color: var(--text-secondary);
 }
-.dg-per-page select {
-  padding: 4px 8px;
+.dg-fsel {
+  position: relative;
+  flex: 1;
+  min-width: 0;
+}
+.dg-fsel--sm {
+  flex: none;
+  width: 148px;
+}
+.dg-fsel--pagesize {
+  width: 72px;
+}
+.dg-fsel-trigger {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  padding: 8px 10px 8px 12px;
   border: 1px solid var(--border-color);
-  border-radius: 6px;
-  background: var(--surface-color);
+  border-radius: 8px;
+  background: var(--background-color);
   color: var(--text-color);
+  font-size: 0.85rem;
+  cursor: pointer;
+  gap: 6px;
+  text-align: left;
+  transition: border-color 0.2s;
+  white-space: nowrap;
+  overflow: hidden;
+}
+.dg-fsel--pagesize .dg-fsel-trigger {
+  background: var(--surface-color);
   font-size: 0.82rem;
+  padding: 6px 8px 6px 10px;
+}
+.dg-fsel-trigger:hover,
+.dg-fsel-trigger:focus {
+  border-color: var(--primary-color);
   outline: none;
-  cursor: pointer;
+}
+.dg-fsel-label {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.dg-fsel-chevron {
+  flex-shrink: 0;
+  color: var(--text-secondary);
+}
+.dg-fsel-menu {
+  position: absolute;
+  top: calc(100% + 4px);
+  left: 0;
+  z-index: 400;
+  min-width: 100%;
+  background: var(--surface-color);
+  border: 1px solid var(--border-color);
+  border-radius: 10px;
+  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
+  padding: 6px;
+  max-height: 240px;
+  overflow-y: auto;
+}
+.dg-fsel-menu--top {
+  top: auto;
+  bottom: calc(100% + 4px);
+}
+.dg-menu-item--selected {
+  background: var(--hover-color);
+  color: var(--primary-color);
 }
 .dg-page-nav {
   display: flex;
@@ -891,10 +955,9 @@
   align-items: center;
   gap: 8px;
 }
-.dg-filter-select,
 .dg-filter-input {
   flex: 1;
-  padding: 8px 30px 8px 12px;
+  padding: 8px 12px;
   border: 1px solid var(--border-color);
   border-radius: 8px;
   background: var(--background-color);
@@ -902,20 +965,9 @@
   font-size: 0.85rem;
   outline: none;
 }
-.dg-filter-select {
-  appearance: none;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  background-position: right 10px center;
-}
-.dg-filter-select:focus,
 .dg-filter-input:focus {
   border-color: var(--primary-color);
 }
-.dg-filter-select-sm {
-  width: 140px;
-  flex: none;
-}
 .dg-filter-modal {
   overflow: visible;
 }
@@ -930,8 +982,10 @@
 }
 .dg-filter-datefield {
   flex: 1;
+  min-width: 0;
 }
 .dg-filter-datefield .rf-date-field {
+  display: flex;
   width: 100%;
   --tf-border-color: var(--border-color);
   --tf-hover-border-color: var(--text-secondary);
@@ -1099,6 +1153,284 @@ pre {
   color: var(--text-color);
 }
 
+/* lib/styles/tree-select.css */
+.rf-tree-select {
+}
+.rf-tree-select__trigger {
+  cursor: pointer;
+  user-select: none;
+  position: relative;
+  outline: none;
+}
+.rf-ts__display {
+  display: flex;
+  align-items: center;
+  flex: 1;
+  min-width: 0;
+  padding: 16.5px 14px;
+  font-size: 1rem;
+  line-height: 1.4375em;
+  color: var(--tf-text-color);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  z-index: 2;
+  box-sizing: border-box;
+}
+.rf-ts__display--placeholder {
+  color: var(--tf-placeholder-color);
+}
+.rf-text-field--small .rf-ts__display {
+  padding: 8.5px 14px;
+  font-size: 0.875rem;
+}
+.rf-text-field--filled .rf-ts__display {
+  padding: 25px 12px 8px;
+}
+.rf-text-field--small.rf-text-field--filled .rf-ts__display {
+  padding: 21px 12px 4px;
+}
+.rf-text-field--standard .rf-ts__display {
+  padding: 4px 0 5px;
+  margin-top: 16px;
+}
+.rf-tree-select .rf-autocomplete__endgroup {
+  z-index: 3;
+}
+.rf-ts__chips {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 4px;
+  flex: 1;
+  padding: 6px 14px;
+  min-height: 56px;
+  box-sizing: border-box;
+  z-index: 2;
+}
+.rf-text-field--small .rf-ts__chips {
+  min-height: 40px;
+  padding: 3px 14px;
+}
+.rf-text-field--filled .rf-ts__chips {
+  padding-top: 20px;
+  padding-left: 12px;
+  padding-right: 12px;
+}
+.rf-ts__chip {
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+  background-color: var(--hover-color);
+  border: 1px solid var(--border-color);
+  border-radius: 16px;
+  padding: 2px 4px 2px 10px;
+  font-size: 0.8125rem;
+  font-weight: 500;
+  color: var(--text-color);
+  max-width: 200px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  line-height: 1.4;
+  flex-shrink: 0;
+}
+.rf-ts__chip-delete {
+  background: none;
+  border: none;
+  padding: 1px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--text-secondary);
+  border-radius: 50%;
+  transition: background-color 0.12s, color 0.12s;
+  outline: none;
+  flex-shrink: 0;
+}
+.rf-ts__chip-delete:hover {
+  background-color: var(--hover-color);
+  color: var(--text-color);
+}
+.rf-ts__placeholder {
+  font-size: 1rem;
+  color: var(--tf-placeholder-color);
+  line-height: 1.4375em;
+}
+.rf-tree-select__popup {
+  z-index: 2100;
+  background: var(--surface-color, #ffffff);
+  border-radius: 10px;
+  box-shadow:
+    0 4px 6px rgba(0, 0, 0, 0.06),
+    0 10px 28px rgba(0, 0, 0, 0.13),
+    0 0 0 1px rgba(0, 0, 0, 0.05);
+  display: flex;
+  flex-direction: column;
+  max-height: 320px;
+  overflow: hidden;
+  animation: rf-ts-appear 0.12s cubic-bezier(0.2, 0, 0, 1.15);
+  transform-origin: top center;
+}
+@keyframes rf-ts-appear {
+  from {
+    opacity: 0;
+    transform: scale(0.96) translateY(-4px);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1) translateY(0);
+  }
+}
+.rf-tree-select__filter {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 8px 10px;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
+  flex-shrink: 0;
+}
+.rf-tree-select__filter-icon {
+  color: rgba(0, 0, 0, 0.38);
+  flex-shrink: 0;
+}
+.rf-tree-select__filter-input {
+  flex: 1;
+  border: none;
+  outline: none;
+  font: inherit;
+  font-size: 0.875rem;
+  color: var(--tf-text-color, rgba(0, 0, 0, 0.87));
+  background: transparent;
+}
+.rf-tree-select__tree {
+  overflow-y: auto;
+  flex: 1;
+  padding: 6px 0;
+  scrollbar-width: thin;
+  scrollbar-color: rgba(0, 0, 0, 0.15) transparent;
+}
+.rf-tree-select__tree::-webkit-scrollbar {
+  width: 5px;
+}
+.rf-tree-select__tree::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.15);
+  border-radius: 3px;
+}
+.rf-tree-select__empty {
+  padding: 20px 16px;
+  font-size: 0.875rem;
+  color: rgba(0, 0, 0, 0.45);
+  text-align: center;
+}
+.rf-tsn__row {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding-right: 12px;
+  padding-top: 7px;
+  padding-bottom: 7px;
+  cursor: pointer;
+  border-radius: 6px;
+  margin: 1px 6px;
+  transition: background 0.12s;
+  min-height: 36px;
+  box-sizing: border-box;
+}
+.rf-tsn__row:hover {
+  background: rgba(241, 91, 36, 0.06);
+}
+.rf-tsn__row--active .rf-tsn__label {
+  color: rgba(0, 0, 0, 0.87);
+  font-weight: 500;
+}
+.rf-tsn__expand {
+  background: none;
+  border: none;
+  padding: 2px;
+  cursor: pointer;
+  color: rgba(0, 0, 0, 0.45);
+  display: flex;
+  align-items: center;
+  border-radius: 4px;
+  transition: background 0.12s, color 0.12s;
+  flex-shrink: 0;
+  line-height: 0;
+}
+.rf-tsn__expand:hover {
+  background: rgba(0, 0, 0, 0.06);
+  color: rgba(0, 0, 0, 0.87);
+}
+.rf-tsn__expand-ph {
+  width: 18px;
+  height: 18px;
+  flex-shrink: 0;
+  display: inline-block;
+}
+.rf-tsn__cb {
+  width: 16px;
+  height: 16px;
+  border: 2px solid var(--border-color);
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  transition: border-color 0.15s, background 0.15s;
+  background: var(--surface-color);
+  color: transparent;
+}
+.rf-tsn__cb--checked {
+  background: var(--primary-color);
+  border-color: var(--primary-color);
+  color: #fff;
+}
+.rf-tsn__cb--partial {
+  border-color: var(--primary-color);
+}
+.rf-tsn__cb-dash {
+  display: block;
+  width: 8px;
+  height: 2px;
+  background: var(--primary-color);
+  border-radius: 1px;
+}
+.rf-tsn__radio {
+  width: 16px;
+  height: 16px;
+  border: 2px solid var(--border-color);
+  border-radius: 50%;
+  flex-shrink: 0;
+  transition: border-color 0.15s;
+  position: relative;
+}
+.rf-tsn__radio--checked {
+  border-color: var(--primary-color);
+}
+.rf-tsn__radio--checked::after {
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 8px;
+  height: 8px;
+  background: var(--primary-color);
+  border-radius: 50%;
+}
+.rf-tsn__label {
+  font-size: 0.875rem;
+  color: rgba(0, 0, 0, 0.75);
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  line-height: 1.4;
+  transition: color 0.12s;
+}
+
 /* lib/styles/address-lookup.css */
 .address-lookup-container {
   width: 100%;
@@ -5997,6 +6329,7 @@ pre {
   justify-content: center;
   letter-spacing: 0.5px;
   transition: all 0.2s;
+  outline: none;
 }
 .cancel-btn:hover,
 .btn-cancel:hover {
@@ -6019,6 +6352,7 @@ pre {
   justify-content: center;
   letter-spacing: 0.5px;
   transition: all 0.2s ease;
+  outline: none;
 }
 .submit-btn:hover:not(:disabled),
 .btn-submit:hover:not(:disabled),
@@ -6370,11 +6704,11 @@ pre {
   z-index: 2;
 }
 .rf-text-field__adornment--start {
-  margin-left: 0px;
+  margin-left: 8px;
   margin-right: -6px;
 }
 .rf-text-field__adornment--end {
-  margin-right: 0px;
+  margin-right: 8px;
   margin-left: -6px;
 }
 .rf-text-field--standard .rf-text-field__adornment--start {

package/dist/main.d.cts

@@ -1757,6 +1757,113 @@ interface PhoneFieldProps {
 }
 declare const PhoneField: React__default.ForwardRefExoticComponent<PhoneFieldProps & React__default.RefAttributes<HTMLDivElement>>;
 
+interface TreeNode {
+    id: string | number;
+    label: string;
+    name?: string;
+    children?: TreeNode[];
+}
+type TreeSelectMultiValue = Record<string, boolean>;
+type TreeSelectSingleValue = string | number | null;
+type TreeSelectValue = TreeSelectSingleValue | TreeSelectMultiValue;
+interface TreeSelectProps {
+    /** Tree data — each node may have nested children */
+    options: TreeNode[];
+    /** Controlled value. Single mode: id or null. Multiple mode: Record<id, boolean>. */
+    value?: TreeSelectValue;
+    /** Called when selection changes */
+    onChange?: (e: {
+        value: TreeSelectValue;
+    }) => void;
+    /** Called when a node is selected */
+    onNodeSelect?: (e: {
+        node: TreeNode;
+    }) => void;
+    /** Called when a node is unselected */
+    onNodeUnselect?: (e: {
+        node: TreeNode;
+    }) => void;
+    /** 'single' (default) or 'multiple' (checkbox tree) */
+    selectionMode?: 'single' | 'multiple';
+    /** Placeholder text shown when nothing is selected */
+    placeholder?: string;
+    /** Show a search filter input at the top of the dropdown */
+    filter?: boolean;
+    /** Auto-focus the filter input when the dropdown opens */
+    filterInputAutoFocus?: boolean;
+    /** Clear filter text when the dropdown closes */
+    resetFilterOnHide?: boolean;
+    /** PrimeReact compat — accepted but not used (checkboxes handle multi-select) */
+    metaKeySelection?: boolean;
+    /** Disable the whole control */
+    disabled?: boolean;
+    /** Floating label */
+    label?: string;
+    /** Visual variant (mirrors TextField) */
+    variant?: 'outlined' | 'filled' | 'standard';
+    /** Size */
+    size?: 'small' | 'medium';
+    /** Error state */
+    error?: boolean;
+    /** Helper / error text below the field */
+    helperText?: ReactNode;
+    /** Stretch to full container width */
+    fullWidth?: boolean;
+    /** Show a clear button when a value is selected */
+    clearable?: boolean;
+    /** Mark the field as required — appends an asterisk to the label */
+    required?: boolean;
+    style?: CSSProperties;
+    className?: string;
+    sx?: SxProp;
+}
+declare function TreeSelect({ options, value, onChange, onNodeSelect, onNodeUnselect, selectionMode, placeholder, filter, filterInputAutoFocus, resetFilterOnHide, metaKeySelection: _metaKeySelection, disabled, label, variant, size, error, helperText, fullWidth, clearable, required, style, className, sx, }: TreeSelectProps): React__default.JSX.Element;
+
+interface UserOption {
+    id?: string | number;
+    _id?: string | number;
+    userFirstName?: string;
+    userLastName?: string;
+    emailId?: string;
+}
+interface UserSelectionFieldProps {
+    /** Selected user (single) or array of users (multiple) */
+    value?: UserOption | UserOption[] | null;
+    /** Called when selection changes */
+    onChange: (value: UserOption | UserOption[] | null) => void;
+    /** Available user options */
+    options?: UserOption[];
+    /** Show a loading spinner */
+    loading?: boolean;
+    /**
+     * Called when the search text changes and no local match is found —
+     * use this to trigger an API search.
+     */
+    onSearchChange?: (value: string) => void;
+    /** Label / placeholder text */
+    label?: string;
+    /** Allow selecting multiple users */
+    multiple?: boolean;
+    /** In multiple mode, cap how many tag chips are shown before "+N more" */
+    limitTags?: number;
+    size?: 'small' | 'medium';
+    variant?: 'outlined' | 'filled' | 'standard';
+    disabled?: boolean;
+    error?: boolean;
+    helperText?: ReactNode;
+    fullWidth?: boolean;
+    required?: boolean;
+    /**
+     * Override the default name/email filter. Receives (options, inputValue).
+     * Pass `(opts) => opts` to skip internal filtering when options are pre-filtered externally.
+     */
+    filterOptions?: (options: UserOption[], inputValue: string) => UserOption[];
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+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;
+
 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 {
@@ -1843,4 +1950,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, Typography, type TypographyProps, UnArchivedIcon, UnsubscribeIcon, UploadIcon, UserAssignIcon, 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, 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 };