@rufous/ui 0.1.85 → 0.1.86

package/dist/main.css

@@ -1,116 +1,5 @@
 @import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";
 
-/* lib/styles/button.css */
-.btn {
-  padding: 10px 20px;
-  border-radius: 6px;
-  font-size: 14px;
-  font-weight: 600;
-  cursor: pointer;
-  transition: all 0.2s ease-in-out;
-  border: none;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
-  white-space: nowrap;
-}
-.add-btn,
-.btn-add {
-  background-color: transparent;
-  border: 1.5px solid var(--primary-color) !important;
-  color: var(--primary-color) !important;
-  border-radius: 34px;
-}
-.add-btn:hover,
-.btn-add:hover {
-  background-color: var(--primary-color);
-  color: #ffffff !important;
-}
-.cancel-btn,
-.btn-cancel {
-  background-color: transparent;
-  border: 1.5px solid var(--primary-color) !important;
-  color: var(--primary-color) !important;
-  border-radius: 34px;
-  padding: 10px 24px;
-  font-size: 14px;
-  font-weight: 600;
-  cursor: pointer;
-  text-transform: uppercase;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  letter-spacing: 0.5px;
-  transition: all 0.2s;
-}
-.cancel-btn:hover,
-.btn-cancel:hover {
-  background-color: var(--hover-color);
-}
-.submit-btn,
-.btn-submit,
-.btn-confirm {
-  background-color: var(--primary-color) !important;
-  color: #ffffff !important;
-  border: none;
-  border-radius: 6px;
-  padding: 10px 32px;
-  font-size: 14px;
-  font-weight: 600;
-  cursor: pointer;
-  text-transform: uppercase;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  letter-spacing: 0.5px;
-  transition: all 0.2s ease;
-}
-.submit-btn:hover:not(:disabled),
-.btn-submit:hover:not(:disabled),
-.btn-confirm:hover:not(:disabled) {
-  background-color: var(--secondary-color) !important;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
-  transform: translateY(-1px);
-}
-.standard-btn,
-.btn-std {
-  background-color: var(--surface-color);
-  border: 1.5px solid var(--border-color) !important;
-  color: var(--text-color) !important;
-  border-radius: 6px;
-}
-.standard-btn:hover,
-.btn-std:hover {
-  background-color: var(--hover-color);
-  border-color: var(--primary-color) !important;
-  color: var(--primary-color) !important;
-}
-.btn:disabled,
-.cancel-btn:disabled,
-.submit-btn:disabled,
-.standard-btn:disabled,
-.btn-confirm:disabled,
-.btn-cancel:disabled {
-  opacity: 0.4;
-  cursor: not-allowed;
-  pointer-events: none;
-}
-.btn-content {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-}
-.submit-btn-gradiant {
-  background:
-    linear-gradient(
-      135deg,
-      var(--primary-color),
-      var(--secondary-color)) !important;
-}
-
 /* lib/styles/checkbox.css */
 .checkbox-wrapper-13 {
   display: inline-flex;
@@ -5943,6 +5832,363 @@ pre {
   filter: grayscale(60%);
 }
 
+/* lib/styles/button.css */
+.btn {
+  padding: 10px 20px;
+  border-radius: 6px;
+  font-size: 14px;
+  font-weight: 600;
+  cursor: pointer;
+  transition: all 0.2s ease-in-out;
+  border: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  white-space: nowrap;
+}
+.add-btn,
+.btn-add {
+  background-color: transparent;
+  border: 1.5px solid var(--primary-color) !important;
+  color: var(--primary-color) !important;
+  border-radius: 34px;
+}
+.add-btn:hover,
+.btn-add:hover {
+  background-color: var(--primary-color);
+  color: #ffffff !important;
+}
+.cancel-btn,
+.btn-cancel {
+  background-color: transparent;
+  border: 1.5px solid var(--primary-color) !important;
+  color: var(--primary-color) !important;
+  border-radius: 34px;
+  padding: 10px 24px;
+  font-size: 14px;
+  font-weight: 600;
+  cursor: pointer;
+  text-transform: uppercase;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  letter-spacing: 0.5px;
+  transition: all 0.2s;
+}
+.cancel-btn:hover,
+.btn-cancel:hover {
+  background-color: var(--hover-color);
+}
+.submit-btn,
+.btn-submit,
+.btn-confirm {
+  background-color: var(--primary-color) !important;
+  color: #ffffff !important;
+  border: none;
+  border-radius: 6px;
+  padding: 10px 32px;
+  font-size: 14px;
+  font-weight: 600;
+  cursor: pointer;
+  text-transform: uppercase;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  letter-spacing: 0.5px;
+  transition: all 0.2s ease;
+}
+.submit-btn:hover:not(:disabled),
+.btn-submit:hover:not(:disabled),
+.btn-confirm:hover:not(:disabled) {
+  background-color: var(--secondary-color) !important;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+  transform: translateY(-1px);
+}
+.standard-btn,
+.btn-std {
+  background-color: var(--surface-color);
+  border: 1.5px solid var(--border-color) !important;
+  color: var(--text-color) !important;
+  border-radius: 6px;
+}
+.standard-btn:hover,
+.btn-std:hover {
+  background-color: var(--hover-color);
+  border-color: var(--primary-color) !important;
+  color: var(--primary-color) !important;
+}
+.btn:disabled,
+.cancel-btn:disabled,
+.submit-btn:disabled,
+.standard-btn:disabled,
+.btn-confirm:disabled,
+.btn-cancel:disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+.btn-content {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+}
+.submit-btn-gradiant {
+  background:
+    linear-gradient(
+      135deg,
+      var(--primary-color),
+      var(--secondary-color)) !important;
+}
+.rf-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  border: none;
+  border-radius: 6px;
+  font-family: inherit;
+  font-weight: 500;
+  cursor: pointer;
+  text-decoration: none;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  transition:
+    background-color 0.2s,
+    box-shadow 0.2s,
+    border-color 0.2s,
+    color 0.2s;
+  position: relative;
+  box-sizing: border-box;
+  -webkit-tap-highlight-color: transparent;
+  outline: 0;
+  user-select: none;
+}
+.rf-btn--small {
+  padding: 4px 10px;
+  font-size: 0.8125rem;
+}
+.rf-btn--medium {
+  padding: 6px 16px;
+  font-size: 0.875rem;
+}
+.rf-btn--large {
+  padding: 8px 22px;
+  font-size: 0.9375rem;
+}
+.rf-btn--full-width {
+  width: 100%;
+}
+.rf-btn--text {
+  background-color: transparent;
+  border: none;
+}
+.rf-btn--text.rf-btn--primary {
+  color: var(--primary-color);
+}
+.rf-btn--text.rf-btn--secondary {
+  color: var(--secondary-color);
+}
+.rf-btn--text.rf-btn--success {
+  color: #2e7d32;
+}
+.rf-btn--text.rf-btn--error {
+  color: #d32f2f;
+}
+.rf-btn--text.rf-btn--info {
+  color: #0288d1;
+}
+.rf-btn--text.rf-btn--warning {
+  color: #ed6c02;
+}
+.rf-btn--text.rf-btn--inherit {
+  color: inherit;
+}
+.rf-btn--text:hover {
+  background-color: rgba(0, 0, 0, 0.04);
+}
+.rf-btn--contained {
+  color: #fff;
+  box-shadow:
+    0 3px 1px -2px rgba(0, 0, 0, 0.2),
+    0 2px 2px 0 rgba(0, 0, 0, 0.14),
+    0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
+.rf-btn--contained.rf-btn--primary {
+  background-color: var(--primary-color);
+}
+.rf-btn--contained.rf-btn--secondary {
+  background-color: var(--secondary-color);
+}
+.rf-btn--contained.rf-btn--success {
+  background-color: #2e7d32;
+}
+.rf-btn--contained.rf-btn--error {
+  background-color: #d32f2f;
+}
+.rf-btn--contained.rf-btn--info {
+  background-color: #0288d1;
+}
+.rf-btn--contained.rf-btn--warning {
+  background-color: #ed6c02;
+}
+.rf-btn--contained.rf-btn--inherit {
+  background-color: #e0e0e0;
+  color: rgba(0, 0, 0, 0.87);
+}
+.rf-btn--contained:hover {
+  box-shadow:
+    0 2px 4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 5px 0 rgba(0, 0, 0, 0.14),
+    0 1px 10px 0 rgba(0, 0, 0, 0.12);
+  filter: brightness(0.92);
+}
+.rf-btn--contained.rf-btn--no-elevation {
+  box-shadow: none;
+}
+.rf-btn--contained.rf-btn--no-elevation:hover {
+  box-shadow: none;
+}
+.rf-btn--outlined {
+  background-color: transparent;
+}
+.rf-btn--outlined.rf-btn--primary {
+  color: var(--primary-color);
+  border: 1px solid var(--primary-color);
+}
+.rf-btn--outlined.rf-btn--secondary {
+  color: var(--secondary-color);
+  border: 1px solid var(--secondary-color);
+}
+.rf-btn--outlined.rf-btn--success {
+  color: #2e7d32;
+  border: 1px solid #2e7d32;
+}
+.rf-btn--outlined.rf-btn--error {
+  color: #d32f2f;
+  border: 1px solid #d32f2f;
+}
+.rf-btn--outlined.rf-btn--info {
+  color: #0288d1;
+  border: 1px solid #0288d1;
+}
+.rf-btn--outlined.rf-btn--warning {
+  color: #ed6c02;
+  border: 1px solid #ed6c02;
+}
+.rf-btn--outlined.rf-btn--inherit {
+  color: inherit;
+  border: 1px solid currentColor;
+}
+.rf-btn--outlined:hover {
+  background-color: rgba(0, 0, 0, 0.04);
+}
+.rf-btn--disabled,
+.rf-btn:disabled {
+  opacity: 0.38;
+  cursor: default;
+  pointer-events: none;
+  box-shadow: none;
+}
+.rf-btn--loading {
+  cursor: default;
+  pointer-events: none;
+}
+.rf-btn__start-icon,
+.rf-btn__end-icon {
+  display: inherit;
+  font-size: 1.25em;
+}
+.rf-btn__start-icon > *,
+.rf-btn__end-icon > * {
+  font-size: inherit;
+}
+.rf-btn__label {
+  display: inherit;
+}
+.rf-btn__loading-indicator {
+  display: inline-flex;
+  align-items: center;
+}
+.rf-icon-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  border-radius: 50%;
+  background-color: transparent;
+  cursor: pointer;
+  transition: background-color 0.15s;
+  position: relative;
+  box-sizing: border-box;
+  -webkit-tap-highlight-color: transparent;
+  outline: 0;
+  text-decoration: none;
+  color: rgba(0, 0, 0, 0.54);
+  padding: 8px;
+  font-size: 1.5rem;
+}
+.rf-icon-btn:hover {
+  background-color: rgba(0, 0, 0, 0.04);
+}
+.rf-icon-btn--small {
+  padding: 5px;
+  font-size: 1.125rem;
+}
+.rf-icon-btn--medium {
+  padding: 8px;
+  font-size: 1.5rem;
+}
+.rf-icon-btn--large {
+  padding: 12px;
+  font-size: 1.75rem;
+}
+.rf-icon-btn--default {
+  color: rgba(0, 0, 0, 0.54);
+}
+.rf-icon-btn--primary {
+  color: var(--primary-color);
+}
+.rf-icon-btn--secondary {
+  color: var(--secondary-color);
+}
+.rf-icon-btn--success {
+  color: #2e7d32;
+}
+.rf-icon-btn--error {
+  color: #d32f2f;
+}
+.rf-icon-btn--info {
+  color: #0288d1;
+}
+.rf-icon-btn--warning {
+  color: #ed6c02;
+}
+.rf-icon-btn--inherit {
+  color: inherit;
+}
+.rf-icon-btn--edge-start {
+  margin-left: -12px;
+}
+.rf-icon-btn--edge-start.rf-icon-btn--small {
+  margin-left: -3px;
+}
+.rf-icon-btn--edge-end {
+  margin-right: -12px;
+}
+.rf-icon-btn--edge-end.rf-icon-btn--small {
+  margin-right: -3px;
+}
+.rf-icon-btn--disabled,
+.rf-icon-btn:disabled {
+  opacity: 0.38;
+  cursor: default;
+  pointer-events: none;
+  background-color: transparent;
+}
+
 /* lib/styles/text-field.css */
 .rf-text-field {
   --tf-primary-color: #f15b24;

package/dist/main.d.cts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { InputHTMLAttributes, ReactNode, CSSProperties, ReactElement, ComponentType } from 'react';
+import React__default, { ReactNode, CSSProperties, InputHTMLAttributes, ReactElement, ComponentType } from 'react';
 
 declare const APP_THEMES: {
     default: {
@@ -421,6 +421,42 @@ interface StandardButtonProps extends React.ButtonHTMLAttributes<HTMLButtonEleme
 }
 declare const StandardButton: React.FC<StandardButtonProps>;
 
+interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color"> {
+    variant?: "contained" | "outlined" | "text";
+    color?: "primary" | "secondary" | "success" | "error" | "info" | "warning" | "inherit";
+    size?: "small" | "medium" | "large";
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    disableElevation?: boolean;
+    disableRipple?: boolean;
+    href?: string;
+    loading?: boolean;
+    loadingPosition?: "start" | "end" | "center";
+    component?: React.ElementType;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+interface IconButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color"> {
+    color?: "default" | "primary" | "secondary" | "success" | "error" | "info" | "warning" | "inherit";
+    size?: "small" | "medium" | "large";
+    edge?: "start" | "end" | false;
+    disabled?: boolean;
+    disableRipple?: boolean;
+    href?: string;
+    component?: React.ElementType;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
 interface BaseDialogProps {
     open?: boolean;
     onConfirm?: () => Promise<void> | void;
@@ -1586,4 +1622,4 @@ interface ImageFieldProps {
 }
 declare const ImageField: React__default.ForwardRefExoticComponent<ImageFieldProps & React__default.RefAttributes<HTMLDivElement>>;
 
-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, 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, 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, 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, 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, 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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { InputHTMLAttributes, ReactNode, CSSProperties, ReactElement, ComponentType } from 'react';
+import React__default, { ReactNode, CSSProperties, InputHTMLAttributes, ReactElement, ComponentType } from 'react';
 
 declare const APP_THEMES: {
     default: {
@@ -421,6 +421,42 @@ interface StandardButtonProps extends React.ButtonHTMLAttributes<HTMLButtonEleme
 }
 declare const StandardButton: React.FC<StandardButtonProps>;
 
+interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color"> {
+    variant?: "contained" | "outlined" | "text";
+    color?: "primary" | "secondary" | "success" | "error" | "info" | "warning" | "inherit";
+    size?: "small" | "medium" | "large";
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    disableElevation?: boolean;
+    disableRipple?: boolean;
+    href?: string;
+    loading?: boolean;
+    loadingPosition?: "start" | "end" | "center";
+    component?: React.ElementType;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+interface IconButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color"> {
+    color?: "default" | "primary" | "secondary" | "success" | "error" | "info" | "warning" | "inherit";
+    size?: "small" | "medium" | "large";
+    edge?: "start" | "end" | false;
+    disabled?: boolean;
+    disableRipple?: boolean;
+    href?: string;
+    component?: React.ElementType;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    sx?: SxProp;
+}
+declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
 interface BaseDialogProps {
     open?: boolean;
     onConfirm?: () => Promise<void> | void;
@@ -1586,4 +1622,4 @@ interface ImageFieldProps {
 }
 declare const ImageField: React__default.ForwardRefExoticComponent<ImageFieldProps & React__default.RefAttributes<HTMLDivElement>>;
 
-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, 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, 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, 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, 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, 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 };