@mlw-packages/react-components 1.7.12 → 1.7.13

package/dist/index.css

@@ -729,6 +729,9 @@ body {
 .ml-5 {
   margin-left: 1.25rem;
 }
+.ml-6 {
+  margin-left: 1.5rem;
+}
 .ml-64 {
   margin-left: 16rem;
 }
@@ -750,6 +753,9 @@ body {
 .mr-5 {
   margin-right: 1.25rem;
 }
+.ms-6 {
+  margin-inline-start: 1.5rem;
+}
 .mt-1 {
   margin-top: 0.25rem;
 }
@@ -1523,6 +1529,11 @@ body {
 .list-none {
   list-style-type: none;
 }
+.appearance-none {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
 .auto-cols-fr {
   grid-auto-columns: minmax(0, 1fr);
 }
@@ -2631,6 +2642,9 @@ body {
 .pe-4 {
   padding-inline-end: 1rem;
 }
+.pl-1 {
+  padding-left: 0.25rem;
+}
 .pl-3 {
   padding-left: 0.75rem;
 }
@@ -3783,6 +3797,14 @@ body {
 .last\:border-r-0:last-child {
   border-right-width: 0px;
 }
+.checked\:border-blue-600:checked {
+  --tw-border-opacity: 1;
+  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
+}
+.checked\:bg-blue-600:checked {
+  --tw-bg-opacity: 1;
+  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
+}
 .focus-within\:relative:focus-within {
   position: relative;
 }
@@ -3977,6 +3999,10 @@ body {
 .hover\:bg-sky-200\/40:hover {
   background-color: rgb(186 230 253 / 0.4);
 }
+.hover\:bg-slate-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
+}
 .hover\:bg-violet-200\/40:hover {
   background-color: rgb(221 214 254 / 0.4);
 }
@@ -4691,9 +4717,6 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(167 139 250 / var(--tw-bg-opacity, 1));
 }
-.data-\[state\=indeterminate\]\:bg-primary[data-state=indeterminate] {
-  background-color: hsl(var(--primary));
-}
 .data-\[state\=open\]\:bg-accent[data-state=open] {
   background-color: hsl(var(--accent));
 }
@@ -4740,12 +4763,6 @@ body {
 .data-\[state\=active\]\:text-primary[data-state=active] {
   color: hsl(var(--primary));
 }
-.data-\[state\=checked\]\:text-primary-foreground[data-state=checked] {
-  color: hsl(var(--primary-foreground));
-}
-.data-\[state\=indeterminate\]\:text-primary-foreground[data-state=indeterminate] {
-  color: hsl(var(--primary-foreground));
-}
 .data-\[state\=open\]\:text-accent-foreground[data-state=open] {
   color: hsl(var(--accent-foreground));
 }
@@ -5016,12 +5033,6 @@ body {
 .group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5 {
   margin-top: 0.375rem;
 }
-.group[data-state=checked] .group-data-\[state\=checked\]\:block {
-  display: block;
-}
-.group[data-state=indeterminate] .group-data-\[state\=indeterminate\]\:block {
-  display: block;
-}
 .group\/drawer-content[data-vaul-drawer-direction=bottom] .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block {
   display: block;
 }
@@ -5290,6 +5301,10 @@ body {
 .dark\:bg-slate-800\/60:is(.dark *) {
   background-color: rgb(30 41 59 / 0.6);
 }
+.dark\:bg-slate-900:is(.dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
+}
 .dark\:bg-slate-900\/30:is(.dark *) {
   background-color: rgb(15 23 42 / 0.3);
 }
@@ -5438,6 +5453,10 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
 }
+.dark\:hover\:bg-slate-800:hover:is(.dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
+}
 .dark\:hover\:bg-violet-400\/20:hover:is(.dark *) {
   background-color: rgb(167 139 250 / 0.2);
 }

package/dist/index.d.mts

@@ -1528,6 +1528,23 @@ interface WeekViewProps {
 }
 declare function WeekView({ currentDate, events, onEventSelect, onEventCreate, }: WeekViewProps): react_jsx_runtime.JSX.Element;
 
+interface TreeNode {
+    id: string;
+    label: string;
+    defaultChecked?: boolean;
+    children?: TreeNode[];
+}
+interface CheckboxTreeProps {
+    tree: TreeNode;
+    renderNode: (props: {
+        node: TreeNode;
+        isChecked: boolean | "indeterminate";
+        onCheckedChange: () => void;
+        children: React__default.ReactNode;
+    }) => React__default.ReactNode;
+}
+declare function CheckboxTree({ tree, renderNode }: CheckboxTreeProps): React__default.ReactNode;
+
 declare function useIsMobile(): boolean;
 
 interface Position {
@@ -1547,4 +1564,4 @@ declare const useDrag: (options?: UseDragOptions) => {
     isDragging: boolean;
 };
 
-export { AddButton, AgendaDaysToShow, AgendaView, AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarFallbackBase, AvatarImageBase, AvatarSelect, type AvatarSelectItem, BackButton, Badge, type BadgeColorType, BarChart, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, ButtonBase, ButtonGroupBase, type ButtonProps, CalendarBase, CalendarDndProvider, type CalendarEvent, type CalendarProps, type CalendarView, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, type CarouselApi, CarouselBase, CarouselContentBase, CarouselItemBase, CarouselNextBase, CarouselPreviousBase, ChangeButton, Chart, CheckButton, CheckboxBase, CloseAllButton, CloseButton, CodeBlock, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, type ComboboxProps, type ComboboxTestIds, CommandBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandListBase, CommandSeparatorBase, CommandShortcutBase, ContextMenuBase, ContextMenuCheckboxItemBase, ContextMenuContentBase, ContextMenuGroupBase, ContextMenuItemBase, ContextMenuLabelBase, ContextMenuPortalBase, ContextMenuRadioGroupBase, ContextMenuRadioItemBase, ContextMenuSeparatorBase, ContextMenuShortcutBase, ContextMenuSubBase, ContextMenuSubContentBase, ContextMenuSubTriggerBase, ContextMenuTriggerBase, CopyButton, DateTimePicker, DayView, DebouncedInput, type DebouncedInputProps, DefaultEndHour, DefaultStartHour, DestructiveDialog, DialogBase, DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DownloadButton, DraggableEvent, DraggableTooltip, DrawerBase, DrawerCloseBase, DrawerContentBase, DrawerDescriptionBase, DrawerFooterBase, DrawerHeaderBase, DrawerOverlayBase, DrawerPortalBase, DrawerTitleBase, DrawerTriggerBase, DropDownMenuBase, DropDownMenuCheckboxItemBase, DropDownMenuContentBase, DropDownMenuGroupBase, DropDownMenuItemBase, DropDownMenuLabelBase, DropDownMenuPortalBase, DropDownMenuRadioGroupBase, DropDownMenuRadioItemBase, DropDownMenuSeparatorBase, DropDownMenuShortcutBase, DropDownMenuSubBase, DropDownMenuSubContentBase, DropDownMenuSubTriggerBase, DropDownMenuTriggerBase, DroppableCell, EditButton, EndHour, ErrorMessage, EventCalendar, type EventColor, EventDialog, EventGap, EventHeight, EventItem, EventsPopup, FavoriteButton, FileUploader, type FileUploaderProps, type FileWithPreview, FilterButton, HideButton, Highlights, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, InputBase, type InputBaseProps, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, LabelBase, LikeButton, CustomLineChart as LineChart, LoadingBase, LockButton, type Margins, ModalBase, ModalCloseBase, ModalContentBase, ModalDescriptionBase, ModalFooterBase, ModalHeaderBase, ModalOverlayBase, ModalPortalBase, ModalTitleBase, ModalTriggerBase, ModeToggleBase, MonthView, MoreButton, MultiCombobox, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, NotificationButton, type Padding, type Period, PeriodsDropdown, CustomPieChart as PieChart, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, type ProgressBaseProps, ProgressCirclesBase, type ProgressCirclesBaseProps, ProgressPanelsBase, type ProgressPanelsBaseProps, ProgressSegmentsBase, type ProgressSegmentsBaseProps, type ProgressType, RangePicker, type RangePickerProps, RefreshButton, SaveButton, ScrollAreaBase, ScrollBarBase, SearchButton, Select, SelectBase, SelectContentBase, SelectGroupBase, type SelectItem, SelectItemBase, SelectLabelBase, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, SelectTriggerBase, SelectValueBase, SeparatorBase, SettingsButton, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, ShowOnly, SidebarBase, SidebarContentBase, SidebarFooterBase, SidebarGroupActionBase, SidebarGroupBase, SidebarGroupContentBase, SidebarGroupLabelBase, SidebarHeaderBase, SidebarInputBase, SidebarInsetBase, SidebarMenuActionBase, SidebarMenuBadgeBase, SidebarMenuBase, SidebarMenuButtonBase, SidebarMenuItemBase, SidebarMenuSkeletonBase, SidebarMenuSubBase, SidebarMenuSubButtonBase, SidebarMenuSubItemBase, SidebarProviderBase, SidebarRailBase, SidebarSeparatorBase, SidebarTriggerBase, SkeletonBase, SlideBase, type SliderBaseProps, StartHour, StatusIndicator, type StatusProps, SwitchBase, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, type TextAreaBaseProps, type Theme, ThemeProviderBase, TimePicker, TimePickerInput, type TimePickerInputProps, type TimePickerType, Toaster, TooltipBase, TooltipContentBase, TooltipProviderBase, TooltipSimple, TooltipTriggerBase, RechartTooltipWithTotal as TooltipWithTotal, UniversalTooltipRenderer, UnlockButton, UploadButton, UseSideBarBase, ViewButton, VisibilityButton, WeekCellsHeight, WeekView, addHoursToDate, badgeVariants, buttonVariantsBase, compactTick, convert12HourTo24Hour, detectDataFields, detectXAxis, display12HourValue, formatFieldName, generateAdditionalColors, getAgendaEventsForDay, getAllEventsForDay, getArrowByType, getBorderRadiusClasses, getDateByType, getEventColorClasses, getEventsForDay, getSpanningEventsForDay, getValid12Hour, getValidArrow12Hour, getValidArrowHour, getValidArrowMinuteOrSecond, getValidArrowNumber, getValidHour, getValidMinuteOrSecond, getValidNumber, isMultiDayEvent, isValid12Hour, isValidHour, isValidMinuteOrSecond, niceCeil, renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, set12Hours, setDateByType, setHours, setMinutes, setSeconds, sortEvents, toast, useCalendarDnd, useChartHighlights, useCurrentTimeIndicator, useDrag, useEventVisibility, useIsMobile, useTheme, type valueFormatter };
+export { AddButton, AgendaDaysToShow, AgendaView, AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarFallbackBase, AvatarImageBase, AvatarSelect, type AvatarSelectItem, BackButton, Badge, type BadgeColorType, BarChart, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, ButtonBase, ButtonGroupBase, type ButtonProps, CalendarBase, CalendarDndProvider, type CalendarEvent, type CalendarProps, type CalendarView, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, type CarouselApi, CarouselBase, CarouselContentBase, CarouselItemBase, CarouselNextBase, CarouselPreviousBase, ChangeButton, Chart, CheckButton, CheckboxBase, CheckboxTree, CloseAllButton, CloseButton, CodeBlock, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, type ComboboxProps, type ComboboxTestIds, CommandBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandListBase, CommandSeparatorBase, CommandShortcutBase, ContextMenuBase, ContextMenuCheckboxItemBase, ContextMenuContentBase, ContextMenuGroupBase, ContextMenuItemBase, ContextMenuLabelBase, ContextMenuPortalBase, ContextMenuRadioGroupBase, ContextMenuRadioItemBase, ContextMenuSeparatorBase, ContextMenuShortcutBase, ContextMenuSubBase, ContextMenuSubContentBase, ContextMenuSubTriggerBase, ContextMenuTriggerBase, CopyButton, DateTimePicker, DayView, DebouncedInput, type DebouncedInputProps, DefaultEndHour, DefaultStartHour, DestructiveDialog, DialogBase, DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DownloadButton, DraggableEvent, DraggableTooltip, DrawerBase, DrawerCloseBase, DrawerContentBase, DrawerDescriptionBase, DrawerFooterBase, DrawerHeaderBase, DrawerOverlayBase, DrawerPortalBase, DrawerTitleBase, DrawerTriggerBase, DropDownMenuBase, DropDownMenuCheckboxItemBase, DropDownMenuContentBase, DropDownMenuGroupBase, DropDownMenuItemBase, DropDownMenuLabelBase, DropDownMenuPortalBase, DropDownMenuRadioGroupBase, DropDownMenuRadioItemBase, DropDownMenuSeparatorBase, DropDownMenuShortcutBase, DropDownMenuSubBase, DropDownMenuSubContentBase, DropDownMenuSubTriggerBase, DropDownMenuTriggerBase, DroppableCell, EditButton, EndHour, ErrorMessage, EventCalendar, type EventColor, EventDialog, EventGap, EventHeight, EventItem, EventsPopup, FavoriteButton, FileUploader, type FileUploaderProps, type FileWithPreview, FilterButton, HideButton, Highlights, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, InputBase, type InputBaseProps, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, LabelBase, LikeButton, CustomLineChart as LineChart, LoadingBase, LockButton, type Margins, ModalBase, ModalCloseBase, ModalContentBase, ModalDescriptionBase, ModalFooterBase, ModalHeaderBase, ModalOverlayBase, ModalPortalBase, ModalTitleBase, ModalTriggerBase, ModeToggleBase, MonthView, MoreButton, MultiCombobox, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, NotificationButton, type Padding, type Period, PeriodsDropdown, CustomPieChart as PieChart, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, type ProgressBaseProps, ProgressCirclesBase, type ProgressCirclesBaseProps, ProgressPanelsBase, type ProgressPanelsBaseProps, ProgressSegmentsBase, type ProgressSegmentsBaseProps, type ProgressType, RangePicker, type RangePickerProps, RefreshButton, SaveButton, ScrollAreaBase, ScrollBarBase, SearchButton, Select, SelectBase, SelectContentBase, SelectGroupBase, type SelectItem, SelectItemBase, SelectLabelBase, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, SelectTriggerBase, SelectValueBase, SeparatorBase, SettingsButton, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, ShowOnly, SidebarBase, SidebarContentBase, SidebarFooterBase, SidebarGroupActionBase, SidebarGroupBase, SidebarGroupContentBase, SidebarGroupLabelBase, SidebarHeaderBase, SidebarInputBase, SidebarInsetBase, SidebarMenuActionBase, SidebarMenuBadgeBase, SidebarMenuBase, SidebarMenuButtonBase, SidebarMenuItemBase, SidebarMenuSkeletonBase, SidebarMenuSubBase, SidebarMenuSubButtonBase, SidebarMenuSubItemBase, SidebarProviderBase, SidebarRailBase, SidebarSeparatorBase, SidebarTriggerBase, SkeletonBase, SlideBase, type SliderBaseProps, StartHour, StatusIndicator, type StatusProps, SwitchBase, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, type TextAreaBaseProps, type Theme, ThemeProviderBase, TimePicker, TimePickerInput, type TimePickerInputProps, type TimePickerType, Toaster, TooltipBase, TooltipContentBase, TooltipProviderBase, TooltipSimple, TooltipTriggerBase, RechartTooltipWithTotal as TooltipWithTotal, UniversalTooltipRenderer, UnlockButton, UploadButton, UseSideBarBase, ViewButton, VisibilityButton, WeekCellsHeight, WeekView, addHoursToDate, badgeVariants, buttonVariantsBase, compactTick, convert12HourTo24Hour, detectDataFields, detectXAxis, display12HourValue, formatFieldName, generateAdditionalColors, getAgendaEventsForDay, getAllEventsForDay, getArrowByType, getBorderRadiusClasses, getDateByType, getEventColorClasses, getEventsForDay, getSpanningEventsForDay, getValid12Hour, getValidArrow12Hour, getValidArrowHour, getValidArrowMinuteOrSecond, getValidArrowNumber, getValidHour, getValidMinuteOrSecond, getValidNumber, isMultiDayEvent, isValid12Hour, isValidHour, isValidMinuteOrSecond, niceCeil, renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, set12Hours, setDateByType, setHours, setMinutes, setSeconds, sortEvents, toast, useCalendarDnd, useChartHighlights, useCurrentTimeIndicator, useDrag, useEventVisibility, useIsMobile, useTheme, type valueFormatter };

package/dist/index.d.ts

@@ -1528,6 +1528,23 @@ interface WeekViewProps {
 }
 declare function WeekView({ currentDate, events, onEventSelect, onEventCreate, }: WeekViewProps): react_jsx_runtime.JSX.Element;
 
+interface TreeNode {
+    id: string;
+    label: string;
+    defaultChecked?: boolean;
+    children?: TreeNode[];
+}
+interface CheckboxTreeProps {
+    tree: TreeNode;
+    renderNode: (props: {
+        node: TreeNode;
+        isChecked: boolean | "indeterminate";
+        onCheckedChange: () => void;
+        children: React__default.ReactNode;
+    }) => React__default.ReactNode;
+}
+declare function CheckboxTree({ tree, renderNode }: CheckboxTreeProps): React__default.ReactNode;
+
 declare function useIsMobile(): boolean;
 
 interface Position {
@@ -1547,4 +1564,4 @@ declare const useDrag: (options?: UseDragOptions) => {
     isDragging: boolean;
 };
 
-export { AddButton, AgendaDaysToShow, AgendaView, AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarFallbackBase, AvatarImageBase, AvatarSelect, type AvatarSelectItem, BackButton, Badge, type BadgeColorType, BarChart, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, ButtonBase, ButtonGroupBase, type ButtonProps, CalendarBase, CalendarDndProvider, type CalendarEvent, type CalendarProps, type CalendarView, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, type CarouselApi, CarouselBase, CarouselContentBase, CarouselItemBase, CarouselNextBase, CarouselPreviousBase, ChangeButton, Chart, CheckButton, CheckboxBase, CloseAllButton, CloseButton, CodeBlock, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, type ComboboxProps, type ComboboxTestIds, CommandBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandListBase, CommandSeparatorBase, CommandShortcutBase, ContextMenuBase, ContextMenuCheckboxItemBase, ContextMenuContentBase, ContextMenuGroupBase, ContextMenuItemBase, ContextMenuLabelBase, ContextMenuPortalBase, ContextMenuRadioGroupBase, ContextMenuRadioItemBase, ContextMenuSeparatorBase, ContextMenuShortcutBase, ContextMenuSubBase, ContextMenuSubContentBase, ContextMenuSubTriggerBase, ContextMenuTriggerBase, CopyButton, DateTimePicker, DayView, DebouncedInput, type DebouncedInputProps, DefaultEndHour, DefaultStartHour, DestructiveDialog, DialogBase, DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DownloadButton, DraggableEvent, DraggableTooltip, DrawerBase, DrawerCloseBase, DrawerContentBase, DrawerDescriptionBase, DrawerFooterBase, DrawerHeaderBase, DrawerOverlayBase, DrawerPortalBase, DrawerTitleBase, DrawerTriggerBase, DropDownMenuBase, DropDownMenuCheckboxItemBase, DropDownMenuContentBase, DropDownMenuGroupBase, DropDownMenuItemBase, DropDownMenuLabelBase, DropDownMenuPortalBase, DropDownMenuRadioGroupBase, DropDownMenuRadioItemBase, DropDownMenuSeparatorBase, DropDownMenuShortcutBase, DropDownMenuSubBase, DropDownMenuSubContentBase, DropDownMenuSubTriggerBase, DropDownMenuTriggerBase, DroppableCell, EditButton, EndHour, ErrorMessage, EventCalendar, type EventColor, EventDialog, EventGap, EventHeight, EventItem, EventsPopup, FavoriteButton, FileUploader, type FileUploaderProps, type FileWithPreview, FilterButton, HideButton, Highlights, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, InputBase, type InputBaseProps, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, LabelBase, LikeButton, CustomLineChart as LineChart, LoadingBase, LockButton, type Margins, ModalBase, ModalCloseBase, ModalContentBase, ModalDescriptionBase, ModalFooterBase, ModalHeaderBase, ModalOverlayBase, ModalPortalBase, ModalTitleBase, ModalTriggerBase, ModeToggleBase, MonthView, MoreButton, MultiCombobox, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, NotificationButton, type Padding, type Period, PeriodsDropdown, CustomPieChart as PieChart, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, type ProgressBaseProps, ProgressCirclesBase, type ProgressCirclesBaseProps, ProgressPanelsBase, type ProgressPanelsBaseProps, ProgressSegmentsBase, type ProgressSegmentsBaseProps, type ProgressType, RangePicker, type RangePickerProps, RefreshButton, SaveButton, ScrollAreaBase, ScrollBarBase, SearchButton, Select, SelectBase, SelectContentBase, SelectGroupBase, type SelectItem, SelectItemBase, SelectLabelBase, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, SelectTriggerBase, SelectValueBase, SeparatorBase, SettingsButton, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, ShowOnly, SidebarBase, SidebarContentBase, SidebarFooterBase, SidebarGroupActionBase, SidebarGroupBase, SidebarGroupContentBase, SidebarGroupLabelBase, SidebarHeaderBase, SidebarInputBase, SidebarInsetBase, SidebarMenuActionBase, SidebarMenuBadgeBase, SidebarMenuBase, SidebarMenuButtonBase, SidebarMenuItemBase, SidebarMenuSkeletonBase, SidebarMenuSubBase, SidebarMenuSubButtonBase, SidebarMenuSubItemBase, SidebarProviderBase, SidebarRailBase, SidebarSeparatorBase, SidebarTriggerBase, SkeletonBase, SlideBase, type SliderBaseProps, StartHour, StatusIndicator, type StatusProps, SwitchBase, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, type TextAreaBaseProps, type Theme, ThemeProviderBase, TimePicker, TimePickerInput, type TimePickerInputProps, type TimePickerType, Toaster, TooltipBase, TooltipContentBase, TooltipProviderBase, TooltipSimple, TooltipTriggerBase, RechartTooltipWithTotal as TooltipWithTotal, UniversalTooltipRenderer, UnlockButton, UploadButton, UseSideBarBase, ViewButton, VisibilityButton, WeekCellsHeight, WeekView, addHoursToDate, badgeVariants, buttonVariantsBase, compactTick, convert12HourTo24Hour, detectDataFields, detectXAxis, display12HourValue, formatFieldName, generateAdditionalColors, getAgendaEventsForDay, getAllEventsForDay, getArrowByType, getBorderRadiusClasses, getDateByType, getEventColorClasses, getEventsForDay, getSpanningEventsForDay, getValid12Hour, getValidArrow12Hour, getValidArrowHour, getValidArrowMinuteOrSecond, getValidArrowNumber, getValidHour, getValidMinuteOrSecond, getValidNumber, isMultiDayEvent, isValid12Hour, isValidHour, isValidMinuteOrSecond, niceCeil, renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, set12Hours, setDateByType, setHours, setMinutes, setSeconds, sortEvents, toast, useCalendarDnd, useChartHighlights, useCurrentTimeIndicator, useDrag, useEventVisibility, useIsMobile, useTheme, type valueFormatter };
+export { AddButton, AgendaDaysToShow, AgendaView, AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarFallbackBase, AvatarImageBase, AvatarSelect, type AvatarSelectItem, BackButton, Badge, type BadgeColorType, BarChart, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, ButtonBase, ButtonGroupBase, type ButtonProps, CalendarBase, CalendarDndProvider, type CalendarEvent, type CalendarProps, type CalendarView, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, type CarouselApi, CarouselBase, CarouselContentBase, CarouselItemBase, CarouselNextBase, CarouselPreviousBase, ChangeButton, Chart, CheckButton, CheckboxBase, CheckboxTree, CloseAllButton, CloseButton, CodeBlock, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, type ComboboxProps, type ComboboxTestIds, CommandBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandListBase, CommandSeparatorBase, CommandShortcutBase, ContextMenuBase, ContextMenuCheckboxItemBase, ContextMenuContentBase, ContextMenuGroupBase, ContextMenuItemBase, ContextMenuLabelBase, ContextMenuPortalBase, ContextMenuRadioGroupBase, ContextMenuRadioItemBase, ContextMenuSeparatorBase, ContextMenuShortcutBase, ContextMenuSubBase, ContextMenuSubContentBase, ContextMenuSubTriggerBase, ContextMenuTriggerBase, CopyButton, DateTimePicker, DayView, DebouncedInput, type DebouncedInputProps, DefaultEndHour, DefaultStartHour, DestructiveDialog, DialogBase, DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DownloadButton, DraggableEvent, DraggableTooltip, DrawerBase, DrawerCloseBase, DrawerContentBase, DrawerDescriptionBase, DrawerFooterBase, DrawerHeaderBase, DrawerOverlayBase, DrawerPortalBase, DrawerTitleBase, DrawerTriggerBase, DropDownMenuBase, DropDownMenuCheckboxItemBase, DropDownMenuContentBase, DropDownMenuGroupBase, DropDownMenuItemBase, DropDownMenuLabelBase, DropDownMenuPortalBase, DropDownMenuRadioGroupBase, DropDownMenuRadioItemBase, DropDownMenuSeparatorBase, DropDownMenuShortcutBase, DropDownMenuSubBase, DropDownMenuSubContentBase, DropDownMenuSubTriggerBase, DropDownMenuTriggerBase, DroppableCell, EditButton, EndHour, ErrorMessage, EventCalendar, type EventColor, EventDialog, EventGap, EventHeight, EventItem, EventsPopup, FavoriteButton, FileUploader, type FileUploaderProps, type FileWithPreview, FilterButton, HideButton, Highlights, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, InputBase, type InputBaseProps, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, LabelBase, LikeButton, CustomLineChart as LineChart, LoadingBase, LockButton, type Margins, ModalBase, ModalCloseBase, ModalContentBase, ModalDescriptionBase, ModalFooterBase, ModalHeaderBase, ModalOverlayBase, ModalPortalBase, ModalTitleBase, ModalTriggerBase, ModeToggleBase, MonthView, MoreButton, MultiCombobox, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, NotificationButton, type Padding, type Period, PeriodsDropdown, CustomPieChart as PieChart, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, type ProgressBaseProps, ProgressCirclesBase, type ProgressCirclesBaseProps, ProgressPanelsBase, type ProgressPanelsBaseProps, ProgressSegmentsBase, type ProgressSegmentsBaseProps, type ProgressType, RangePicker, type RangePickerProps, RefreshButton, SaveButton, ScrollAreaBase, ScrollBarBase, SearchButton, Select, SelectBase, SelectContentBase, SelectGroupBase, type SelectItem, SelectItemBase, SelectLabelBase, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, SelectTriggerBase, SelectValueBase, SeparatorBase, SettingsButton, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, ShowOnly, SidebarBase, SidebarContentBase, SidebarFooterBase, SidebarGroupActionBase, SidebarGroupBase, SidebarGroupContentBase, SidebarGroupLabelBase, SidebarHeaderBase, SidebarInputBase, SidebarInsetBase, SidebarMenuActionBase, SidebarMenuBadgeBase, SidebarMenuBase, SidebarMenuButtonBase, SidebarMenuItemBase, SidebarMenuSkeletonBase, SidebarMenuSubBase, SidebarMenuSubButtonBase, SidebarMenuSubItemBase, SidebarProviderBase, SidebarRailBase, SidebarSeparatorBase, SidebarTriggerBase, SkeletonBase, SlideBase, type SliderBaseProps, StartHour, StatusIndicator, type StatusProps, SwitchBase, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, type TextAreaBaseProps, type Theme, ThemeProviderBase, TimePicker, TimePickerInput, type TimePickerInputProps, type TimePickerType, Toaster, TooltipBase, TooltipContentBase, TooltipProviderBase, TooltipSimple, TooltipTriggerBase, RechartTooltipWithTotal as TooltipWithTotal, UniversalTooltipRenderer, UnlockButton, UploadButton, UseSideBarBase, ViewButton, VisibilityButton, WeekCellsHeight, WeekView, addHoursToDate, badgeVariants, buttonVariantsBase, compactTick, convert12HourTo24Hour, detectDataFields, detectXAxis, display12HourValue, formatFieldName, generateAdditionalColors, getAgendaEventsForDay, getAllEventsForDay, getArrowByType, getBorderRadiusClasses, getDateByType, getEventColorClasses, getEventsForDay, getSpanningEventsForDay, getValid12Hour, getValidArrow12Hour, getValidArrowHour, getValidArrowMinuteOrSecond, getValidArrowNumber, getValidHour, getValidMinuteOrSecond, getValidNumber, isMultiDayEvent, isValid12Hour, isValidHour, isValidMinuteOrSecond, niceCeil, renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, set12Hours, setDateByType, setHours, setMinutes, setSeconds, sortEvents, toast, useCalendarDnd, useChartHighlights, useCurrentTimeIndicator, useDrag, useEventVisibility, useIsMobile, useTheme, type valueFormatter };

package/dist/index.js

@@ -532,6 +532,7 @@ __export(index_exports, {
   Chart: () => Chart_default,
   CheckButton: () => CheckButton,
   CheckboxBase: () => CheckboxBase,
+  CheckboxTree: () => CheckboxTree,
   CloseAllButton: () => CloseAllButton_default,
   CloseButton: () => CloseButton,
   CodeBlock: () => CodeBlock,
@@ -7527,44 +7528,50 @@ var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
 var import_react30 = require("@phosphor-icons/react");
 var import_framer_motion11 = require("framer-motion");
 var import_jsx_runtime44 = require("react/jsx-runtime");
-var CheckboxBase = React24.forwardRef(({ className, testid: dataTestId = "checkbox-base", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-  CheckboxPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "peer h-4 w-4 shrink-0 rounded-md border border-primary shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground transition-colors",
-      className
-    ),
-    "data-testid": dataTestId,
-    ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(CheckboxPrimitive.Indicator, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
-      import_framer_motion11.motion.div,
-      {
-        initial: { scale: 0, opacity: 0, rotate: -90 },
-        animate: { scale: 1, opacity: 1, rotate: 0 },
-        exit: { scale: 0, opacity: 0, rotate: 90 },
-        transition: { type: "spring", stiffness: 500, damping: 30 },
-        className: "flex items-center justify-center text-current group",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-            import_react30.CheckIcon,
-            {
-              className: "h-4 w-4 hidden group-data-[state=checked]:block",
-              weight: "bold"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-            import_react30.MinusIcon,
-            {
-              className: "h-4 w-4 hidden group-data-[state=indeterminate]:block",
-              weight: "bold"
-            }
-          )
-        ]
-      }
-    ) })
-  }
-));
+var CheckboxBase = React24.forwardRef(({ className, testid: dataTestId = "checkbox-base", checked: checkedProp, defaultChecked, onCheckedChange, ...props }, ref) => {
+  const isControlled = checkedProp !== void 0;
+  const [checkedState, setCheckedState] = React24.useState(
+    isControlled ? checkedProp : defaultChecked ?? false
+  );
+  React24.useEffect(() => {
+    if (isControlled) setCheckedState(checkedProp);
+  }, [checkedProp, isControlled]);
+  const handleCheckedChange = (next) => {
+    if (!isControlled) setCheckedState(next);
+    onCheckedChange?.(next);
+  };
+  const stateClass = checkedState === true || checkedState === "indeterminate" ? "bg-primary text-primary-foreground" : "";
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    CheckboxPrimitive.Root,
+    {
+      ref,
+      checked: checkedProp,
+      defaultChecked,
+      onCheckedChange: handleCheckedChange,
+      className: cn(
+        "group h-4 w-4 shrink-0 rounded-md border border-primary shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 transition-colors",
+        stateClass,
+        className
+      ),
+      "data-testid": dataTestId,
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(CheckboxPrimitive.Indicator, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+        import_framer_motion11.motion.div,
+        {
+          initial: { scale: 0, opacity: 0, rotate: -90 },
+          animate: { scale: 1, opacity: 1, rotate: 0 },
+          exit: { scale: 0, opacity: 0, rotate: 90 },
+          transition: { type: "spring", stiffness: 500, damping: 30 },
+          className: "flex items-center justify-center text-current",
+          children: [
+            checkedState === true && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react30.CheckIcon, { className: "h-4 w-4", weight: "bold" }),
+            checkedState === "indeterminate" && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react30.MinusIcon, { className: "h-4 w-4", weight: "bold" })
+          ]
+        }
+      ) })
+    }
+  );
+});
 CheckboxBase.displayName = CheckboxPrimitive.Root.displayName;
 
 // src/components/ui/form/CollapsibleBase.tsx
@@ -14481,14 +14488,164 @@ function WeekView({
   ] });
 }
 
