@rufous/ui 0.1.87 → 0.1.88

package/dist/main.css

@@ -1099,7 +1099,7 @@
   --text-secondary: #666666;
   --border-color: #e0e0e0;
   --hover-color: #fff5f5;
-  --selection-color: #fce4ec;
+  --selection-color: #a41b0614;
   --icon-color: #a41b06;
 }
 .dialog-overlay.overlay-fullscreen {
@@ -5832,6 +5832,158 @@ pre {
   filter: grayscale(60%);
 }
 
+/* lib/styles/phone-field.css */
+.rf-phone-field {
+  position: relative;
+}
+.rf-phone-field--margin-normal {
+  margin-top: 16px;
+  margin-bottom: 8px;
+}
+.rf-phone-field--margin-dense {
+  margin-top: 8px;
+  margin-bottom: 4px;
+}
+.rf-phone-field__country-selector {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  padding: 0 2px 0 8px;
+  cursor: pointer;
+  user-select: none;
+  flex-shrink: 0;
+  border: none;
+  background: none;
+  outline: none;
+  border-radius: 4px;
+  transition: background-color 0.15s;
+}
+.rf-text-field--filled .rf-phone-field__country-selector {
+  padding: 17px 2px 0 8px;
+}
+.rf-text-field--standard .rf-phone-field__country-selector {
+  padding: 15px 2px 0 8px;
+}
+.rf-phone-field__country-selector:hover {
+  cursor: pointer;
+}
+.rf-phone-field__country-selector--disabled {
+  pointer-events: none;
+  opacity: 0.5;
+  cursor: default;
+}
+.rf-phone-field__flag {
+  font-size: 18px;
+  line-height: 1;
+}
+.rf-phone-field__dial-code {
+  color: var(--tf-text-color, #333);
+  white-space: nowrap;
+}
+.rf-phone-field__chevron {
+  display: flex;
+  align-items: center;
+  color: var(--tf-placeholder-color, #888);
+  transition: transform 0.2s;
+}
+.rf-phone-field .rf-text-field__wrapper {
+  display: flex;
+  align-items: center;
+}
+.rf-phone-field .rf-text-field__label {
+  transform: translate(14px, -9px) scale(0.75) !important;
+}
+.rf-phone-field.rf-text-field--filled .rf-text-field__label {
+  transform: translate(12px, 4px) scale(0.75) !important;
+}
+.rf-phone-field.rf-text-field--standard .rf-text-field__label {
+  transform: translate(0, -18px) scale(0.75) !important;
+}
+.rf-phone-field.rf-text-field--small.rf-text-field--outlined .rf-text-field__label {
+  transform: translate(14px, -7px) scale(0.75) !important;
+}
+.rf-phone-field.rf-text-field--small.rf-text-field--filled .rf-text-field__label {
+  transform: translate(12px, 2px) scale(0.75) !important;
+}
+.rf-phone-field .rf-text-field__legend {
+  max-width: 100% !important;
+}
+.rf-phone-field__divider {
+  width: 1px;
+  height: 60%;
+  background-color: var(--tf-border-color, #c4c4c4);
+  flex-shrink: 0;
+}
+.rf-phone-field__input {
+  flex: 1;
+  min-width: 0;
+}
+.rf-phone-field__popup.rf-select__popup {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: auto;
+  width: max-content;
+  min-width: 280px;
+  max-width: 360px;
+  z-index: 1400;
+  overflow: hidden;
+}
+.rf-phone-field__search-indicator {
+  padding: 6px 12px;
+  font-size: 12px;
+  color: var(--tf-placeholder-color, #888);
+  border-bottom: 1px solid var(--tf-border-color, #e0e0e0);
+  background: var(--rf-surface-variant, #f5f5f5);
+}
+.rf-phone-field__popup .rf-select__listbox {
+  max-height: inherit;
+}
+.rf-phone-field__option {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 8px 12px;
+  cursor: pointer;
+  transition: background-color 0.1s;
+  font-size: 14px;
+}
+.rf-phone-field__option:hover,
+.rf-phone-field__option--focused {
+  background-color: var(--hover-color);
+}
+.rf-phone-field__option--selected {
+  background-color: var(--selection-color);
+  font-weight: 500;
+}
+.rf-phone-field__option--selected.rf-phone-field__option--focused {
+  background-color: var(--rf-selected-hover, rgba(25, 118, 210, 0.12));
+}
+.rf-phone-field__option-flag {
+  font-size: 18px;
+  line-height: 1;
+  flex-shrink: 0;
+}
+.rf-phone-field__option-name {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--tf-text-color, #333);
+}
+.rf-phone-field__option-code {
+  color: var(--tf-placeholder-color, #888);
+  font-size: 13px;
+  flex-shrink: 0;
+}
+.rf-phone-field__no-results {
+  padding: 12px;
+  text-align: center;
+  color: var(--tf-placeholder-color, #888);
+  font-size: 14px;
+}
+
 /* lib/styles/button.css */
 .btn {
   padding: 10px 20px;
@@ -6270,7 +6422,7 @@ pre {
   margin-top: 17px;
 }
 .rf-text-field--adorned-start .rf-text-field__input {
-  padding-left: 8px;
+  padding-left: 0px;
 }
 .rf-text-field--adorned-end .rf-text-field__input {
   padding-right: 8px;

package/dist/main.d.cts

@@ -920,7 +920,7 @@ interface RadioProps {
     value: string | number;
     label?: string;
     checked?: boolean;
-    onChange?: (value: string | number) => void;
+    onChange?: (e: React__default.ChangeEvent<HTMLInputElement>, value: string | number) => void;
     disabled?: boolean;
     size?: "small" | "medium";
     name?: string;
@@ -929,7 +929,7 @@ interface RadioProps {
 declare const Radio: React__default.ForwardRefExoticComponent<RadioProps & React__default.RefAttributes<HTMLLabelElement>>;
 interface RadioGroupProps {
     value?: string | number;
-    onChange?: (value: string | number) => void;
+    onChange?: (e: React__default.ChangeEvent<HTMLInputElement>, value: string | number) => void;
     name?: string;
     options?: Array<{
         value: string | number;
@@ -1610,8 +1610,8 @@ interface ImageFieldProps {
     size?: "small" | "medium" | "large" | number;
     /** Accepted file types (default: "image/*") */
     accept?: string;
-    /** Called with the selected File when user picks an image */
-    onChange?: (file: File) => void;
+    /** Called with the change event and selected File when user picks an image */
+    onChange?: (e: React__default.ChangeEvent<HTMLInputElement>, file: File) => void;
     /** Overlay label text (default: "Upload") */
     overlayText?: string;
     /** Disable interaction */
@@ -1622,6 +1622,52 @@ interface ImageFieldProps {
 }
 declare const ImageField: React__default.ForwardRefExoticComponent<ImageFieldProps & React__default.RefAttributes<HTMLDivElement>>;
 
+interface PhoneFieldProps {
+    /** The full phone value including dial code (e.g. "911234567890") */
+    value?: string;
+    /** Callback fired when the phone value changes */
+    onChange?: (value: string, country: {
+        dialCode: string;
+        countryCode: string;
+        name: string;
+    }) => void;
+    /** Label text */
+    label?: string;
+    /** Visual variant */
+    variant?: "outlined" | "filled" | "standard";
+    /** Size of the component */
+    size?: "small" | "medium";
+    /** If true, displays error styling */
+    error?: boolean;
+    /** Helper text below the input */
+    helperText?: ReactNode;
+    /** If true, the input takes full width */
+    fullWidth?: boolean;
+    /** If true, the input is disabled */
+    disabled?: boolean;
+    /** If true, the field is required */
+    required?: boolean;
+    /** Default country ISO code (lowercase, e.g. "in") */
+    defaultCountry?: string;
+    /** Restrict to specific countries (lowercase ISO codes) */
+    onlyCountries?: string[];
+    /** If true, area codes are not shown in the dropdown */
+    disableAreaCodes?: boolean;
+    /** If false, the country code part of the input is not editable */
+    countryCodeEditable?: boolean;
+    /** Props applied to the native input element */
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+    /** Margin mode */
+    margin?: "none" | "dense" | "normal";
+    /** Optional class name */
+    className?: string;
+    /** Inline style overrides */
+    style?: CSSProperties;
+    /** Scoped style overrides */
+    sx?: SxProp;
+}
+declare const PhoneField: React__default.ForwardRefExoticComponent<PhoneFieldProps & React__default.RefAttributes<HTMLDivElement>>;
+
 interface RufousTextEditorProps {
     content?: string;
     placeholder?: string;
@@ -1649,4 +1695,4 @@ interface MentionItemData {
     avatar?: 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, type MentionItem, Menu, MenuDivider, MenuItem, type MenuItemProps, MenuList, type MenuListProps, type MenuProps, MinExperienceIcon, NineDotMenuIcon, NotificationIcon, Paper, type PaperProps, 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, RichTextEditor, type RichTextEditorProps, RolesIcon, RufousAiIcon, RufousBirdIcon, RufousLauncherIcon, RufousLogoLoader, type RufousLogoLoaderProps, 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, 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, type MentionItem, Menu, MenuDivider, MenuItem, type MenuItemProps, MenuList, type MenuListProps, type MenuProps, MinExperienceIcon, NineDotMenuIcon, NotificationIcon, 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, RichTextEditor, type RichTextEditorProps, RolesIcon, RufousAiIcon, RufousBirdIcon, RufousLauncherIcon, RufousLogoLoader, type RufousLogoLoaderProps, 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, useRufousTheme };

package/dist/main.d.ts

@@ -920,7 +920,7 @@ interface RadioProps {
     value: string | number;
     label?: string;
     checked?: boolean;
-    onChange?: (value: string | number) => void;
+    onChange?: (e: React__default.ChangeEvent<HTMLInputElement>, value: string | number) => void;
     disabled?: boolean;
     size?: "small" | "medium";
     name?: string;
@@ -929,7 +929,7 @@ interface RadioProps {
 declare const Radio: React__default.ForwardRefExoticComponent<RadioProps & React__default.RefAttributes<HTMLLabelElement>>;
 interface RadioGroupProps {
     value?: string | number;
-    onChange?: (value: string | number) => void;
+    onChange?: (e: React__default.ChangeEvent<HTMLInputElement>, value: string | number) => void;
     name?: string;
     options?: Array<{
         value: string | number;
@@ -1610,8 +1610,8 @@ interface ImageFieldProps {
     size?: "small" | "medium" | "large" | number;
     /** Accepted file types (default: "image/*") */
     accept?: string;
-    /** Called with the selected File when user picks an image */
-    onChange?: (file: File) => void;
+    /** Called with the change event and selected File when user picks an image */
+    onChange?: (e: React__default.ChangeEvent<HTMLInputElement>, file: File) => void;
     /** Overlay label text (default: "Upload") */
     overlayText?: string;
     /** Disable interaction */
@@ -1622,6 +1622,52 @@ interface ImageFieldProps {
 }
 declare const ImageField: React__default.ForwardRefExoticComponent<ImageFieldProps & React__default.RefAttributes<HTMLDivElement>>;
 
+interface PhoneFieldProps {
+    /** The full phone value including dial code (e.g. "911234567890") */
+    value?: string;
+    /** Callback fired when the phone value changes */
+    onChange?: (value: string, country: {
+        dialCode: string;
+        countryCode: string;
+        name: string;
+    }) => void;
+    /** Label text */
+    label?: string;
+    /** Visual variant */
+    variant?: "outlined" | "filled" | "standard";
+    /** Size of the component */
+    size?: "small" | "medium";
+    /** If true, displays error styling */
+    error?: boolean;
+    /** Helper text below the input */
+    helperText?: ReactNode;
+    /** If true, the input takes full width */
+    fullWidth?: boolean;
+    /** If true, the input is disabled */
+    disabled?: boolean;
+    /** If true, the field is required */
+    required?: boolean;
+    /** Default country ISO code (lowercase, e.g. "in") */
+    defaultCountry?: string;
+    /** Restrict to specific countries (lowercase ISO codes) */
+    onlyCountries?: string[];
+    /** If true, area codes are not shown in the dropdown */
+    disableAreaCodes?: boolean;
+    /** If false, the country code part of the input is not editable */
+    countryCodeEditable?: boolean;
+    /** Props applied to the native input element */
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+    /** Margin mode */
+    margin?: "none" | "dense" | "normal";
+    /** Optional class name */
+    className?: string;
+    /** Inline style overrides */
+    style?: CSSProperties;
+    /** Scoped style overrides */
+    sx?: SxProp;
+}
+declare const PhoneField: React__default.ForwardRefExoticComponent<PhoneFieldProps & React__default.RefAttributes<HTMLDivElement>>;
+
 interface RufousTextEditorProps {
     content?: string;
     placeholder?: string;
@@ -1649,4 +1695,4 @@ interface MentionItemData {
     avatar?: 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, type MentionItem, Menu, MenuDivider, MenuItem, type MenuItemProps, MenuList, type MenuListProps, type MenuProps, MinExperienceIcon, NineDotMenuIcon, NotificationIcon, Paper, type PaperProps, 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, RichTextEditor, type RichTextEditorProps, RolesIcon, RufousAiIcon, RufousBirdIcon, RufousLauncherIcon, RufousLogoLoader, type RufousLogoLoaderProps, 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, 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, type MentionItem, Menu, MenuDivider, MenuItem, type MenuItemProps, MenuList, type MenuListProps, type MenuProps, MinExperienceIcon, NineDotMenuIcon, NotificationIcon, 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, RichTextEditor, type RichTextEditorProps, RolesIcon, RufousAiIcon, RufousBirdIcon, RufousLauncherIcon, RufousLogoLoader, type RufousLogoLoaderProps, 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, useRufousTheme };