@rufous/ui 0.3.11 → 0.3.14

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%;
@@ -1344,6 +1676,13 @@ pre {
   background-color: rgba(164, 27, 6, 0.1);
   color: #a41b06;
 }
+.rf-date-picker__label--static {
+  cursor: default !important;
+  pointer-events: none;
+}
+.rf-date-picker__label--static:hover {
+  background-color: transparent !important;
+}
 .rf-date-picker__nav {
   display: flex;
   align-items: center;
@@ -5990,6 +6329,7 @@ pre {
   justify-content: center;
   letter-spacing: 0.5px;
   transition: all 0.2s;
+  outline: none;
 }
 .cancel-btn:hover,
 .btn-cancel:hover {
@@ -6012,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),
@@ -6363,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

@@ -658,6 +658,20 @@ interface DateFieldProps {
     placeholder?: string;
     className?: string;
     style?: CSSProperties;
+    /**
+     * Which selection panels are available in the picker.
+     * - `"day"` — day calendar (default)
+     * - `"month"` — month grid
+     * - `"year"` — year grid
+     *
+     * Common patterns:
+     * - `["month", "year"]` — month+year picker, no day calendar
+     * - `["year"]` — year-only picker
+     * - `["month"]` — month picker (‹ › navigate years)
+     *
+     * Defaults to `["day", "month", "year"]` (full picker).
+     */
+    views?: ("day" | "month" | "year")[];
     /** Scoped style overrides. Supports nested CSS selectors with & */
     sx?: SxProp;
 }
@@ -1743,6 +1757,68 @@ 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;
+
 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 {
@@ -1829,4 +1905,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, ViewIcon, WorkItemIcon, Zoom, type ZoomProps, transformLegacyTodos, useRufousTheme };

package/dist/main.d.ts

@@ -658,6 +658,20 @@ interface DateFieldProps {
     placeholder?: string;
     className?: string;
     style?: CSSProperties;
+    /**
+     * Which selection panels are available in the picker.
+     * - `"day"` — day calendar (default)
+     * - `"month"` — month grid
+     * - `"year"` — year grid
+     *
+     * Common patterns:
+     * - `["month", "year"]` — month+year picker, no day calendar
+     * - `["year"]` — year-only picker
+     * - `["month"]` — month picker (‹ › navigate years)
+     *
+     * Defaults to `["day", "month", "year"]` (full picker).
+     */
+    views?: ("day" | "month" | "year")[];
     /** Scoped style overrides. Supports nested CSS selectors with & */
     sx?: SxProp;
 }
@@ -1743,6 +1757,68 @@ 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;
+
 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 {
@@ -1829,4 +1905,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, ViewIcon, WorkItemIcon, Zoom, type ZoomProps, transformLegacyTodos, useRufousTheme };