-// src/hooks/use-drag.tsx
+// src/components/ui/form/CheckBoxThree.tsx
 var import_react69 = require("react");
+var import_framer_motion19 = require("framer-motion");
+var import_jsx_runtime83 = require("react/jsx-runtime");
+function useCheckboxTree(initialTree) {
+  const initialCheckedNodes = (0, import_react69.useMemo)(() => {
+    const checkedSet = /* @__PURE__ */ new Set();
+    const initializeCheckedNodes = (node) => {
+      if (node.defaultChecked) {
+        checkedSet.add(node.id);
+      }
+      node.children?.forEach(initializeCheckedNodes);
+    };
+    initializeCheckedNodes(initialTree);
+    return checkedSet;
+  }, [initialTree]);
+  const [checkedNodes, setCheckedNodes] = (0, import_react69.useState)(initialCheckedNodes);
+  const isChecked = (0, import_react69.useCallback)(
+    (node) => {
+      if (!node.children) {
+        return checkedNodes.has(node.id);
+      }
+      const childrenChecked = node.children.map((child) => isChecked(child));
+      if (childrenChecked.every((status) => status === true)) {
+        return true;
+      }
+      if (childrenChecked.some(
+        (status) => status === true || status === "indeterminate"
+      )) {
+        return "indeterminate";
+      }
+      return false;
+    },
+    [checkedNodes]
+  );
+  const handleCheck = (0, import_react69.useCallback)(
+    (node) => {
+      const newCheckedNodes = new Set(checkedNodes);
+      const toggleNode = (n, check) => {
+        if (check) {
+          newCheckedNodes.add(n.id);
+        } else {
+          newCheckedNodes.delete(n.id);
+        }
+        for (const child of n.children ?? []) {
+          toggleNode(child, check);
+        }
+      };
+      const currentStatus = isChecked(node);
+      const newCheck = currentStatus !== true;
+      toggleNode(node, newCheck);
+      setCheckedNodes(newCheckedNodes);
+    },
+    [checkedNodes, isChecked]
+  );
+  return { handleCheck, isChecked };
+}
+function CheckboxTree({ tree, renderNode }) {
+  const { isChecked, handleCheck } = useCheckboxTree(tree);
+  const DefaultNode = ({
+    node,
+    isChecked: status,
+    onCheckedChange,
+    children
+  }) => {
+    const [open, setOpen] = (0, import_react69.useState)(() => !!node.children && status !== false);
+    const checkboxRef = (0, import_react69.useRef)(null);
+    (0, import_react69.useEffect)(() => {
+      if (checkboxRef.current) {
+        checkboxRef.current.indeterminate = status === "indeterminate";
+      }
+      if (node.children) {
+        setOpen(status !== false);
+      }
+    }, [status, node.children]);
+    return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "pl-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "flex items-center gap-2", children: [
+        node.children ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+          "button",
+          {
+            "aria-label": open ? "Fechar" : "Abrir",
+            onClick: () => setOpen((v) => !v),
+            className: "w-6 h-6 flex items-center justify-center rounded hover:bg-slate-100 dark:hover:bg-slate-800",
+            children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+              import_framer_motion19.motion.span,
+              {
+                animate: { rotate: open ? 90 : 0 },
+                transition: { duration: 0.18 },
+                className: "inline-block text-slate-500",
+                children: "\u25B6"
+              }
+            )
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "w-6 h-6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("label", { className: "flex items-center gap-2 cursor-pointer select-none", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("span", { className: "relative", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+              "input",
+              {
+                ref: checkboxRef,
+                type: "checkbox",
+                checked: status === true,
+                onChange: onCheckedChange,
+                className: "appearance-none w-5 h-5 rounded border border-slate-300 dark:border-slate-700 flex items-center justify-center bg-white dark:bg-slate-900 checked:bg-blue-600 checked:border-blue-600 focus:outline-none"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+              import_framer_motion19.motion.span,
+              {
+                initial: false,
+                animate: { scale: status === true ? 1 : 0.8, opacity: status === true ? 1 : 0 },
+                transition: { duration: 0.14 },
+                className: "pointer-events-none absolute left-0 top-0 w-5 h-5 flex items-center justify-center text-white",
+                children: status === true ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("svg", { width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("path", { d: "M1 5L4 8L11 1", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) : null
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "text-sm text-slate-700 dark:text-slate-200", children: node.label })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_framer_motion19.AnimatePresence, { initial: false, children: open && node.children && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+        import_framer_motion19.motion.div,
+        {
+          initial: { height: 0, opacity: 0 },
+          animate: { height: "auto", opacity: 1 },
+          exit: { height: 0, opacity: 0 },
+          transition: { duration: 0.18 },
+          className: "ml-6 mt-2 overflow-hidden",
+          children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "flex flex-col gap-1", children })
+        },
+        "children"
+      ) })
+    ] });
+  };
+  const renderTreeNode = (node) => {
+    const children = node.children?.map(renderTreeNode);
+    const nodePayload = {
+      children,
+      isChecked: isChecked(node),
+      node,
+      onCheckedChange: () => handleCheck(node)
+    };
+    if (renderNode) {
+      return renderNode(nodePayload);
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(DefaultNode, { ...nodePayload });
+  };
+  return renderTreeNode(tree);
+}
+
+// src/hooks/use-drag.tsx
+var import_react70 = require("react");
 var useDrag = (options = {}) => {
-  const [isDragging, setIsDragging] = (0, import_react69.useState)(null);
-  const [positions, setPositions] = (0, import_react69.useState)({});
-  const dragStartPos = (0, import_react69.useRef)(null);
-  const dragId = (0, import_react69.useRef)(null);
-  const handleMouseDown = (0, import_react69.useCallback)((id, e) => {
+  const [isDragging, setIsDragging] = (0, import_react70.useState)(null);
+  const [positions, setPositions] = (0, import_react70.useState)({});
+  const dragStartPos = (0, import_react70.useRef)(null);
+  const dragId = (0, import_react70.useRef)(null);
+  const handleMouseDown = (0, import_react70.useCallback)((id, e) => {
     e.preventDefault();
     const currentPosition = positions[id] || { top: 0, left: 0 };
     dragStartPos.current = {
@@ -14501,7 +14658,7 @@ var useDrag = (options = {}) => {
     setIsDragging(id);
     options.onDragStart?.(id);
   }, [positions, options]);
-  const handleMouseMove = (0, import_react69.useCallback)((e) => {
+  const handleMouseMove = (0, import_react70.useCallback)((e) => {
     if (!isDragging || !dragStartPos.current || !dragId.current) return;
     const deltaX = e.clientX - dragStartPos.current.x;
     const deltaY = e.clientY - dragStartPos.current.y;
@@ -14517,7 +14674,7 @@ var useDrag = (options = {}) => {
     }));
     options.onDrag?.(dragId.current, newPosition);
   }, [isDragging, options]);
-  const handleMouseUp = (0, import_react69.useCallback)(() => {
+  const handleMouseUp = (0, import_react70.useCallback)(() => {
     if (dragId.current) {
       options.onDragEnd?.(dragId.current);
     }
@@ -14525,7 +14682,7 @@ var useDrag = (options = {}) => {
     dragStartPos.current = null;
     dragId.current = null;
   }, [options]);
-  (0, import_react69.useEffect)(() => {
+  (0, import_react70.useEffect)(() => {
     if (isDragging) {
       document.addEventListener("mousemove", handleMouseMove);
       document.addEventListener("mouseup", handleMouseUp);
@@ -14537,16 +14694,16 @@ var useDrag = (options = {}) => {
       };
     }
   }, [isDragging, handleMouseMove, handleMouseUp]);
-  const setPosition = (0, import_react69.useCallback)((id, position) => {
+  const setPosition = (0, import_react70.useCallback)((id, position) => {
     setPositions((prev) => ({
       ...prev,
       [id]: position
     }));
   }, []);
-  const getPosition = (0, import_react69.useCallback)((id) => {
+  const getPosition = (0, import_react70.useCallback)((id) => {
     return positions[id] || { top: 0, left: 0 };
   }, [positions]);
-  const isElementDragging = (0, import_react69.useCallback)((id) => {
+  const isElementDragging = (0, import_react70.useCallback)((id) => {
     return isDragging === id;
   }, [isDragging]);
   return {

package/dist/index.mjs

@@ -7268,44 +7268,50 @@ import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { CheckIcon as CheckIcon8, MinusIcon } from "@phosphor-icons/react";
 import { motion as motion11 } from "framer-motion";
 import { jsx as jsx44, jsxs as jsxs33 } from "react/jsx-runtime";
-var CheckboxBase = React24.forwardRef(({ className, testid: dataTestId = "checkbox-base", ...props }, ref) => /* @__PURE__ */ jsx44(
-  CheckboxPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "peer h-4 w-4 shrink-0 rounded-md border border-primary shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground transition-colors",
-      className
-    ),
-    "data-testid": dataTestId,
-    ...props,
-    children: /* @__PURE__ */ jsx44(CheckboxPrimitive.Indicator, { asChild: true, children: /* @__PURE__ */ jsxs33(
-      motion11.div,
-      {
-        initial: { scale: 0, opacity: 0, rotate: -90 },
-        animate: { scale: 1, opacity: 1, rotate: 0 },
-        exit: { scale: 0, opacity: 0, rotate: 90 },
-        transition: { type: "spring", stiffness: 500, damping: 30 },
-        className: "flex items-center justify-center text-current group",
-        children: [
-          /* @__PURE__ */ jsx44(
-            CheckIcon8,
-            {
-              className: "h-4 w-4 hidden group-data-[state=checked]:block",
-              weight: "bold"
-            }
-          ),
-          /* @__PURE__ */ jsx44(
-            MinusIcon,
-            {
-              className: "h-4 w-4 hidden group-data-[state=indeterminate]:block",
-              weight: "bold"
-            }
-          )
-        ]
-      }
-    ) })
-  }
-));
+var CheckboxBase = React24.forwardRef(({ className, testid: dataTestId = "checkbox-base", checked: checkedProp, defaultChecked, onCheckedChange, ...props }, ref) => {
+  const isControlled = checkedProp !== void 0;
+  const [checkedState, setCheckedState] = React24.useState(
+    isControlled ? checkedProp : defaultChecked ?? false
+  );
+  React24.useEffect(() => {
+    if (isControlled) setCheckedState(checkedProp);
+  }, [checkedProp, isControlled]);
+  const handleCheckedChange = (next) => {
+    if (!isControlled) setCheckedState(next);
+    onCheckedChange?.(next);
+  };
+  const stateClass = checkedState === true || checkedState === "indeterminate" ? "bg-primary text-primary-foreground" : "";
+  return /* @__PURE__ */ jsx44(
+    CheckboxPrimitive.Root,
+    {
+      ref,
+      checked: checkedProp,
+      defaultChecked,
+      onCheckedChange: handleCheckedChange,
+      className: cn(
+        "group h-4 w-4 shrink-0 rounded-md border border-primary shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 transition-colors",
+        stateClass,
+        className
+      ),
+      "data-testid": dataTestId,
+      ...props,
+      children: /* @__PURE__ */ jsx44(CheckboxPrimitive.Indicator, { asChild: true, children: /* @__PURE__ */ jsxs33(
+        motion11.div,
+        {
+          initial: { scale: 0, opacity: 0, rotate: -90 },
+          animate: { scale: 1, opacity: 1, rotate: 0 },
+          exit: { scale: 0, opacity: 0, rotate: 90 },
+          transition: { type: "spring", stiffness: 500, damping: 30 },
+          className: "flex items-center justify-center text-current",
+          children: [
+            checkedState === true && /* @__PURE__ */ jsx44(CheckIcon8, { className: "h-4 w-4", weight: "bold" }),
+            checkedState === "indeterminate" && /* @__PURE__ */ jsx44(MinusIcon, { className: "h-4 w-4", weight: "bold" })
+          ]
+        }
+      ) })
+    }
+  );
+});
 CheckboxBase.displayName = CheckboxPrimitive.Root.displayName;
 
 // src/components/ui/form/CollapsibleBase.tsx
@@ -9920,7 +9926,7 @@ function DrawerDescriptionBase({
 }
 
 // src/hooks/use-universal-tooltip.tsx
-import { createContext as createContext4, useContext as useContext5, useState as useState16, useCallback as useCallback11, useEffect as useEffect14, useRef as useRef7 } from "react";
+import { createContext as createContext4, useContext as useContext5, useState as useState17, useCallback as useCallback11, useEffect as useEffect15, useRef as useRef7 } from "react";
 import { jsx as jsx61 } from "react/jsx-runtime";
 var UniversalTooltipContext = createContext4(null);
 var useUniversalTooltip = () => {
@@ -10220,7 +10226,7 @@ CalendarBase2.displayName = "CalendarBase";
 
 // src/components/picker/DateTimePicker.tsx
 import { ptBR } from "date-fns/locale";
-import { useEffect as useEffect15, useState as useState18 } from "react";
+import { useEffect as useEffect16, useState as useState19 } from "react";
 
 // src/components/picker/TimePicker.tsx
 import { motion as motion14, AnimatePresence as AnimatePresence10 } from "framer-motion";
@@ -10681,9 +10687,9 @@ function DateTimePicker({
   className,
   error
 }) {
-  const [internalDate, setInternalDate] = useState18(date);
-  const [open, setOpen] = useState18(false);
-  const [timePickerOpen, setTimePickerOpen] = useState18(false);
+  const [internalDate, setInternalDate] = useState19(date);
+  const [open, setOpen] = useState19(false);
+  const [timePickerOpen, setTimePickerOpen] = useState19(false);
   const handleSelect = (newDay) => {
     if (!newDay) return;
     if (!internalDate) {
@@ -10714,7 +10720,7 @@ function DateTimePicker({
     if (!timeFormat) return "dd MMMM yyyy";
     return `dd MMMM yyyy - ${timeFormat}`;
   };
-  useEffect15(() => {
+  useEffect16(() => {
     setInternalDate(date);
   }, [date, open]);
   return /* @__PURE__ */ jsxs49("div", { className: cn("w-full sm:w-auto", className), children: [
@@ -11668,7 +11674,7 @@ function StatusIndicator({
 }
 
 // src/components/ui/form/DebouncedInput.tsx
-import { useEffect as useEffect17, useState as useState20 } from "react";
+import { useEffect as useEffect18, useState as useState21 } from "react";
 import { CircleNotchIcon as CircleNotchIcon2 } from "@phosphor-icons/react";
 import { jsx as jsx71 } from "react/jsx-runtime";
 function DebouncedInput({
@@ -11684,12 +11690,12 @@ function DebouncedInput({
   error,
   ...props
 }) {
-  const [value, setValue] = useState20(initialValue);
-  const [isDebouncing, setIsDebouncing] = useState20(false);
-  useEffect17(() => {
+  const [value, setValue] = useState21(initialValue);
+  const [isDebouncing, setIsDebouncing] = useState21(false);
+  useEffect18(() => {
     setValue(initialValue);
   }, [initialValue]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (value !== initialValue) {
       setIsDebouncing(true);
     }
@@ -11800,7 +11806,7 @@ import {
   useSensors
 } from "@dnd-kit/core";
 import { addMinutes, differenceInMinutes } from "date-fns";
-import { useId as useId2, useRef as useRef9, useState as useState21 } from "react";
+import { useId as useId2, useRef as useRef9, useState as useState22 } from "react";
 
 // src/components/event-calendar/hooks.ts
 import { createContext as createContext5, useContext as useContext6 } from "react";
@@ -11822,16 +11828,16 @@ function CalendarDndProvider({
   children,
   onEventUpdate
 }) {
-  const [activeEvent, setActiveEvent] = useState21(null);
-  const [activeId, setActiveId] = useState21(null);
-  const [activeView, setActiveView] = useState21(
+  const [activeEvent, setActiveEvent] = useState22(null);
+  const [activeId, setActiveId] = useState22(null);
+  const [activeView, setActiveView] = useState22(
     null
   );
-  const [currentTime, setCurrentTime] = useState21(null);
-  const [eventHeight, setEventHeight] = useState21(null);
-  const [isMultiDay, setIsMultiDay] = useState21(false);
-  const [multiDayWidth, setMultiDayWidth] = useState21(null);
-  const [dragHandlePosition, setDragHandlePosition] = useState21(null);
+  const [currentTime, setCurrentTime] = useState22(null);
+  const [eventHeight, setEventHeight] = useState22(null);
+  const [isMultiDay, setIsMultiDay] = useState22(false);
+  const [multiDayWidth, setMultiDayWidth] = useState22(null);
+  const [dragHandlePosition, setDragHandlePosition] = useState22(null);
   const eventDimensions = useRef9({ height: 0 });
   const sensors = useSensors(
     useSensor(MouseSensor, {
@@ -12271,7 +12277,7 @@ function DayView({
 import { useDraggable } from "@dnd-kit/core";
 import { CSS } from "@dnd-kit/utilities";
 import { differenceInDays } from "date-fns";
-import { useRef as useRef10, useState as useState22 } from "react";
+import { useRef as useRef10, useState as useState23 } from "react";
 import { jsx as jsx75 } from "react/jsx-runtime";
 function DraggableEvent({
   event,
@@ -12287,7 +12293,7 @@ function DraggableEvent({
 }) {
   const { activeId } = useCalendarDnd();
   const elementRef = useRef10(null);
-  const [dragHandlePosition, setDragHandlePosition] = useState22(null);
+  const [dragHandlePosition, setDragHandlePosition] = useState23(null);
   const eventStart = new Date(event.start);
   const eventEnd = new Date(event.end);
   const isMultiDayEvent2 = isMultiDay || event.allDay || differenceInDays(eventEnd, eventStart) >= 1;
@@ -12422,7 +12428,7 @@ import {
   subWeeks
 } from "date-fns";
 import { ptBR as ptBR4 } from "date-fns/locale";
-import { useEffect as useEffect18, useMemo as useMemo11, useState as useState23, useCallback as useCallback12 } from "react";
+import { useEffect as useEffect19, useMemo as useMemo11, useState as useState24, useCallback as useCallback12 } from "react";
 import { toast as toast3 } from "sonner";
 import {
   ArrowDownIcon,
@@ -12440,9 +12446,9 @@ function EventCalendar({
   className,
   initialView = "month"
 }) {
-  const [currentDate, setCurrentDate] = useState23(/* @__PURE__ */ new Date());
-  const [view, setView] = useState23(initialView);
-  const [isFading, setIsFading] = useState23(false);
+  const [currentDate, setCurrentDate] = useState24(/* @__PURE__ */ new Date());
+  const [view, setView] = useState24(initialView);
+  const [isFading, setIsFading] = useState24(false);
   const FADE_DURATION = 220;
   const changeView = useCallback12(
     (next) => {
@@ -12455,8 +12461,8 @@ function EventCalendar({
     },
     [view]
   );
-  const [isPaging, setIsPaging] = useState23(false);
-  const [pageDirection, setPageDirection] = useState23(
+  const [isPaging, setIsPaging] = useState24(false);
+  const [pageDirection, setPageDirection] = useState24(
     null
   );
   const PAGE_DURATION = 200;
@@ -12474,11 +12480,11 @@ function EventCalendar({
     },
     []
   );
-  const [isEventDialogOpen, setIsEventDialogOpen] = useState23(false);
-  const [selectedEvent, setSelectedEvent] = useState23(
+  const [isEventDialogOpen, setIsEventDialogOpen] = useState24(false);
+  const [selectedEvent, setSelectedEvent] = useState24(
     null
   );
-  useEffect18(() => {
+  useEffect19(() => {
     const handleKeyDown = (e) => {
       if (isEventDialogOpen || e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement || e.target instanceof HTMLElement && e.target.isContentEditable) {
         return;
@@ -12865,7 +12871,7 @@ function EventCalendar({
 
 // src/components/event-calendar/EventDialog.tsx
 import { format as format6, isBefore } from "date-fns";
-import { useCallback as useCallback13, useEffect as useEffect19, useMemo as useMemo12, useState as useState24 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect20, useMemo as useMemo12, useState as useState25 } from "react";
 import { RadioGroup as RadioGroup3, RadioGroupItem } from "@radix-ui/react-radio-group";
 import { motion as motion16 } from "framer-motion";
 import { ptBR as ptBR5 } from "date-fns/locale";
@@ -12878,19 +12884,19 @@ function EventDialog({
   onSave,
   onDelete
 }) {
-  const [title, setTitle] = useState24("");
-  const [description, setDescription] = useState24("");
-  const [startDate, setStartDate] = useState24(/* @__PURE__ */ new Date());
-  const [endDate, setEndDate] = useState24(/* @__PURE__ */ new Date());
-  const [startTime, setStartTime] = useState24(`${DefaultStartHour}:00`);
-  const [endTime, setEndTime] = useState24(`${DefaultEndHour}:00`);
-  const [allDay, setAllDay] = useState24(false);
-  const [location, setLocation] = useState24("");
-  const [color, setColor] = useState24("sky");
-  const [error, setError] = useState24(null);
-  const [startDateOpen, setStartDateOpen] = useState24(false);
-  const [endDateOpen, setEndDateOpen] = useState24(false);
-  useEffect19(() => {
+  const [title, setTitle] = useState25("");
+  const [description, setDescription] = useState25("");
+  const [startDate, setStartDate] = useState25(/* @__PURE__ */ new Date());
+  const [endDate, setEndDate] = useState25(/* @__PURE__ */ new Date());
+  const [startTime, setStartTime] = useState25(`${DefaultStartHour}:00`);
+  const [endTime, setEndTime] = useState25(`${DefaultEndHour}:00`);
+  const [allDay, setAllDay] = useState25(false);
+  const [location, setLocation] = useState25("");
+  const [color, setColor] = useState25("sky");
+  const [error, setError] = useState25(null);
+  const [startDateOpen, setStartDateOpen] = useState25(false);
+  const [endDateOpen, setEndDateOpen] = useState25(false);
+  useEffect20(() => {
   }, [event]);
   const resetForm = useCallback13(() => {
     setTitle("");
@@ -12909,7 +12915,7 @@ function EventDialog({
     const minutes = Math.floor(date.getMinutes() / 15) * 15;
     return `${hours}:${minutes.toString().padStart(2, "0")}`;
   }, []);
-  useEffect19(() => {
+  useEffect20(() => {
     if (event) {
       setTitle(event.title || "");
       setDescription(event.description || "");
@@ -13521,7 +13527,7 @@ function EventItem({
 // src/components/event-calendar/EventsPopUp.tsx
 import { format as format8, isSameDay as isSameDay2 } from "date-fns";
 import { ptBR as ptBR6 } from "date-fns/locale";
-import { useEffect as useEffect20, useMemo as useMemo14, useRef as useRef11 } from "react";
+import { useEffect as useEffect21, useMemo as useMemo14, useRef as useRef11 } from "react";
 import { motion as motion17 } from "framer-motion";
 import { XIcon as XIcon11 } from "@phosphor-icons/react";
 import { jsx as jsx80, jsxs as jsxs60 } from "react/jsx-runtime";
@@ -13533,7 +13539,7 @@ function EventsPopup({
   onEventSelect
 }) {
   const popupRef = useRef11(null);
-  useEffect20(() => {
+  useEffect21(() => {
     const handleClickOutside = (event) => {
       if (popupRef.current && !popupRef.current.contains(event.target)) {
         onClose();
@@ -13544,7 +13550,7 @@ function EventsPopup({
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [onClose]);
-  useEffect20(() => {
+  useEffect21(() => {
     const handleEscKey = (event) => {
       if (event.key === "Escape") {
         onClose();
@@ -13638,11 +13644,11 @@ function EventsPopup({
 // src/components/event-calendar/hooks/use-current-time-indicator.ts
 import { endOfWeek as endOfWeek2, isSameDay as isSameDay3, isWithinInterval, startOfWeek as startOfWeek2 } from "date-fns";
 import { ptBR as ptBR7 } from "date-fns/locale";
-import { useEffect as useEffect21, useState as useState25 } from "react";
+import { useEffect as useEffect22, useState as useState26 } from "react";
 function useCurrentTimeIndicator(currentDate, view) {
-  const [currentTimePosition, setCurrentTimePosition] = useState25(0);
-  const [currentTimeVisible, setCurrentTimeVisible] = useState25(false);
-  useEffect21(() => {
+  const [currentTimePosition, setCurrentTimePosition] = useState26(0);
+  const [currentTimeVisible, setCurrentTimeVisible] = useState26(false);
+  useEffect22(() => {
     const calculateTimePosition = () => {
       const now = /* @__PURE__ */ new Date();
       const hours = now.getHours();
@@ -13673,14 +13679,14 @@ function useCurrentTimeIndicator(currentDate, view) {
 }
 
 // src/components/event-calendar/hooks/use-event-visibility.ts
-import { useLayoutEffect as useLayoutEffect2, useMemo as useMemo15, useRef as useRef12, useState as useState26 } from "react";
+import { useLayoutEffect as useLayoutEffect2, useMemo as useMemo15, useRef as useRef12, useState as useState27 } from "react";
 function useEventVisibility({
   eventHeight,
   eventGap
 }) {
   const contentRef = useRef12(null);
   const observerRef = useRef12(null);
-  const [contentHeight, setContentHeight] = useState26(null);
+  const [contentHeight, setContentHeight] = useState27(null);
   useLayoutEffect2(() => {
     if (!contentRef.current) return;
     const updateHeight = () => {
@@ -13732,7 +13738,7 @@ import {
   startOfWeek as startOfWeek3
 } from "date-fns";
 import { ptBR as ptBR8 } from "date-fns/locale";
-import { useEffect as useEffect22, useMemo as useMemo16, useState as useState27 } from "react";
+import { useEffect as useEffect23, useMemo as useMemo16, useState as useState28 } from "react";
 import { jsx as jsx81, jsxs as jsxs61 } from "react/jsx-runtime";
 function MonthView({
   currentDate,
@@ -13770,12 +13776,12 @@ function MonthView({
     e.stopPropagation();
     onEventSelect(event);
   };
-  const [isMounted, setIsMounted] = useState27(false);
+  const [isMounted, setIsMounted] = useState28(false);
   const { contentRef, getVisibleEventCount } = useEventVisibility({
     eventGap: EventGap,
     eventHeight: EventHeight
   });
-  useEffect22(() => {
+  useEffect23(() => {
     setIsMounted(true);
   }, []);
   return /* @__PURE__ */ jsxs61("div", { className: "contents", "data-slot": "month-view", children: [
@@ -14327,14 +14333,164 @@ function WeekView({
   ] });
 }
 
+// src/components/ui/form/CheckBoxThree.tsx
+import { useCallback as useCallback14, useMemo as useMemo18, useState as useState29, useEffect as useEffect24, useRef as useRef13 } from "react";
+import { motion as motion18, AnimatePresence as AnimatePresence12 } from "framer-motion";
+import { jsx as jsx83, jsxs as jsxs63 } from "react/jsx-runtime";
+function useCheckboxTree(initialTree) {
+  const initialCheckedNodes = useMemo18(() => {
+    const checkedSet = /* @__PURE__ */ new Set();
+    const initializeCheckedNodes = (node) => {
+      if (node.defaultChecked) {
+        checkedSet.add(node.id);
+      }
+      node.children?.forEach(initializeCheckedNodes);
+    };
+    initializeCheckedNodes(initialTree);
+    return checkedSet;
+  }, [initialTree]);
+  const [checkedNodes, setCheckedNodes] = useState29(initialCheckedNodes);
+  const isChecked = useCallback14(
+    (node) => {
+      if (!node.children) {
+        return checkedNodes.has(node.id);
+      }
+      const childrenChecked = node.children.map((child) => isChecked(child));
+      if (childrenChecked.every((status) => status === true)) {
+        return true;
+      }
+      if (childrenChecked.some(
+        (status) => status === true || status === "indeterminate"
+      )) {
+        return "indeterminate";
+      }
+      return false;
+    },
+    [checkedNodes]
+  );
+  const handleCheck = useCallback14(
+    (node) => {
+      const newCheckedNodes = new Set(checkedNodes);
+      const toggleNode = (n, check) => {
+        if (check) {
+          newCheckedNodes.add(n.id);
+        } else {
+          newCheckedNodes.delete(n.id);
+        }
+        for (const child of n.children ?? []) {
+          toggleNode(child, check);
+        }
+      };
+      const currentStatus = isChecked(node);
+      const newCheck = currentStatus !== true;
+      toggleNode(node, newCheck);
+      setCheckedNodes(newCheckedNodes);
+    },
+    [checkedNodes, isChecked]
+  );
+  return { handleCheck, isChecked };
+}
+function CheckboxTree({ tree, renderNode }) {
+  const { isChecked, handleCheck } = useCheckboxTree(tree);
+  const DefaultNode = ({
+    node,
+    isChecked: status,
+    onCheckedChange,
+    children
+  }) => {
+    const [open, setOpen] = useState29(() => !!node.children && status !== false);
+    const checkboxRef = useRef13(null);
+    useEffect24(() => {
+      if (checkboxRef.current) {
+        checkboxRef.current.indeterminate = status === "indeterminate";
+      }
+      if (node.children) {
+        setOpen(status !== false);
+      }
+    }, [status, node.children]);
+    return /* @__PURE__ */ jsxs63("div", { className: "pl-1", children: [
+      /* @__PURE__ */ jsxs63("div", { className: "flex items-center gap-2", children: [
+        node.children ? /* @__PURE__ */ jsx83(
+          "button",
+          {
+            "aria-label": open ? "Fechar" : "Abrir",
+            onClick: () => setOpen((v) => !v),
+            className: "w-6 h-6 flex items-center justify-center rounded hover:bg-slate-100 dark:hover:bg-slate-800",
+            children: /* @__PURE__ */ jsx83(
+              motion18.span,
+              {
+                animate: { rotate: open ? 90 : 0 },
+                transition: { duration: 0.18 },
+                className: "inline-block text-slate-500",
+                children: "\u25B6"
+              }
+            )
+          }
+        ) : /* @__PURE__ */ jsx83("div", { className: "w-6 h-6" }),
+        /* @__PURE__ */ jsxs63("label", { className: "flex items-center gap-2 cursor-pointer select-none", children: [
+          /* @__PURE__ */ jsxs63("span", { className: "relative", children: [
+            /* @__PURE__ */ jsx83(
+              "input",
+              {
+                ref: checkboxRef,
+                type: "checkbox",
+                checked: status === true,
+                onChange: onCheckedChange,
+                className: "appearance-none w-5 h-5 rounded border border-slate-300 dark:border-slate-700 flex items-center justify-center bg-white dark:bg-slate-900 checked:bg-blue-600 checked:border-blue-600 focus:outline-none"
+              }
+            ),
+            /* @__PURE__ */ jsx83(
+              motion18.span,
+              {
+                initial: false,
+                animate: { scale: status === true ? 1 : 0.8, opacity: status === true ? 1 : 0 },
+                transition: { duration: 0.14 },
+                className: "pointer-events-none absolute left-0 top-0 w-5 h-5 flex items-center justify-center text-white",
+                children: status === true ? /* @__PURE__ */ jsx83("svg", { width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx83("path", { d: "M1 5L4 8L11 1", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) : null
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx83("span", { className: "text-sm text-slate-700 dark:text-slate-200", children: node.label })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx83(AnimatePresence12, { initial: false, children: open && node.children && /* @__PURE__ */ jsx83(
+        motion18.div,
+        {
+          initial: { height: 0, opacity: 0 },
+          animate: { height: "auto", opacity: 1 },
+          exit: { height: 0, opacity: 0 },
+          transition: { duration: 0.18 },
+          className: "ml-6 mt-2 overflow-hidden",
+          children: /* @__PURE__ */ jsx83("div", { className: "flex flex-col gap-1", children })
+        },
+        "children"
+      ) })
+    ] });
+  };
+  const renderTreeNode = (node) => {
+    const children = node.children?.map(renderTreeNode);
+    const nodePayload = {
+      children,
+      isChecked: isChecked(node),
+      node,
+      onCheckedChange: () => handleCheck(node)
+    };
+    if (renderNode) {
+      return renderNode(nodePayload);
+    }
+    return /* @__PURE__ */ jsx83(DefaultNode, { ...nodePayload });
+  };
+  return renderTreeNode(tree);
+}
+
 // src/hooks/use-drag.tsx
-import { useState as useState28, useCallback as useCallback14, useRef as useRef13, useEffect as useEffect23 } from "react";
+import { useState as useState30, useCallback as useCallback15, useRef as useRef14, useEffect as useEffect25 } from "react";
 var useDrag = (options = {}) => {
-  const [isDragging, setIsDragging] = useState28(null);
-  const [positions, setPositions] = useState28({});
-  const dragStartPos = useRef13(null);
-  const dragId = useRef13(null);
-  const handleMouseDown = useCallback14((id, e) => {
+  const [isDragging, setIsDragging] = useState30(null);
+  const [positions, setPositions] = useState30({});
+  const dragStartPos = useRef14(null);
+  const dragId = useRef14(null);
+  const handleMouseDown = useCallback15((id, e) => {
     e.preventDefault();
     const currentPosition = positions[id] || { top: 0, left: 0 };
     dragStartPos.current = {
@@ -14347,7 +14503,7 @@ var useDrag = (options = {}) => {
     setIsDragging(id);
     options.onDragStart?.(id);
   }, [positions, options]);
-  const handleMouseMove = useCallback14((e) => {
+  const handleMouseMove = useCallback15((e) => {
     if (!isDragging || !dragStartPos.current || !dragId.current) return;
     const deltaX = e.clientX - dragStartPos.current.x;
     const deltaY = e.clientY - dragStartPos.current.y;
@@ -14363,7 +14519,7 @@ var useDrag = (options = {}) => {
     }));
     options.onDrag?.(dragId.current, newPosition);
   }, [isDragging, options]);
-  const handleMouseUp = useCallback14(() => {
+  const handleMouseUp = useCallback15(() => {
     if (dragId.current) {
       options.onDragEnd?.(dragId.current);
     }
@@ -14371,7 +14527,7 @@ var useDrag = (options = {}) => {
     dragStartPos.current = null;
     dragId.current = null;
   }, [options]);
-  useEffect23(() => {
+  useEffect25(() => {
     if (isDragging) {
       document.addEventListener("mousemove", handleMouseMove);
       document.addEventListener("mouseup", handleMouseUp);
@@ -14383,16 +14539,16 @@ var useDrag = (options = {}) => {
       };
     }
   }, [isDragging, handleMouseMove, handleMouseUp]);
-  const setPosition = useCallback14((id, position) => {
+  const setPosition = useCallback15((id, position) => {
     setPositions((prev) => ({
       ...prev,
       [id]: position
     }));
   }, []);
-  const getPosition = useCallback14((id) => {
+  const getPosition = useCallback15((id) => {
     return positions[id] || { top: 0, left: 0 };
   }, [positions]);
-  const isElementDragging = useCallback14((id) => {
+  const isElementDragging = useCallback15((id) => {
     return isDragging === id;
   }, [isDragging]);
   return {
@@ -14451,6 +14607,7 @@ export {
   Chart_default as Chart,
   CheckButton,
   CheckboxBase,
+  CheckboxTree,
   CloseAllButton_default as CloseAllButton,
   CloseButton,
   CodeBlock,

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.7.12",
+  "version": "1.7.13",
   "homepage": "https://main--68e80310a069c2f10b546ef3.chromatic.com/",
   "repository": {
     "type": "git",
@@ -58,6 +58,7 @@
     "@radix-ui/react-switch": "^1.1.2",
     "@radix-ui/react-tabs": "^1.1.2",
     "@radix-ui/react-tooltip": "^1.1.7",
+    "chromatic": "^13.3.4",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.0.4",