@uselets/ui 2.0.2 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. package/README.md +8 -0
  2. package/dist/checkbox-group-context-HDVxTNPi.js +2 -0
  3. package/dist/checkbox-group-context-HDVxTNPi.js.map +1 -0
  4. package/dist/combobox-styles-CZ0aJayc.js +2 -0
  5. package/dist/combobox-styles-CZ0aJayc.js.map +1 -0
  6. package/dist/components/autocomplete.d.ts +46 -0
  7. package/dist/components/autocomplete.js +2 -0
  8. package/dist/components/autocomplete.js.map +1 -0
  9. package/dist/components/badge.js +1 -1
  10. package/dist/components/button.js +1 -1
  11. package/dist/components/checkbox-group.d.ts +19 -0
  12. package/dist/components/checkbox-group.js +2 -0
  13. package/dist/components/checkbox-group.js.map +1 -0
  14. package/dist/components/checkbox.d.ts +2 -2
  15. package/dist/components/checkbox.js +1 -1
  16. package/dist/components/checkbox.js.map +1 -1
  17. package/dist/components/combobox.js +1 -1
  18. package/dist/components/combobox.js.map +1 -1
  19. package/dist/components/command.js +1 -1
  20. package/dist/components/data-table.js +1 -1
  21. package/dist/components/dropzone.js +1 -1
  22. package/dist/components/dropzone.js.map +1 -1
  23. package/dist/components/field.js +1 -1
  24. package/dist/components/mask-input.d.ts +1 -1
  25. package/dist/components/mask-input.js +1 -1
  26. package/dist/components/meter.d.ts +21 -0
  27. package/dist/components/meter.js +2 -0
  28. package/dist/components/meter.js.map +1 -0
  29. package/dist/components/number-field.js +1 -1
  30. package/dist/components/phone-input.js +1 -1
  31. package/dist/components/progress.js +1 -1
  32. package/dist/components/progress.js.map +1 -1
  33. package/dist/components/radio-group.js +1 -1
  34. package/dist/components/ring-progress.js +1 -1
  35. package/dist/components/sidebar.d.ts +1 -1
  36. package/dist/components/sidebar.js +1 -1
  37. package/dist/components/sidebar.js.map +1 -1
  38. package/dist/components/stepper.js +1 -1
  39. package/dist/components/stepper.js.map +1 -1
  40. package/dist/components/switch.js +1 -1
  41. package/dist/components/toggle.js +1 -1
  42. package/dist/components/toolbar.d.ts +30 -0
  43. package/dist/components/toolbar.js +2 -0
  44. package/dist/components/toolbar.js.map +1 -0
  45. package/dist/index.d.ts +20 -16
  46. package/dist/index.js +1 -1
  47. package/dist/skills/uselets-ui/SKILL.md +3 -3
  48. package/dist/skills/uselets-ui/references/component-catalog.md +14 -2
  49. package/dist/skills/uselets-ui/references/package-guide.md +3 -3
  50. package/package.json +9 -9
  51. package/skills/uselets-ui/SKILL.md +3 -3
  52. package/skills/uselets-ui/references/component-catalog.md +14 -2
  53. package/skills/uselets-ui/references/package-guide.md +3 -3
package/dist/index.d.ts CHANGED
@@ -1,37 +1,32 @@
1
- import { i as useAsChild, n as AsChildProps, r as toAsChildRenderProps, t as AsChildPrimitiveProps } from "./as-child-T9W73ZYU.js";
2
1
  import { Accordion, AccordionContent, AccordionContentProps, AccordionItem, AccordionItemProps, AccordionProps, AccordionTrigger, AccordionTriggerProps } from "./components/accordion.js";
3
- import { Button, ButtonProps, buttonVariants } from "./components/button.js";
4
- import { AlertDialog, AlertDialogAction, AlertDialogActionProps, AlertDialogCancel, AlertDialogCancelProps, AlertDialogContent, AlertDialogContentProps, AlertDialogDescription, AlertDialogDescriptionProps, AlertDialogFooter, AlertDialogFooterProps, AlertDialogHeader, AlertDialogHeaderProps, AlertDialogMedia, AlertDialogMediaProps, AlertDialogOverlay, AlertDialogOverlayProps, AlertDialogPortal, AlertDialogPortalProps, AlertDialogProps, AlertDialogTitle, AlertDialogTitleProps, AlertDialogTrigger, AlertDialogTriggerProps } from "./components/alert-dialog.js";
5
2
  import { Alert, AlertAction, AlertActionProps, AlertDescription, AlertDescriptionProps, AlertProps, AlertTitle, AlertTitleProps } from "./components/alert.js";
3
+ import { AlertDialog, AlertDialogAction, AlertDialogActionProps, AlertDialogCancel, AlertDialogCancelProps, AlertDialogContent, AlertDialogContentProps, AlertDialogDescription, AlertDialogDescriptionProps, AlertDialogFooter, AlertDialogFooterProps, AlertDialogHeader, AlertDialogHeaderProps, AlertDialogMedia, AlertDialogMediaProps, AlertDialogOverlay, AlertDialogOverlayProps, AlertDialogPortal, AlertDialogPortalProps, AlertDialogProps, AlertDialogTitle, AlertDialogTitleProps, AlertDialogTrigger, AlertDialogTriggerProps } from "./components/alert-dialog.js";
6
4
  import { Anchor, AnchorProps, anchorVariants } from "./components/anchor.js";
7
- import { _ as resolveChartColor, a as ChartContainerProps, c as ChartLegendContentProps, d as ChartStyleProps, f as ChartTooltip, g as DEFAULT_CHART_PALETTE, h as ChartTooltipProps, i as ChartContainer, l as ChartLegendProps, m as ChartTooltipContentProps, n as ChartColorKey, o as ChartLegend, p as ChartTooltipContent, r as ChartConfig, s as ChartLegendContent, t as CHART_COLOR_KEYS, u as ChartStyle } from "./chart-8rgtsk95.js";
8
5
  import { AreaChart, AreaChartCurveType, AreaChartGridAxis, AreaChartProps, AreaChartSeries, AreaChartType } from "./components/area-chart.js";
6
+ import { Autocomplete, AutocompleteCollection, AutocompleteCollectionProps, AutocompleteContent, AutocompleteContentProps, AutocompleteEmpty, AutocompleteEmptyProps, AutocompleteGroup, AutocompleteGroupProps, AutocompleteInput, AutocompleteInputProps, AutocompleteItem, AutocompleteItemProps, AutocompleteLabel, AutocompleteLabelProps, AutocompleteList, AutocompleteListProps, AutocompleteProps, AutocompleteSeparator, AutocompleteSeparatorProps, AutocompleteStatus, AutocompleteStatusProps, useAutocompleteFilter } from "./components/autocomplete.js";
9
7
  import { Avatar, AvatarBadge, AvatarBadgeProps, AvatarFallback, AvatarFallbackProps, AvatarGroup, AvatarGroupCount, AvatarGroupCountProps, AvatarGroupProps, AvatarImage, AvatarImageProps, AvatarProps } from "./components/avatar.js";
10
8
  import { Badge, BadgeProps, badgeVariants } from "./components/badge.js";
11
9
  import { BarChart, BarChartDatum, BarChartGridAxis, BarChartOrientation, BarChartProps, BarChartSeries, BarChartType } from "./components/bar-chart.js";
12
10
  import { BottomNav, BottomNavItem, BottomNavItemProps, BottomNavProps } from "./components/bottom-nav.js";
13
11
  import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbEllipsisProps, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbLink, BreadcrumbLinkProps, BreadcrumbList, BreadcrumbListProps, BreadcrumbPage, BreadcrumbPageProps, BreadcrumbProps, BreadcrumbSeparator, BreadcrumbSeparatorProps } from "./components/breadcrumb.js";
14
- import { Separator, SeparatorProps } from "./components/separator.js";
12
+ import { Button, ButtonProps, buttonVariants } from "./components/button.js";
15
13
  import { ButtonGroup, ButtonGroupProps, ButtonGroupSeparator, ButtonGroupSeparatorProps, ButtonGroupText, ButtonGroupTextProps, buttonGroupVariants } from "./components/button-group.js";
16
14
  import { Calendar, CalendarDayButton, CalendarDayButtonProps, CalendarProps, DateRange, locale } from "./components/calendar.js";
17
15
  import { Card, CardAction, CardActionProps, CardContent, CardContentProps, CardDescription, CardDescriptionProps, CardFooter, CardFooterProps, CardHeader, CardHeaderProps, CardProps, CardTitle, CardTitleProps } from "./components/card.js";
18
16
  import { Carousel, CarouselApi, CarouselContent, CarouselContentProps, CarouselIndicators, CarouselIndicatorsProps, CarouselItem, CarouselItemProps, CarouselNext, CarouselNextProps, CarouselPrevious, CarouselPreviousProps, CarouselProps, useCarousel } from "./components/carousel.js";
19
17
  import { Center, CenterProps, centerVariants } from "./components/center.js";
20
- import { UIColor, selectionControlColorVariants, uiColors } from "./lib/color.js";
21
- import { Label, LabelProps } from "./components/label.js";
18
+ import { _ as resolveChartColor, a as ChartContainerProps, c as ChartLegendContentProps, d as ChartStyleProps, f as ChartTooltip, g as DEFAULT_CHART_PALETTE, h as ChartTooltipProps, i as ChartContainer, l as ChartLegendProps, m as ChartTooltipContentProps, n as ChartColorKey, o as ChartLegend, p as ChartTooltipContent, r as ChartConfig, s as ChartLegendContent, t as CHART_COLOR_KEYS, u as ChartStyle } from "./chart-8rgtsk95.js";
22
19
  import { Checkbox, CheckboxProps } from "./components/checkbox.js";
20
+ import { CheckboxGroup, CheckboxGroupProps } from "./components/checkbox-group.js";
23
21
  import { Code, CodeProps } from "./components/code.js";
24
22
  import { Collapsible, CollapsibleContent, CollapsibleContentProps, CollapsibleProps, CollapsibleTrigger, CollapsibleTriggerProps } from "./components/collapsible.js";
25
23
  import { Combobox, ComboboxChip, ComboboxChipProps, ComboboxChips, ComboboxChipsInput, ComboboxChipsInputProps, ComboboxChipsProps, ComboboxClear, ComboboxClearProps, ComboboxCollection, ComboboxCollectionProps, ComboboxContent, ComboboxContentProps, ComboboxEmpty, ComboboxEmptyProps, ComboboxGroup, ComboboxGroupProps, ComboboxInput, ComboboxInputProps, ComboboxItem, ComboboxItemProps, ComboboxLabel, ComboboxLabelProps, ComboboxList, ComboboxListProps, ComboboxProps, ComboboxSeparator, ComboboxSeparatorProps, ComboboxTrigger, ComboboxTriggerProps, ComboboxValue, ComboboxValueProps, useComboboxAnchor } from "./components/combobox.js";
26
- import { Dialog, DialogBody, DialogBodyProps, DialogClose, DialogCloseProps, DialogContent, DialogContentProps, DialogDescription, DialogDescriptionProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogOverlay, DialogOverlayProps, DialogPortal, DialogPortalProps, DialogProps, DialogTitle, DialogTitleProps, DialogTrigger, DialogTriggerProps } from "./components/dialog.js";
27
24
  import { Command, CommandDialog, CommandDialogProps, CommandEmpty, CommandEmptyProps, CommandGroup, CommandGroupProps, CommandInput, CommandInputProps, CommandItem, CommandItemProps, CommandList, CommandListProps, CommandProps, CommandSeparator, CommandSeparatorProps, CommandShortcut, CommandShortcutProps } from "./components/command.js";
28
25
  import { Container, ContainerProps, containerVariants } from "./components/container.js";
29
- import { Table, TableBody, TableBodyProps, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableContainer, TableContainerProps, TableFooter, TableFooterProps, TableHead, TableHeadProps, TableHeader, TableHeaderProps, TableProps, TableRow, TableRowProps, tableVariants } from "./components/table.js";
30
26
  import { Column, ColumnDef, DataTable, DataTableBody, DataTableBodyProps, DataTableColumnHeader, DataTableColumnHeaderProps, DataTableHeader, DataTableHeaderProps, DataTableLabels, DataTablePagination, DataTablePaginationProps, DataTableProps, DataTableRoot, DataTableRootProps, DataTableToolbar, DataTableToolbarProps, DataTableViewOptions, DataTableViewOptionsProps, RowData, TanStackTable, UseDataTableOptions, createDataTableSelectColumn, defaultDataTableLabels, useDataTable, useDataTableContext } from "./components/data-table.js";
31
- import { Popover, PopoverClose, PopoverCloseProps, PopoverContent, PopoverContentProps, PopoverDescription, PopoverDescriptionProps, PopoverHeader, PopoverHeaderProps, PopoverProps, PopoverTitle, PopoverTitleProps, PopoverTrigger, PopoverTriggerProps } from "./components/popover.js";
32
27
  import { DateRangePicker, DateRangePickerActions, DateRangePickerActionsProps, DateRangePickerApply, DateRangePickerApplyProps, DateRangePickerCalendar, DateRangePickerCalendarProps, DateRangePickerContent, DateRangePickerContentProps, DateRangePickerDateFields, DateRangePickerDateFieldsProps, DateRangePickerPreset, DateRangePickerPresetOption, DateRangePickerPresetProps, DateRangePickerPresets, DateRangePickerPresetsProps, DateRangePickerProps, DateRangePickerReset, DateRangePickerResetProps, DateRangePickerTrigger, DateRangePickerTriggerProps, DateRangePickerValue, DateRangePickerValueProps } from "./components/date-range-picker.js";
28
+ import { Dialog, DialogBody, DialogBodyProps, DialogClose, DialogCloseProps, DialogContent, DialogContentProps, DialogDescription, DialogDescriptionProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogOverlay, DialogOverlayProps, DialogPortal, DialogPortalProps, DialogProps, DialogTitle, DialogTitleProps, DialogTrigger, DialogTriggerProps } from "./components/dialog.js";
33
29
  import { DirectionProvider, DirectionProviderProps, TextDirection, useDirection } from "./components/direction.js";
34
- import { PieChart, PieChartBase, PieChartBaseProps, PieChartDatum, PieChartProps, buildPieConfig } from "./components/pie-chart.js";
35
30
  import { DonutChart, DonutChartProps } from "./components/donut-chart.js";
36
31
  import { Drawer, DrawerBody, DrawerBodyProps, DrawerClose, DrawerCloseProps, DrawerContent, DrawerContentProps, DrawerDescription, DrawerDescriptionProps, DrawerFooter, DrawerFooterProps, DrawerHeader, DrawerHeaderProps, DrawerOverlay, DrawerOverlayProps, DrawerPortal, DrawerPortalProps, DrawerProps, DrawerTitle, DrawerTitleProps, DrawerTrigger, DrawerTriggerProps } from "./components/drawer.js";
37
32
  import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemProps, DropdownMenuContent, DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuGroupProps, DropdownMenuItem, DropdownMenuItemProps, DropdownMenuLabel, DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuPortalProps, DropdownMenuProps, DropdownMenuRadioGroup, DropdownMenuRadioGroupProps, DropdownMenuRadioItem, DropdownMenuRadioItemProps, DropdownMenuSeparator, DropdownMenuSeparatorProps, DropdownMenuShortcut, DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuSubTrigger, DropdownMenuSubTriggerProps, DropdownMenuTrigger, DropdownMenuTriggerProps } from "./components/dropdown-menu.js";
@@ -43,27 +38,30 @@ import { Grid, GridItem, GridItemProps, GridProps } from "./components/grid.js";
43
38
  import { Group, GroupProps, groupVariants } from "./components/group.js";
44
39
  import { Heading, HeadingProps, headingVariants } from "./components/heading.js";
45
40
  import { HoverCard, HoverCardContent, HoverCardContentProps, HoverCardProps, HoverCardTrigger, HoverCardTriggerProps } from "./components/hover-card.js";
41
+ import { Input, InputProps } from "./components/input.js";
46
42
  import { InputGroup, InputGroupAddon, InputGroupAddonProps, InputGroupButton, InputGroupButtonProps, InputGroupInput, InputGroupInputProps, InputGroupProps, InputGroupText, InputGroupTextProps, InputGroupTextarea, InputGroupTextareaProps } from "./components/input-group.js";
47
43
  import { InputOTP, InputOTPGroup, InputOTPGroupProps, InputOTPProps, InputOTPSeparator, InputOTPSeparatorProps, InputOTPSlot, InputOTPSlotProps, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from "./components/input-otp.js";
48
- import { Input, InputProps } from "./components/input.js";
49
44
  import { Kbd, KbdGroup, KbdGroupProps, KbdProps } from "./components/kbd.js";
45
+ import { Label, LabelProps } from "./components/label.js";
50
46
  import { List, ListIcon, ListIconProps, ListItem, ListItemProps, ListProps, listVariants } from "./components/list.js";
51
47
  import { BippiLogo, BippiLogoProps, FibonashLogo, FibonashLogoProps, GomaxLogo, GomaxLogoProps, IntelitrackLogo, IntelitrackLogoProps, KovraLogo, KovraLogoProps, LetsLogo, LetsLogoProps, MaxLogo, MaxLogoProps, NeutraLogo, NeutraLogoProps, RdLogo, RdLogoProps } from "./components/logo.js";
52
48
  import { Marker, MarkerContent, MarkerContentProps, MarkerIcon, MarkerIconProps, MarkerProps, markerVariants } from "./components/marker.js";
53
- import { MaskOptions, ModifiedData, Modify, Replacement, Track, TrackingData, UseMaskOptions, useMask } from "./hooks/use-mask.js";
54
49
  import { MaskInput, MaskInputProps } from "./components/mask-input.js";
50
+ import { Meter, MeterProps, meterVariants } from "./components/meter.js";
55
51
  import { NativeSelect, NativeSelectOptGroup, NativeSelectOptGroupProps, NativeSelectOption, NativeSelectOptionProps, NativeSelectProps } from "./components/native-select.js";
56
52
  import { NavigationMenu, NavigationMenuContent, NavigationMenuContentProps, NavigationMenuIndicator, NavigationMenuIndicatorProps, NavigationMenuItem, NavigationMenuItemProps, NavigationMenuLink, NavigationMenuLinkProps, NavigationMenuList, NavigationMenuListProps, NavigationMenuPositioner, NavigationMenuPositionerProps, NavigationMenuProps, NavigationMenuTrigger, NavigationMenuTriggerProps, navigationMenuTriggerStyle } from "./components/navigation-menu.js";
57
53
  import { NumberField, NumberFieldDecrement, NumberFieldDecrementProps, NumberFieldGroup, NumberFieldGroupProps, NumberFieldIncrement, NumberFieldIncrementProps, NumberFieldInput, NumberFieldInputProps, NumberFieldProps, NumberFieldScrubArea, NumberFieldScrubAreaProps } from "./components/number-field.js";
58
54
  import { Pagination, PaginationContent, PaginationContentProps, PaginationEllipsis, PaginationEllipsisProps, PaginationItem, PaginationItemProps, PaginationLink, PaginationLinkProps, PaginationNext, PaginationNextProps, PaginationPrevious, PaginationPreviousProps, PaginationProps } from "./components/pagination.js";
59
55
  import { PhoneInput, PhoneInputCountry, PhoneInputLabels, PhoneInputProps, PhoneInputValue } from "./components/phone-input.js";
56
+ import { PieChart, PieChartBase, PieChartBaseProps, PieChartDatum, PieChartProps, buildPieConfig } from "./components/pie-chart.js";
57
+ import { Popover, PopoverClose, PopoverCloseProps, PopoverContent, PopoverContentProps, PopoverDescription, PopoverDescriptionProps, PopoverHeader, PopoverHeaderProps, PopoverProps, PopoverTitle, PopoverTitleProps, PopoverTrigger, PopoverTriggerProps } from "./components/popover.js";
60
58
  import { Progress, ProgressProps, progressVariants } from "./components/progress.js";
61
59
  import { RadioGroup, RadioGroupItem, RadioGroupItemProps, RadioGroupProps } from "./components/radio-group.js";
62
60
  import { ResizableHandle, ResizableHandleProps, ResizablePanel, ResizablePanelGroup, ResizablePanelGroupProps, ResizablePanelProps } from "./components/resizable.js";
63
61
  import { RingProgress, RingProgressProps, RingProgressThickness, ringProgressVariants } from "./components/ring-progress.js";
64
62
  import { ScrollArea, ScrollAreaProps, ScrollBar, ScrollBarProps } from "./components/scroll-area.js";
65
63
  import { Select, SelectContent, SelectContentProps, SelectGroup, SelectGroupProps, SelectItem, SelectItemProps, SelectLabel, SelectLabelProps, SelectProps, SelectScrollDownButton, SelectScrollDownButtonProps, SelectScrollUpButton, SelectScrollUpButtonProps, SelectSeparator, SelectSeparatorProps, SelectTrigger, SelectTriggerProps, SelectValue, SelectValueProps } from "./components/select.js";
66
- import { Tooltip, TooltipContent, TooltipContentProps, TooltipProps, TooltipProvider, TooltipProviderProps, TooltipRoot, TooltipRootProps, TooltipTrigger, TooltipTriggerProps } from "./components/tooltip.js";
64
+ import { Separator, SeparatorProps } from "./components/separator.js";
67
65
  import { Sidebar, SidebarContent, SidebarContentProps, SidebarFooter, SidebarFooterProps, SidebarGroup, SidebarGroupAction, SidebarGroupActionProps, SidebarGroupContent, SidebarGroupContentProps, SidebarGroupLabel, SidebarGroupLabelProps, SidebarGroupProps, SidebarHeader, SidebarHeaderProps, SidebarInput, SidebarInputProps, SidebarInset, SidebarInsetProps, SidebarMenu, SidebarMenuAction, SidebarMenuActionProps, SidebarMenuBadge, SidebarMenuBadgeProps, SidebarMenuButton, SidebarMenuButtonProps, SidebarMenuItem, SidebarMenuItemProps, SidebarMenuProps, SidebarMenuSkeleton, SidebarMenuSkeletonProps, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubButtonProps, SidebarMenuSubItem, SidebarMenuSubItemProps, SidebarMenuSubProps, SidebarProps, SidebarProvider, SidebarProviderProps, SidebarRail, SidebarRailProps, SidebarSeparator, SidebarSeparatorProps, SidebarTrigger, SidebarTriggerProps, useSidebar } from "./components/sidebar.js";
68
66
  import { SimpleGrid, SimpleGridProps } from "./components/simple-grid.js";
69
67
  import { Skeleton, SkeletonProps } from "./components/skeleton.js";
@@ -73,6 +71,7 @@ import { Spinner, SpinnerProps, spinnerVariants } from "./components/spinner.js"
73
71
  import { Stack, StackProps, stackVariants } from "./components/stack.js";
74
72
  import { Stepper, StepperContent, StepperContentProps, StepperDescription, StepperDescriptionProps, StepperIndicator, StepperIndicatorProps, StepperItem, StepperItemProps, StepperNav, StepperNavProps, StepperPanel, StepperPanelProps, StepperProps, StepperSeparator, StepperSeparatorProps, StepperTitle, StepperTitleProps, StepperTrigger, StepperTriggerProps, useStepItem, useStepper } from "./components/stepper.js";
75
73
  import { Switch, SwitchProps } from "./components/switch.js";
74
+ import { Table, TableBody, TableBodyProps, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableContainer, TableContainerProps, TableFooter, TableFooterProps, TableHead, TableHeadProps, TableHeader, TableHeaderProps, TableProps, TableRow, TableRowProps, tableVariants } from "./components/table.js";
76
75
  import { Tabs, TabsContent, TabsContentProps, TabsList, TabsListProps, TabsProps, TabsTrigger, TabsTriggerProps, tabsListVariants } from "./components/tabs.js";
77
76
  import { Text, TextProps, textVariants } from "./components/text.js";
78
77
  import { Textarea, TextareaProps } from "./components/textarea.js";
@@ -80,9 +79,11 @@ import { ModeToggle, ModeToggleProps, Theme, ThemeProvider, ThemeProviderProps,
80
79
  import { Timeline, TimelineConnector, TimelineConnectorColor, TimelineConnectorProps, TimelineContent, TimelineContentProps, TimelineDescription, TimelineDescriptionProps, TimelineEmpty, TimelineEmptyProps, TimelineHeader, TimelineHeaderProps, TimelineIcon, TimelineIconColor, TimelineIconProps, TimelineIconSize, TimelineItem, TimelineItemProps, TimelineProps, TimelineStatus, TimelineTime, TimelineTimeProps, TimelineTitle, TimelineTitleProps, timelineVariants } from "./components/timeline.js";
81
80
  import { Toggle, ToggleProps, toggleVariants } from "./components/toggle.js";
82
81
  import { ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps } from "./components/toggle-group.js";
82
+ import { Toolbar, ToolbarButton, ToolbarButtonProps, ToolbarGroup, ToolbarGroupProps, ToolbarInput, ToolbarInputProps, ToolbarLink, ToolbarLinkProps, ToolbarProps, ToolbarSeparator, ToolbarSeparatorProps } from "./components/toolbar.js";
83
+ import { Tooltip, TooltipContent, TooltipContentProps, TooltipProps, TooltipProvider, TooltipProviderProps, TooltipRoot, TooltipRootProps, TooltipTrigger, TooltipTriggerProps } from "./components/tooltip.js";
83
84
  import { UnstyledButton, UnstyledButtonProps } from "./components/unstyled-button.js";
84
- import { Breakpoint, breakpointValues, useBreakpoint } from "./hooks/use-breakpoint.js";
85
85
  import { HiddenFrom, HiddenFromProps, VisibleFrom, VisibleFromProps } from "./components/visibility.js";
86
+ import { Breakpoint, breakpointValues, useBreakpoint } from "./hooks/use-breakpoint.js";
86
87
  import { ResponsiveValueMap, useBreakpointValue } from "./hooks/use-breakpoint-value.js";
87
88
  import { UseDisclosureHandlers, UseDisclosureOptions, UseDisclosureReturnValue, useDisclosure } from "./hooks/use-disclosure.js";
88
89
  import { useDocumentVisibility } from "./hooks/use-document-visibility.js";
@@ -90,10 +91,13 @@ import { i as getHotkeyHandler, n as useHotkeys, r as HotkeyItemOptions, t as Ho
90
91
  import { UseIdleOptions, useIdle } from "./hooks/use-idle.js";
91
92
  import { UseIntervalOptions, UseIntervalReturnValue, useInterval } from "./hooks/use-interval.js";
92
93
  import { UseLocalStorageOptions, useLocalStorage } from "./hooks/use-local-storage.js";
94
+ import { MaskOptions, ModifiedData, Modify, Replacement, Track, TrackingData, UseMaskOptions, useMask } from "./hooks/use-mask.js";
93
95
  import { useIsMobile } from "./hooks/use-mobile.js";
96
+ import { i as useAsChild, n as AsChildProps, r as toAsChildRenderProps, t as AsChildPrimitiveProps } from "./as-child-T9W73ZYU.js";
94
97
  import { BadgeColor, badgeColorVariants } from "./lib/badge.js";
95
98
  import { ButtonColor, buttonColorVariants } from "./lib/button.js";
99
+ import { UIColor, selectionControlColorVariants, uiColors } from "./lib/color.js";
96
100
  import { composeRefs, setRef } from "./lib/compose-refs.js";
97
101
  import { ProgressColor, progressColorVariants } from "./lib/progress.js";
98
102
  import { cn, randomId, stopPropagationHandler } from "./lib/utils.js";
99
- export { Accordion, AccordionContent, AccordionContentProps, AccordionItem, AccordionItemProps, AccordionProps, AccordionTrigger, AccordionTriggerProps, Alert, AlertAction, AlertActionProps, AlertDescription, AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogActionProps, AlertDialogCancel, AlertDialogCancelProps, AlertDialogContent, AlertDialogContentProps, AlertDialogDescription, AlertDialogDescriptionProps, AlertDialogFooter, AlertDialogFooterProps, AlertDialogHeader, AlertDialogHeaderProps, AlertDialogMedia, AlertDialogMediaProps, AlertDialogOverlay, AlertDialogOverlayProps, AlertDialogPortal, AlertDialogPortalProps, AlertDialogProps, AlertDialogTitle, AlertDialogTitleProps, AlertDialogTrigger, AlertDialogTriggerProps, AlertProps, AlertTitle, AlertTitleProps, Anchor, AnchorProps, AreaChart, AreaChartCurveType, AreaChartGridAxis, AreaChartProps, AreaChartSeries, AreaChartType, AsChildPrimitiveProps, AsChildProps, Avatar, AvatarBadge, AvatarBadgeProps, AvatarFallback, AvatarFallbackProps, AvatarGroup, AvatarGroupCount, AvatarGroupCountProps, AvatarGroupProps, AvatarImage, AvatarImageProps, AvatarProps, Badge, BadgeColor, BadgeProps, BarChart, BarChartDatum, BarChartGridAxis, BarChartOrientation, BarChartProps, BarChartSeries, BarChartType, BippiLogo, BippiLogoProps, BottomNav, BottomNavItem, BottomNavItemProps, BottomNavProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbEllipsisProps, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbLink, BreadcrumbLinkProps, BreadcrumbList, BreadcrumbListProps, BreadcrumbPage, BreadcrumbPageProps, BreadcrumbProps, BreadcrumbSeparator, BreadcrumbSeparatorProps, Breakpoint, Button, ButtonColor, ButtonGroup, ButtonGroupProps, ButtonGroupSeparator, ButtonGroupSeparatorProps, ButtonGroupText, ButtonGroupTextProps, ButtonProps, CHART_COLOR_KEYS, Calendar, CalendarDayButton, CalendarDayButtonProps, CalendarProps, Card, CardAction, CardActionProps, CardContent, CardContentProps, CardDescription, CardDescriptionProps, CardFooter, CardFooterProps, CardHeader, CardHeaderProps, CardProps, CardTitle, CardTitleProps, Carousel, CarouselApi, CarouselContent, CarouselContentProps, CarouselIndicators, CarouselIndicatorsProps, CarouselItem, CarouselItemProps, CarouselNext, CarouselNextProps, CarouselPrevious, CarouselPreviousProps, CarouselProps, Center, CenterProps, ChartColorKey, ChartConfig, ChartContainer, ChartContainerProps, ChartLegend, ChartLegendContent, ChartLegendContentProps, ChartLegendProps, ChartStyle, ChartStyleProps, ChartTooltip, ChartTooltipContent, ChartTooltipContentProps, ChartTooltipProps, Checkbox, CheckboxProps, Code, CodeProps, Collapsible, CollapsibleContent, CollapsibleContentProps, CollapsibleProps, CollapsibleTrigger, CollapsibleTriggerProps, Column, ColumnDef, Combobox, ComboboxChip, ComboboxChipProps, ComboboxChips, ComboboxChipsInput, ComboboxChipsInputProps, ComboboxChipsProps, ComboboxClear, ComboboxClearProps, ComboboxCollection, ComboboxCollectionProps, ComboboxContent, ComboboxContentProps, ComboboxEmpty, ComboboxEmptyProps, ComboboxGroup, ComboboxGroupProps, ComboboxInput, ComboboxInputProps, ComboboxItem, ComboboxItemProps, ComboboxLabel, ComboboxLabelProps, ComboboxList, ComboboxListProps, ComboboxProps, ComboboxSeparator, ComboboxSeparatorProps, ComboboxTrigger, ComboboxTriggerProps, ComboboxValue, ComboboxValueProps, Command, CommandDialog, CommandDialogProps, CommandEmpty, CommandEmptyProps, CommandGroup, CommandGroupProps, CommandInput, CommandInputProps, CommandItem, CommandItemProps, CommandList, CommandListProps, CommandProps, CommandSeparator, CommandSeparatorProps, CommandShortcut, CommandShortcutProps, Container, ContainerProps, DEFAULT_CHART_PALETTE, DataTable, DataTableBody, DataTableBodyProps, DataTableColumnHeader, DataTableColumnHeaderProps, DataTableHeader, DataTableHeaderProps, DataTableLabels, DataTablePagination, DataTablePaginationProps, DataTableProps, DataTableRoot, DataTableRootProps, DataTableToolbar, DataTableToolbarProps, DataTableViewOptions, DataTableViewOptionsProps, type DateRange, DateRangePicker, DateRangePickerActions, DateRangePickerActionsProps, DateRangePickerApply, DateRangePickerApplyProps, DateRangePickerCalendar, DateRangePickerCalendarProps, DateRangePickerContent, DateRangePickerContentProps, DateRangePickerDateFields, DateRangePickerDateFieldsProps, DateRangePickerPreset, DateRangePickerPresetOption, DateRangePickerPresetProps, DateRangePickerPresets, DateRangePickerPresetsProps, DateRangePickerProps, DateRangePickerReset, DateRangePickerResetProps, DateRangePickerTrigger, DateRangePickerTriggerProps, DateRangePickerValue, DateRangePickerValueProps, Dialog, DialogBody, DialogBodyProps, DialogClose, DialogCloseProps, DialogContent, DialogContentProps, DialogDescription, DialogDescriptionProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogOverlay, DialogOverlayProps, DialogPortal, DialogPortalProps, DialogProps, DialogTitle, DialogTitleProps, DialogTrigger, DialogTriggerProps, DirectionProvider, DirectionProviderProps, DonutChart, DonutChartProps, Drawer, DrawerBody, DrawerBodyProps, DrawerClose, DrawerCloseProps, DrawerContent, DrawerContentProps, DrawerDescription, DrawerDescriptionProps, DrawerFooter, DrawerFooterProps, DrawerHeader, DrawerHeaderProps, DrawerOverlay, DrawerOverlayProps, DrawerPortal, DrawerPortalProps, DrawerProps, DrawerTitle, DrawerTitleProps, DrawerTrigger, DrawerTriggerProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemProps, DropdownMenuContent, DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuGroupProps, DropdownMenuItem, DropdownMenuItemProps, DropdownMenuLabel, DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuPortalProps, DropdownMenuProps, DropdownMenuRadioGroup, DropdownMenuRadioGroupProps, DropdownMenuRadioItem, DropdownMenuRadioItemProps, DropdownMenuSeparator, DropdownMenuSeparatorProps, DropdownMenuShortcut, DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuSubTrigger, DropdownMenuSubTriggerProps, DropdownMenuTrigger, DropdownMenuTriggerProps, Dropzone, DropzoneArea, DropzoneAreaProps, DropzoneDescription, DropzoneDescriptionProps, DropzoneFileList, DropzoneFileListItem, DropzoneFileListItemProps, DropzoneFileListProps, DropzoneFileMessage, DropzoneFileMessageProps, DropzoneFileStatus, DropzoneMessage, DropzoneMessageProps, DropzoneProps, DropzoneRemoveFile, DropzoneRemoveFileProps, DropzoneRetryFile, DropzoneRetryFileProps, DropzoneTrigger, DropzoneTriggerProps, DropzoneUploadResult, DropzoneValidation, Empty, EmptyContent, EmptyContentProps, EmptyDescription, EmptyDescriptionProps, EmptyHeader, EmptyHeaderProps, EmptyMedia, EmptyMediaProps, EmptyProps, EmptyTitle, EmptyTitleProps, ErrorCode, FibonashLogo, FibonashLogoProps, Field, FieldContent, FieldContentProps, FieldDescription, FieldDescriptionProps, FieldError, FieldErrorProps, FieldGroup, FieldGroupProps, FieldLabel, FieldLabelProps, FieldLegend, FieldLegendProps, FieldProps, FieldSeparator, FieldSeparatorProps, FieldSet, FieldSetProps, FieldTitle, FieldTitleProps, type FileError, FileStatus, Flex, FlexProps, GomaxLogo, GomaxLogoProps, Grid, GridItem, GridItemProps, GridProps, Group, GroupProps, Heading, HeadingProps, HiddenFrom, HiddenFromProps, HotkeyItem, type HotkeyItemOptions, HoverCard, HoverCardContent, HoverCardContentProps, HoverCardProps, HoverCardTrigger, HoverCardTriggerProps, InfiniteProgress, InfiniteProgressProps, Input, InputGroup, InputGroupAddon, InputGroupAddonProps, InputGroupButton, InputGroupButtonProps, InputGroupInput, InputGroupInputProps, InputGroupProps, InputGroupText, InputGroupTextProps, InputGroupTextarea, InputGroupTextareaProps, InputOTP, InputOTPGroup, InputOTPGroupProps, InputOTPProps, InputOTPSeparator, InputOTPSeparatorProps, InputOTPSlot, InputOTPSlotProps, InputProps, IntelitrackLogo, IntelitrackLogoProps, Kbd, KbdGroup, KbdGroupProps, KbdProps, KovraLogo, KovraLogoProps, Label, LabelProps, LetsLogo, LetsLogoProps, List, ListIcon, ListIconProps, ListItem, ListItemProps, ListProps, Marker, MarkerContent, MarkerContentProps, MarkerIcon, MarkerIconProps, MarkerProps, MaskInput, MaskInputProps, type MaskOptions, MaxLogo, MaxLogoProps, ModeToggle, ModeToggleProps, type ModifiedData, type Modify, NativeSelect, NativeSelectOptGroup, NativeSelectOptGroupProps, NativeSelectOption, NativeSelectOptionProps, NativeSelectProps, NavigationMenu, NavigationMenuContent, NavigationMenuContentProps, NavigationMenuIndicator, NavigationMenuIndicatorProps, NavigationMenuItem, NavigationMenuItemProps, NavigationMenuLink, NavigationMenuLinkProps, NavigationMenuList, NavigationMenuListProps, NavigationMenuPositioner, NavigationMenuPositionerProps, NavigationMenuProps, NavigationMenuTrigger, NavigationMenuTriggerProps, NeutraLogo, NeutraLogoProps, NumberField, NumberFieldDecrement, NumberFieldDecrementProps, NumberFieldGroup, NumberFieldGroupProps, NumberFieldIncrement, NumberFieldIncrementProps, NumberFieldInput, NumberFieldInputProps, NumberFieldProps, NumberFieldScrubArea, NumberFieldScrubAreaProps, Pagination, PaginationContent, PaginationContentProps, PaginationEllipsis, PaginationEllipsisProps, PaginationItem, PaginationItemProps, PaginationLink, PaginationLinkProps, PaginationNext, PaginationNextProps, PaginationPrevious, PaginationPreviousProps, PaginationProps, PhoneInput, PhoneInputCountry, PhoneInputLabels, PhoneInputProps, PhoneInputValue, PieChart, PieChartBase, PieChartBaseProps, PieChartDatum, PieChartProps, Popover, PopoverClose, PopoverCloseProps, PopoverContent, PopoverContentProps, PopoverDescription, PopoverDescriptionProps, PopoverHeader, PopoverHeaderProps, PopoverProps, PopoverTitle, PopoverTitleProps, PopoverTrigger, PopoverTriggerProps, Progress, ProgressColor, ProgressProps, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, RadioGroup, RadioGroupItem, RadioGroupItemProps, RadioGroupProps, RdLogo, RdLogoProps, type Replacement, ResizableHandle, ResizableHandleProps, ResizablePanel, ResizablePanelGroup, ResizablePanelGroupProps, ResizablePanelProps, ResponsiveValueMap, RingProgress, RingProgressProps, RingProgressThickness, type RowData, ScrollArea, ScrollAreaProps, ScrollBar, ScrollBarProps, Select, SelectContent, SelectContentProps, SelectGroup, SelectGroupProps, SelectItem, SelectItemProps, SelectLabel, SelectLabelProps, SelectProps, SelectScrollDownButton, SelectScrollDownButtonProps, SelectScrollUpButton, SelectScrollUpButtonProps, SelectSeparator, SelectSeparatorProps, SelectTrigger, SelectTriggerProps, SelectValue, SelectValueProps, Separator, SeparatorProps, Sidebar, SidebarContent, SidebarContentProps, SidebarFooter, SidebarFooterProps, SidebarGroup, SidebarGroupAction, SidebarGroupActionProps, SidebarGroupContent, SidebarGroupContentProps, SidebarGroupLabel, SidebarGroupLabelProps, SidebarGroupProps, SidebarHeader, SidebarHeaderProps, SidebarInput, SidebarInputProps, SidebarInset, SidebarInsetProps, SidebarMenu, SidebarMenuAction, SidebarMenuActionProps, SidebarMenuBadge, SidebarMenuBadgeProps, SidebarMenuButton, SidebarMenuButtonProps, SidebarMenuItem, SidebarMenuItemProps, SidebarMenuProps, SidebarMenuSkeleton, SidebarMenuSkeletonProps, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubButtonProps, SidebarMenuSubItem, SidebarMenuSubItemProps, SidebarMenuSubProps, SidebarProps, SidebarProvider, SidebarProviderProps, SidebarRail, SidebarRailProps, SidebarSeparator, SidebarSeparatorProps, SidebarTrigger, SidebarTriggerProps, SimpleGrid, SimpleGridProps, Skeleton, SkeletonProps, Slider, SliderProps, Spinner, SpinnerProps, Stack, StackProps, Stepper, StepperContent, StepperContentProps, StepperDescription, StepperDescriptionProps, StepperIndicator, StepperIndicatorProps, StepperItem, StepperItemProps, StepperNav, StepperNavProps, StepperPanel, StepperPanelProps, StepperProps, StepperSeparator, StepperSeparatorProps, StepperTitle, StepperTitleProps, StepperTrigger, StepperTriggerProps, Switch, SwitchProps, Table, TableBody, TableBodyProps, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableContainer, TableContainerProps, TableFooter, TableFooterProps, TableHead, TableHeadProps, TableHeader, TableHeaderProps, TableProps, TableRow, TableRowProps, Tabs, TabsContent, TabsContentProps, TabsList, TabsListProps, TabsProps, TabsTrigger, TabsTriggerProps, TanStackTable, Text, type TextDirection, TextProps, Textarea, TextareaProps, Theme, ThemeProvider, ThemeProviderProps, ThemeProviderState, Timeline, TimelineConnector, TimelineConnectorColor, TimelineConnectorProps, TimelineContent, TimelineContentProps, TimelineDescription, TimelineDescriptionProps, TimelineEmpty, TimelineEmptyProps, TimelineHeader, TimelineHeaderProps, TimelineIcon, TimelineIconColor, TimelineIconProps, TimelineIconSize, TimelineItem, TimelineItemProps, TimelineProps, TimelineStatus, TimelineTime, TimelineTimeProps, TimelineTitle, TimelineTitleProps, Toaster, ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, ToggleProps, Tooltip, TooltipContent, TooltipContentProps, TooltipProps, TooltipProvider, TooltipProviderProps, TooltipRoot, TooltipRootProps, TooltipTrigger, TooltipTriggerProps, type Track, type TrackingData, UIColor, UnstyledButton, UnstyledButtonProps, UseDataTableOptions, UseDisclosureHandlers, UseDisclosureOptions, UseDisclosureReturnValue, UseDropzoneProps, UseDropzoneReturn, UseIdleOptions, UseIntervalOptions, UseIntervalReturnValue, UseLocalStorageOptions, UseMaskOptions, VisibleFrom, VisibleFromProps, anchorVariants, badgeColorVariants, badgeVariants, breakpointValues, buildPieConfig, buttonColorVariants, buttonGroupVariants, buttonVariants, centerVariants, cn, composeRefs, containerVariants, createDataTableSelectColumn, defaultDataTableLabels, flexVariants, getHotkeyHandler, groupVariants, headingVariants, listVariants, locale, markerVariants, navigationMenuTriggerStyle, progressColorVariants, progressVariants, randomId, resolveChartColor, ringProgressVariants, selectionControlColorVariants, setRef, spinnerVariants, stackVariants, stopPropagationHandler, tableVariants, tabsListVariants, textVariants, timelineVariants, toAsChildRenderProps, toast, toggleVariants, uiColors, useAsChild, useBreakpoint, useBreakpointValue, useCarousel, useComboboxAnchor, useDataTable, useDataTableContext, useDirection, useDisclosure, useDocumentVisibility, useDropzone, useFieldControlId, useFieldInvalid, useFieldLabelId, useHotkeys, useIdle, useInterval, useIsMobile, useLocalStorage, useMask, useSidebar, useStepItem, useStepper, useTheme };
103
+ export { Accordion, AccordionContent, AccordionContentProps, AccordionItem, AccordionItemProps, AccordionProps, AccordionTrigger, AccordionTriggerProps, Alert, AlertAction, AlertActionProps, AlertDescription, AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogActionProps, AlertDialogCancel, AlertDialogCancelProps, AlertDialogContent, AlertDialogContentProps, AlertDialogDescription, AlertDialogDescriptionProps, AlertDialogFooter, AlertDialogFooterProps, AlertDialogHeader, AlertDialogHeaderProps, AlertDialogMedia, AlertDialogMediaProps, AlertDialogOverlay, AlertDialogOverlayProps, AlertDialogPortal, AlertDialogPortalProps, AlertDialogProps, AlertDialogTitle, AlertDialogTitleProps, AlertDialogTrigger, AlertDialogTriggerProps, AlertProps, AlertTitle, AlertTitleProps, Anchor, AnchorProps, AreaChart, AreaChartCurveType, AreaChartGridAxis, AreaChartProps, AreaChartSeries, AreaChartType, AsChildPrimitiveProps, AsChildProps, Autocomplete, AutocompleteCollection, AutocompleteCollectionProps, AutocompleteContent, AutocompleteContentProps, AutocompleteEmpty, AutocompleteEmptyProps, AutocompleteGroup, AutocompleteGroupProps, AutocompleteInput, AutocompleteInputProps, AutocompleteItem, AutocompleteItemProps, AutocompleteLabel, AutocompleteLabelProps, AutocompleteList, AutocompleteListProps, AutocompleteProps, AutocompleteSeparator, AutocompleteSeparatorProps, AutocompleteStatus, AutocompleteStatusProps, Avatar, AvatarBadge, AvatarBadgeProps, AvatarFallback, AvatarFallbackProps, AvatarGroup, AvatarGroupCount, AvatarGroupCountProps, AvatarGroupProps, AvatarImage, AvatarImageProps, AvatarProps, Badge, BadgeColor, BadgeProps, BarChart, BarChartDatum, BarChartGridAxis, BarChartOrientation, BarChartProps, BarChartSeries, BarChartType, BippiLogo, BippiLogoProps, BottomNav, BottomNavItem, BottomNavItemProps, BottomNavProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbEllipsisProps, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbLink, BreadcrumbLinkProps, BreadcrumbList, BreadcrumbListProps, BreadcrumbPage, BreadcrumbPageProps, BreadcrumbProps, BreadcrumbSeparator, BreadcrumbSeparatorProps, Breakpoint, Button, ButtonColor, ButtonGroup, ButtonGroupProps, ButtonGroupSeparator, ButtonGroupSeparatorProps, ButtonGroupText, ButtonGroupTextProps, ButtonProps, CHART_COLOR_KEYS, Calendar, CalendarDayButton, CalendarDayButtonProps, CalendarProps, Card, CardAction, CardActionProps, CardContent, CardContentProps, CardDescription, CardDescriptionProps, CardFooter, CardFooterProps, CardHeader, CardHeaderProps, CardProps, CardTitle, CardTitleProps, Carousel, CarouselApi, CarouselContent, CarouselContentProps, CarouselIndicators, CarouselIndicatorsProps, CarouselItem, CarouselItemProps, CarouselNext, CarouselNextProps, CarouselPrevious, CarouselPreviousProps, CarouselProps, Center, CenterProps, ChartColorKey, ChartConfig, ChartContainer, ChartContainerProps, ChartLegend, ChartLegendContent, ChartLegendContentProps, ChartLegendProps, ChartStyle, ChartStyleProps, ChartTooltip, ChartTooltipContent, ChartTooltipContentProps, ChartTooltipProps, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, Code, CodeProps, Collapsible, CollapsibleContent, CollapsibleContentProps, CollapsibleProps, CollapsibleTrigger, CollapsibleTriggerProps, Column, ColumnDef, Combobox, ComboboxChip, ComboboxChipProps, ComboboxChips, ComboboxChipsInput, ComboboxChipsInputProps, ComboboxChipsProps, ComboboxClear, ComboboxClearProps, ComboboxCollection, ComboboxCollectionProps, ComboboxContent, ComboboxContentProps, ComboboxEmpty, ComboboxEmptyProps, ComboboxGroup, ComboboxGroupProps, ComboboxInput, ComboboxInputProps, ComboboxItem, ComboboxItemProps, ComboboxLabel, ComboboxLabelProps, ComboboxList, ComboboxListProps, ComboboxProps, ComboboxSeparator, ComboboxSeparatorProps, ComboboxTrigger, ComboboxTriggerProps, ComboboxValue, ComboboxValueProps, Command, CommandDialog, CommandDialogProps, CommandEmpty, CommandEmptyProps, CommandGroup, CommandGroupProps, CommandInput, CommandInputProps, CommandItem, CommandItemProps, CommandList, CommandListProps, CommandProps, CommandSeparator, CommandSeparatorProps, CommandShortcut, CommandShortcutProps, Container, ContainerProps, DEFAULT_CHART_PALETTE, DataTable, DataTableBody, DataTableBodyProps, DataTableColumnHeader, DataTableColumnHeaderProps, DataTableHeader, DataTableHeaderProps, DataTableLabels, DataTablePagination, DataTablePaginationProps, DataTableProps, DataTableRoot, DataTableRootProps, DataTableToolbar, DataTableToolbarProps, DataTableViewOptions, DataTableViewOptionsProps, type DateRange, DateRangePicker, DateRangePickerActions, DateRangePickerActionsProps, DateRangePickerApply, DateRangePickerApplyProps, DateRangePickerCalendar, DateRangePickerCalendarProps, DateRangePickerContent, DateRangePickerContentProps, DateRangePickerDateFields, DateRangePickerDateFieldsProps, DateRangePickerPreset, DateRangePickerPresetOption, DateRangePickerPresetProps, DateRangePickerPresets, DateRangePickerPresetsProps, DateRangePickerProps, DateRangePickerReset, DateRangePickerResetProps, DateRangePickerTrigger, DateRangePickerTriggerProps, DateRangePickerValue, DateRangePickerValueProps, Dialog, DialogBody, DialogBodyProps, DialogClose, DialogCloseProps, DialogContent, DialogContentProps, DialogDescription, DialogDescriptionProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogOverlay, DialogOverlayProps, DialogPortal, DialogPortalProps, DialogProps, DialogTitle, DialogTitleProps, DialogTrigger, DialogTriggerProps, DirectionProvider, DirectionProviderProps, DonutChart, DonutChartProps, Drawer, DrawerBody, DrawerBodyProps, DrawerClose, DrawerCloseProps, DrawerContent, DrawerContentProps, DrawerDescription, DrawerDescriptionProps, DrawerFooter, DrawerFooterProps, DrawerHeader, DrawerHeaderProps, DrawerOverlay, DrawerOverlayProps, DrawerPortal, DrawerPortalProps, DrawerProps, DrawerTitle, DrawerTitleProps, DrawerTrigger, DrawerTriggerProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemProps, DropdownMenuContent, DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuGroupProps, DropdownMenuItem, DropdownMenuItemProps, DropdownMenuLabel, DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuPortalProps, DropdownMenuProps, DropdownMenuRadioGroup, DropdownMenuRadioGroupProps, DropdownMenuRadioItem, DropdownMenuRadioItemProps, DropdownMenuSeparator, DropdownMenuSeparatorProps, DropdownMenuShortcut, DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuSubTrigger, DropdownMenuSubTriggerProps, DropdownMenuTrigger, DropdownMenuTriggerProps, Dropzone, DropzoneArea, DropzoneAreaProps, DropzoneDescription, DropzoneDescriptionProps, DropzoneFileList, DropzoneFileListItem, DropzoneFileListItemProps, DropzoneFileListProps, DropzoneFileMessage, DropzoneFileMessageProps, DropzoneFileStatus, DropzoneMessage, DropzoneMessageProps, DropzoneProps, DropzoneRemoveFile, DropzoneRemoveFileProps, DropzoneRetryFile, DropzoneRetryFileProps, DropzoneTrigger, DropzoneTriggerProps, DropzoneUploadResult, DropzoneValidation, Empty, EmptyContent, EmptyContentProps, EmptyDescription, EmptyDescriptionProps, EmptyHeader, EmptyHeaderProps, EmptyMedia, EmptyMediaProps, EmptyProps, EmptyTitle, EmptyTitleProps, ErrorCode, FibonashLogo, FibonashLogoProps, Field, FieldContent, FieldContentProps, FieldDescription, FieldDescriptionProps, FieldError, FieldErrorProps, FieldGroup, FieldGroupProps, FieldLabel, FieldLabelProps, FieldLegend, FieldLegendProps, FieldProps, FieldSeparator, FieldSeparatorProps, FieldSet, FieldSetProps, FieldTitle, FieldTitleProps, type FileError, FileStatus, Flex, FlexProps, GomaxLogo, GomaxLogoProps, Grid, GridItem, GridItemProps, GridProps, Group, GroupProps, Heading, HeadingProps, HiddenFrom, HiddenFromProps, HotkeyItem, type HotkeyItemOptions, HoverCard, HoverCardContent, HoverCardContentProps, HoverCardProps, HoverCardTrigger, HoverCardTriggerProps, InfiniteProgress, InfiniteProgressProps, Input, InputGroup, InputGroupAddon, InputGroupAddonProps, InputGroupButton, InputGroupButtonProps, InputGroupInput, InputGroupInputProps, InputGroupProps, InputGroupText, InputGroupTextProps, InputGroupTextarea, InputGroupTextareaProps, InputOTP, InputOTPGroup, InputOTPGroupProps, InputOTPProps, InputOTPSeparator, InputOTPSeparatorProps, InputOTPSlot, InputOTPSlotProps, InputProps, IntelitrackLogo, IntelitrackLogoProps, Kbd, KbdGroup, KbdGroupProps, KbdProps, KovraLogo, KovraLogoProps, Label, LabelProps, LetsLogo, LetsLogoProps, List, ListIcon, ListIconProps, ListItem, ListItemProps, ListProps, Marker, MarkerContent, MarkerContentProps, MarkerIcon, MarkerIconProps, MarkerProps, MaskInput, MaskInputProps, type MaskOptions, MaxLogo, MaxLogoProps, Meter, MeterProps, ModeToggle, ModeToggleProps, type ModifiedData, type Modify, NativeSelect, NativeSelectOptGroup, NativeSelectOptGroupProps, NativeSelectOption, NativeSelectOptionProps, NativeSelectProps, NavigationMenu, NavigationMenuContent, NavigationMenuContentProps, NavigationMenuIndicator, NavigationMenuIndicatorProps, NavigationMenuItem, NavigationMenuItemProps, NavigationMenuLink, NavigationMenuLinkProps, NavigationMenuList, NavigationMenuListProps, NavigationMenuPositioner, NavigationMenuPositionerProps, NavigationMenuProps, NavigationMenuTrigger, NavigationMenuTriggerProps, NeutraLogo, NeutraLogoProps, NumberField, NumberFieldDecrement, NumberFieldDecrementProps, NumberFieldGroup, NumberFieldGroupProps, NumberFieldIncrement, NumberFieldIncrementProps, NumberFieldInput, NumberFieldInputProps, NumberFieldProps, NumberFieldScrubArea, NumberFieldScrubAreaProps, Pagination, PaginationContent, PaginationContentProps, PaginationEllipsis, PaginationEllipsisProps, PaginationItem, PaginationItemProps, PaginationLink, PaginationLinkProps, PaginationNext, PaginationNextProps, PaginationPrevious, PaginationPreviousProps, PaginationProps, PhoneInput, PhoneInputCountry, PhoneInputLabels, PhoneInputProps, PhoneInputValue, PieChart, PieChartBase, PieChartBaseProps, PieChartDatum, PieChartProps, Popover, PopoverClose, PopoverCloseProps, PopoverContent, PopoverContentProps, PopoverDescription, PopoverDescriptionProps, PopoverHeader, PopoverHeaderProps, PopoverProps, PopoverTitle, PopoverTitleProps, PopoverTrigger, PopoverTriggerProps, Progress, ProgressColor, ProgressProps, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, RadioGroup, RadioGroupItem, RadioGroupItemProps, RadioGroupProps, RdLogo, RdLogoProps, type Replacement, ResizableHandle, ResizableHandleProps, ResizablePanel, ResizablePanelGroup, ResizablePanelGroupProps, ResizablePanelProps, ResponsiveValueMap, RingProgress, RingProgressProps, RingProgressThickness, type RowData, ScrollArea, ScrollAreaProps, ScrollBar, ScrollBarProps, Select, SelectContent, SelectContentProps, SelectGroup, SelectGroupProps, SelectItem, SelectItemProps, SelectLabel, SelectLabelProps, SelectProps, SelectScrollDownButton, SelectScrollDownButtonProps, SelectScrollUpButton, SelectScrollUpButtonProps, SelectSeparator, SelectSeparatorProps, SelectTrigger, SelectTriggerProps, SelectValue, SelectValueProps, Separator, SeparatorProps, Sidebar, SidebarContent, SidebarContentProps, SidebarFooter, SidebarFooterProps, SidebarGroup, SidebarGroupAction, SidebarGroupActionProps, SidebarGroupContent, SidebarGroupContentProps, SidebarGroupLabel, SidebarGroupLabelProps, SidebarGroupProps, SidebarHeader, SidebarHeaderProps, SidebarInput, SidebarInputProps, SidebarInset, SidebarInsetProps, SidebarMenu, SidebarMenuAction, SidebarMenuActionProps, SidebarMenuBadge, SidebarMenuBadgeProps, SidebarMenuButton, SidebarMenuButtonProps, SidebarMenuItem, SidebarMenuItemProps, SidebarMenuProps, SidebarMenuSkeleton, SidebarMenuSkeletonProps, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubButtonProps, SidebarMenuSubItem, SidebarMenuSubItemProps, SidebarMenuSubProps, SidebarProps, SidebarProvider, SidebarProviderProps, SidebarRail, SidebarRailProps, SidebarSeparator, SidebarSeparatorProps, SidebarTrigger, SidebarTriggerProps, SimpleGrid, SimpleGridProps, Skeleton, SkeletonProps, Slider, SliderProps, Spinner, SpinnerProps, Stack, StackProps, Stepper, StepperContent, StepperContentProps, StepperDescription, StepperDescriptionProps, StepperIndicator, StepperIndicatorProps, StepperItem, StepperItemProps, StepperNav, StepperNavProps, StepperPanel, StepperPanelProps, StepperProps, StepperSeparator, StepperSeparatorProps, StepperTitle, StepperTitleProps, StepperTrigger, StepperTriggerProps, Switch, SwitchProps, Table, TableBody, TableBodyProps, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableContainer, TableContainerProps, TableFooter, TableFooterProps, TableHead, TableHeadProps, TableHeader, TableHeaderProps, TableProps, TableRow, TableRowProps, Tabs, TabsContent, TabsContentProps, TabsList, TabsListProps, TabsProps, TabsTrigger, TabsTriggerProps, TanStackTable, Text, type TextDirection, TextProps, Textarea, TextareaProps, Theme, ThemeProvider, ThemeProviderProps, ThemeProviderState, Timeline, TimelineConnector, TimelineConnectorColor, TimelineConnectorProps, TimelineContent, TimelineContentProps, TimelineDescription, TimelineDescriptionProps, TimelineEmpty, TimelineEmptyProps, TimelineHeader, TimelineHeaderProps, TimelineIcon, TimelineIconColor, TimelineIconProps, TimelineIconSize, TimelineItem, TimelineItemProps, TimelineProps, TimelineStatus, TimelineTime, TimelineTimeProps, TimelineTitle, TimelineTitleProps, Toaster, ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, ToggleProps, Toolbar, ToolbarButton, ToolbarButtonProps, ToolbarGroup, ToolbarGroupProps, ToolbarInput, ToolbarInputProps, ToolbarLink, ToolbarLinkProps, ToolbarProps, ToolbarSeparator, ToolbarSeparatorProps, Tooltip, TooltipContent, TooltipContentProps, TooltipProps, TooltipProvider, TooltipProviderProps, TooltipRoot, TooltipRootProps, TooltipTrigger, TooltipTriggerProps, type Track, type TrackingData, UIColor, UnstyledButton, UnstyledButtonProps, UseDataTableOptions, UseDisclosureHandlers, UseDisclosureOptions, UseDisclosureReturnValue, UseDropzoneProps, UseDropzoneReturn, UseIdleOptions, UseIntervalOptions, UseIntervalReturnValue, UseLocalStorageOptions, UseMaskOptions, VisibleFrom, VisibleFromProps, anchorVariants, badgeColorVariants, badgeVariants, breakpointValues, buildPieConfig, buttonColorVariants, buttonGroupVariants, buttonVariants, centerVariants, cn, composeRefs, containerVariants, createDataTableSelectColumn, defaultDataTableLabels, flexVariants, getHotkeyHandler, groupVariants, headingVariants, listVariants, locale, markerVariants, meterVariants, navigationMenuTriggerStyle, progressColorVariants, progressVariants, randomId, resolveChartColor, ringProgressVariants, selectionControlColorVariants, setRef, spinnerVariants, stackVariants, stopPropagationHandler, tableVariants, tabsListVariants, textVariants, timelineVariants, toAsChildRenderProps, toast, toggleVariants, uiColors, useAsChild, useAutocompleteFilter, useBreakpoint, useBreakpointValue, useCarousel, useComboboxAnchor, useDataTable, useDataTableContext, useDirection, useDisclosure, useDocumentVisibility, useDropzone, useFieldControlId, useFieldInvalid, useFieldLabelId, useHotkeys, useIdle, useInterval, useIsMobile, useLocalStorage, useMask, useSidebar, useStepItem, useStepper, useTheme };
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- import{toAsChildRenderProps as e,useAsChild as t}from"./lib/as-child.js";import{cn as n,randomId as r,stopPropagationHandler as i}from"./lib/utils.js";import{Accordion as a,AccordionContent as o,AccordionItem as s,AccordionTrigger as c}from"./components/accordion.js";import{Alert as l,AlertAction as u,AlertDescription as d,AlertTitle as f}from"./components/alert.js";import{buttonColorVariants as p}from"./lib/button.js";import{Spinner as m,spinnerVariants as h}from"./components/spinner.js";import{Button as g,buttonVariants as _}from"./components/button.js";import{AlertDialog as v,AlertDialogAction as y,AlertDialogCancel as b,AlertDialogContent as x,AlertDialogDescription as S,AlertDialogFooter as C,AlertDialogHeader as w,AlertDialogMedia as T,AlertDialogOverlay as E,AlertDialogPortal as D,AlertDialogTitle as O,AlertDialogTrigger as k}from"./components/alert-dialog.js";import{Anchor as A,anchorVariants as j}from"./components/anchor.js";import{CHART_COLOR_KEYS as M,ChartContainer as N,ChartLegend as P,ChartLegendContent as F,ChartStyle as I,ChartTooltip as L,ChartTooltipContent as R,DEFAULT_CHART_PALETTE as z,resolveChartColor as B}from"./components/chart.js";import{AreaChart as V}from"./components/area-chart.js";import{Avatar as H,AvatarBadge as U,AvatarFallback as W,AvatarGroup as G,AvatarGroupCount as K,AvatarImage as q}from"./components/avatar.js";import{badgeColorVariants as J}from"./lib/badge.js";import{Badge as Y,badgeVariants as X}from"./components/badge.js";import{BarChart as Z}from"./components/bar-chart.js";import{BottomNav as Q,BottomNavItem as $}from"./components/bottom-nav.js";import{Breadcrumb as ee,BreadcrumbEllipsis as te,BreadcrumbItem as ne,BreadcrumbLink as re,BreadcrumbList as ie,BreadcrumbPage as ae,BreadcrumbSeparator as oe}from"./components/breadcrumb.js";import{Separator as se}from"./components/separator.js";import{ButtonGroup as ce,ButtonGroupSeparator as le,ButtonGroupText as ue,buttonGroupVariants as de}from"./components/button-group.js";import{Calendar as fe,CalendarDayButton as pe,locale as me}from"./components/calendar.js";import{Card as he,CardAction as ge,CardContent as _e,CardDescription as ve,CardFooter as ye,CardHeader as be,CardTitle as xe}from"./components/card.js";import{Carousel as Se,CarouselContent as Ce,CarouselIndicators as we,CarouselItem as Te,CarouselNext as Ee,CarouselPrevious as De,useCarousel as Oe}from"./components/carousel.js";import{Center as ke,centerVariants as Ae}from"./components/center.js";import{selectionControlColorVariants as je,uiColors as Me}from"./lib/color.js";import{Label as Ne}from"./components/label.js";import{Field as Pe,FieldContent as Fe,FieldDescription as Ie,FieldError as Le,FieldGroup as Re,FieldLabel as ze,FieldLegend as Be,FieldSeparator as Ve,FieldSet as He,FieldTitle as Ue,useFieldControlId as We,useFieldInvalid as Ge,useFieldLabelId as Ke}from"./components/field.js";import{Checkbox as qe}from"./components/checkbox.js";import{Code as Je}from"./components/code.js";import{Collapsible as Ye,CollapsibleContent as Xe,CollapsibleTrigger as Ze}from"./components/collapsible.js";import{Input as Qe}from"./components/input.js";import{Textarea as $e}from"./components/textarea.js";import{InputGroup as et,InputGroupAddon as tt,InputGroupButton as nt,InputGroupInput as rt,InputGroupText as it,InputGroupTextarea as at}from"./components/input-group.js";import{Combobox as ot,ComboboxChip as st,ComboboxChips as ct,ComboboxChipsInput as lt,ComboboxClear as ut,ComboboxCollection as dt,ComboboxContent as ft,ComboboxEmpty as pt,ComboboxGroup as mt,ComboboxInput as ht,ComboboxItem as gt,ComboboxLabel as _t,ComboboxList as vt,ComboboxSeparator as yt,ComboboxTrigger as bt,ComboboxValue as xt,useComboboxAnchor as St}from"./components/combobox.js";import{Dialog as Ct,DialogBody as wt,DialogClose as Tt,DialogContent as Et,DialogDescription as Dt,DialogFooter as Ot,DialogHeader as kt,DialogOverlay as At,DialogPortal as jt,DialogTitle as Mt,DialogTrigger as Nt}from"./components/dialog.js";import{Command as Pt,CommandDialog as Ft,CommandEmpty as It,CommandGroup as Lt,CommandInput as Rt,CommandItem as zt,CommandList as Bt,CommandSeparator as Vt,CommandShortcut as Ht}from"./components/command.js";import{Container as Ut,containerVariants as Wt}from"./components/container.js";import{DropdownMenu as Gt,DropdownMenuCheckboxItem as Kt,DropdownMenuContent as qt,DropdownMenuGroup as Jt,DropdownMenuItem as Yt,DropdownMenuLabel as Xt,DropdownMenuPortal as Zt,DropdownMenuRadioGroup as Qt,DropdownMenuRadioItem as $t,DropdownMenuSeparator as en,DropdownMenuShortcut as tn,DropdownMenuSub as nn,DropdownMenuSubContent as rn,DropdownMenuSubTrigger as an,DropdownMenuTrigger as on}from"./components/dropdown-menu.js";import{Select as sn,SelectContent as cn,SelectGroup as ln,SelectItem as un,SelectLabel as dn,SelectScrollDownButton as fn,SelectScrollUpButton as pn,SelectSeparator as mn,SelectTrigger as hn,SelectValue as gn}from"./components/select.js";import{Table as _n,TableBody as vn,TableCaption as yn,TableCell as bn,TableContainer as xn,TableFooter as Sn,TableHead as Cn,TableHeader as wn,TableRow as Tn,tableVariants as En}from"./components/table.js";import{DataTable as Dn,DataTableBody as On,DataTableColumnHeader as kn,DataTableHeader as An,DataTablePagination as jn,DataTableRoot as Mn,DataTableToolbar as Nn,DataTableViewOptions as Pn,createDataTableSelectColumn as Fn,defaultDataTableLabels as In,useDataTable as Ln,useDataTableContext as Rn}from"./components/data-table.js";import{Popover as zn,PopoverClose as Bn,PopoverContent as Vn,PopoverDescription as Hn,PopoverHeader as Un,PopoverTitle as Wn,PopoverTrigger as Gn}from"./components/popover.js";import{DateRangePicker as Kn,DateRangePickerActions as qn,DateRangePickerApply as Jn,DateRangePickerCalendar as Yn,DateRangePickerContent as Xn,DateRangePickerDateFields as Zn,DateRangePickerPreset as Qn,DateRangePickerPresets as $n,DateRangePickerReset as er,DateRangePickerTrigger as tr,DateRangePickerValue as nr}from"./components/date-range-picker.js";import{DirectionProvider as rr,useDirection as ir}from"./components/direction.js";import{PieChart as ar,PieChartBase as or,buildPieConfig as sr}from"./components/pie-chart.js";import{DonutChart as cr}from"./components/donut-chart.js";import{Drawer as lr,DrawerBody as ur,DrawerClose as dr,DrawerContent as fr,DrawerDescription as pr,DrawerFooter as mr,DrawerHeader as hr,DrawerOverlay as gr,DrawerPortal as _r,DrawerTitle as vr,DrawerTrigger as yr}from"./components/drawer.js";import{composeRefs as br,setRef as xr}from"./lib/compose-refs.js";import{Dropzone as Sr,DropzoneArea as Cr,DropzoneDescription as wr,DropzoneFileList as Tr,DropzoneFileListItem as Er,DropzoneFileMessage as Dr,DropzoneMessage as Or,DropzoneRemoveFile as kr,DropzoneRetryFile as Ar,DropzoneTrigger as jr,ErrorCode as Mr,InfiniteProgress as Nr,useDropzone as Pr}from"./components/dropzone.js";import{Empty as Fr,EmptyContent as Ir,EmptyDescription as Lr,EmptyHeader as Rr,EmptyMedia as zr,EmptyTitle as Br}from"./components/empty.js";import{Flex as Vr,flexVariants as Hr}from"./components/flex.js";import{Grid as Ur,GridItem as Wr}from"./components/grid.js";import{Group as Gr,groupVariants as Kr}from"./components/group.js";import{Heading as qr,headingVariants as Jr}from"./components/heading.js";import{HoverCard as Yr,HoverCardContent as Xr,HoverCardTrigger as Zr}from"./components/hover-card.js";import{InputOTP as Qr,InputOTPGroup as $r,InputOTPSeparator as ei,InputOTPSlot as ti,REGEXP_ONLY_CHARS as ni,REGEXP_ONLY_DIGITS as ri,REGEXP_ONLY_DIGITS_AND_CHARS as ii}from"./components/input-otp.js";import{Kbd as ai,KbdGroup as oi}from"./components/kbd.js";import{List as si,ListIcon as ci,ListItem as li,listVariants as ui}from"./components/list.js";import{a as di,c as fi,i as pi,l as mi,n as hi,o as gi,r as _i,s as vi,t as yi}from"./logo--R3_XDgA.js";import{Marker as bi,MarkerContent as xi,MarkerIcon as Si,markerVariants as Ci}from"./components/marker.js";import{useMask as wi}from"./hooks/use-mask.js";import{MaskInput as Ti}from"./components/mask-input.js";import{NativeSelect as Ei,NativeSelectOptGroup as Di,NativeSelectOption as Oi}from"./components/native-select.js";import{NavigationMenu as ki,NavigationMenuContent as Ai,NavigationMenuIndicator as ji,NavigationMenuItem as Mi,NavigationMenuLink as Ni,NavigationMenuList as Pi,NavigationMenuPositioner as Fi,NavigationMenuTrigger as Ii,navigationMenuTriggerStyle as Li}from"./components/navigation-menu.js";import{NumberField as Ri,NumberFieldDecrement as zi,NumberFieldGroup as Bi,NumberFieldIncrement as Vi,NumberFieldInput as Hi,NumberFieldScrubArea as Ui}from"./components/number-field.js";import{Pagination as Wi,PaginationContent as Gi,PaginationEllipsis as Ki,PaginationItem as qi,PaginationLink as Ji,PaginationNext as Yi,PaginationPrevious as Xi}from"./components/pagination.js";import{ScrollArea as Zi,ScrollBar as Qi}from"./components/scroll-area.js";import{PhoneInput as $i}from"./components/phone-input.js";import{progressColorVariants as ea}from"./lib/progress.js";import{Progress as ta,progressVariants as na}from"./components/progress.js";import{RadioGroup as ra,RadioGroupItem as ia}from"./components/radio-group.js";import{ResizableHandle as aa,ResizablePanel as oa,ResizablePanelGroup as sa}from"./components/resizable.js";import{RingProgress as ca,ringProgressVariants as la}from"./components/ring-progress.js";import{useIsMobile as ua}from"./hooks/use-mobile.js";import{Skeleton as da}from"./components/skeleton.js";import{Tooltip as fa,TooltipContent as pa,TooltipProvider as ma,TooltipRoot as ha,TooltipTrigger as ga}from"./components/tooltip.js";import{Sidebar as _a,SidebarContent as va,SidebarFooter as ya,SidebarGroup as ba,SidebarGroupAction as xa,SidebarGroupContent as Sa,SidebarGroupLabel as Ca,SidebarHeader as wa,SidebarInput as Ta,SidebarInset as Ea,SidebarMenu as Da,SidebarMenuAction as Oa,SidebarMenuBadge as ka,SidebarMenuButton as Aa,SidebarMenuItem as ja,SidebarMenuSkeleton as Ma,SidebarMenuSub as Na,SidebarMenuSubButton as Pa,SidebarMenuSubItem as Fa,SidebarProvider as Ia,SidebarRail as La,SidebarSeparator as Ra,SidebarTrigger as za,useSidebar as Ba}from"./components/sidebar.js";import{SimpleGrid as Va}from"./components/simple-grid.js";import{Slider as Ha}from"./components/slider.js";import{Toaster as Ua,toast as Wa}from"./components/sonner.js";import{Stack as Ga,stackVariants as Ka}from"./components/stack.js";import{Stepper as qa,StepperContent as Ja,StepperDescription as Ya,StepperIndicator as Xa,StepperItem as Za,StepperNav as Qa,StepperPanel as $a,StepperSeparator as eo,StepperTitle as to,StepperTrigger as no,useStepItem as ro,useStepper as io}from"./components/stepper.js";import{Switch as ao}from"./components/switch.js";import{Tabs as oo,TabsContent as so,TabsList as co,TabsTrigger as lo,tabsListVariants as uo}from"./components/tabs.js";import{Text as fo,textVariants as po}from"./components/text.js";import{ModeToggle as mo,ThemeProvider as ho,useTheme as go}from"./components/theme.js";import{Timeline as _o,TimelineConnector as vo,TimelineContent as yo,TimelineDescription as bo,TimelineEmpty as xo,TimelineHeader as So,TimelineIcon as Co,TimelineItem as wo,TimelineTime as To,TimelineTitle as Eo,timelineVariants as Do}from"./components/timeline.js";import{Toggle as Oo,toggleVariants as ko}from"./components/toggle.js";import{ToggleGroup as Ao,ToggleGroupItem as jo}from"./components/toggle-group.js";import{UnstyledButton as Mo}from"./components/unstyled-button.js";import{breakpointValues as No,useBreakpoint as Po}from"./hooks/use-breakpoint.js";import{HiddenFrom as Fo,VisibleFrom as Io}from"./components/visibility.js";import{useBreakpointValue as Lo}from"./hooks/use-breakpoint-value.js";import{useDisclosure as Ro}from"./hooks/use-disclosure.js";import{useDocumentVisibility as zo}from"./hooks/use-document-visibility.js";import{n as Bo,t as Vo}from"./use-hotkeys-YDJmGWX6.js";import{useIdle as Ho}from"./hooks/use-idle.js";import{useInterval as Uo}from"./hooks/use-interval.js";import{useLocalStorage as Wo}from"./hooks/use-local-storage.js";export{a as Accordion,o as AccordionContent,s as AccordionItem,c as AccordionTrigger,l as Alert,u as AlertAction,d as AlertDescription,v as AlertDialog,y as AlertDialogAction,b as AlertDialogCancel,x as AlertDialogContent,S as AlertDialogDescription,C as AlertDialogFooter,w as AlertDialogHeader,T as AlertDialogMedia,E as AlertDialogOverlay,D as AlertDialogPortal,O as AlertDialogTitle,k as AlertDialogTrigger,f as AlertTitle,A as Anchor,V as AreaChart,H as Avatar,U as AvatarBadge,W as AvatarFallback,G as AvatarGroup,K as AvatarGroupCount,q as AvatarImage,Y as Badge,Z as BarChart,yi as BippiLogo,Q as BottomNav,$ as BottomNavItem,ee as Breadcrumb,te as BreadcrumbEllipsis,ne as BreadcrumbItem,re as BreadcrumbLink,ie as BreadcrumbList,ae as BreadcrumbPage,oe as BreadcrumbSeparator,g as Button,ce as ButtonGroup,le as ButtonGroupSeparator,ue as ButtonGroupText,M as CHART_COLOR_KEYS,fe as Calendar,pe as CalendarDayButton,he as Card,ge as CardAction,_e as CardContent,ve as CardDescription,ye as CardFooter,be as CardHeader,xe as CardTitle,Se as Carousel,Ce as CarouselContent,we as CarouselIndicators,Te as CarouselItem,Ee as CarouselNext,De as CarouselPrevious,ke as Center,N as ChartContainer,P as ChartLegend,F as ChartLegendContent,I as ChartStyle,L as ChartTooltip,R as ChartTooltipContent,qe as Checkbox,Je as Code,Ye as Collapsible,Xe as CollapsibleContent,Ze as CollapsibleTrigger,ot as Combobox,st as ComboboxChip,ct as ComboboxChips,lt as ComboboxChipsInput,ut as ComboboxClear,dt as ComboboxCollection,ft as ComboboxContent,pt as ComboboxEmpty,mt as ComboboxGroup,ht as ComboboxInput,gt as ComboboxItem,_t as ComboboxLabel,vt as ComboboxList,yt as ComboboxSeparator,bt as ComboboxTrigger,xt as ComboboxValue,Pt as Command,Ft as CommandDialog,It as CommandEmpty,Lt as CommandGroup,Rt as CommandInput,zt as CommandItem,Bt as CommandList,Vt as CommandSeparator,Ht as CommandShortcut,Ut as Container,z as DEFAULT_CHART_PALETTE,Dn as DataTable,On as DataTableBody,kn as DataTableColumnHeader,An as DataTableHeader,jn as DataTablePagination,Mn as DataTableRoot,Nn as DataTableToolbar,Pn as DataTableViewOptions,Kn as DateRangePicker,qn as DateRangePickerActions,Jn as DateRangePickerApply,Yn as DateRangePickerCalendar,Xn as DateRangePickerContent,Zn as DateRangePickerDateFields,Qn as DateRangePickerPreset,$n as DateRangePickerPresets,er as DateRangePickerReset,tr as DateRangePickerTrigger,nr as DateRangePickerValue,Ct as Dialog,wt as DialogBody,Tt as DialogClose,Et as DialogContent,Dt as DialogDescription,Ot as DialogFooter,kt as DialogHeader,At as DialogOverlay,jt as DialogPortal,Mt as DialogTitle,Nt as DialogTrigger,rr as DirectionProvider,cr as DonutChart,lr as Drawer,ur as DrawerBody,dr as DrawerClose,fr as DrawerContent,pr as DrawerDescription,mr as DrawerFooter,hr as DrawerHeader,gr as DrawerOverlay,_r as DrawerPortal,vr as DrawerTitle,yr as DrawerTrigger,Gt as DropdownMenu,Kt as DropdownMenuCheckboxItem,qt as DropdownMenuContent,Jt as DropdownMenuGroup,Yt as DropdownMenuItem,Xt as DropdownMenuLabel,Zt as DropdownMenuPortal,Qt as DropdownMenuRadioGroup,$t as DropdownMenuRadioItem,en as DropdownMenuSeparator,tn as DropdownMenuShortcut,nn as DropdownMenuSub,rn as DropdownMenuSubContent,an as DropdownMenuSubTrigger,on as DropdownMenuTrigger,Sr as Dropzone,Cr as DropzoneArea,wr as DropzoneDescription,Tr as DropzoneFileList,Er as DropzoneFileListItem,Dr as DropzoneFileMessage,Or as DropzoneMessage,kr as DropzoneRemoveFile,Ar as DropzoneRetryFile,jr as DropzoneTrigger,Fr as Empty,Ir as EmptyContent,Lr as EmptyDescription,Rr as EmptyHeader,zr as EmptyMedia,Br as EmptyTitle,Mr as ErrorCode,hi as FibonashLogo,Pe as Field,Fe as FieldContent,Ie as FieldDescription,Le as FieldError,Re as FieldGroup,ze as FieldLabel,Be as FieldLegend,Ve as FieldSeparator,He as FieldSet,Ue as FieldTitle,Vr as Flex,_i as GomaxLogo,Ur as Grid,Wr as GridItem,Gr as Group,qr as Heading,Fo as HiddenFrom,Yr as HoverCard,Xr as HoverCardContent,Zr as HoverCardTrigger,Nr as InfiniteProgress,Qe as Input,et as InputGroup,tt as InputGroupAddon,nt as InputGroupButton,rt as InputGroupInput,it as InputGroupText,at as InputGroupTextarea,Qr as InputOTP,$r as InputOTPGroup,ei as InputOTPSeparator,ti as InputOTPSlot,pi as IntelitrackLogo,ai as Kbd,oi as KbdGroup,di as KovraLogo,Ne as Label,gi as LetsLogo,si as List,ci as ListIcon,li as ListItem,bi as Marker,xi as MarkerContent,Si as MarkerIcon,Ti as MaskInput,vi as MaxLogo,mo as ModeToggle,Ei as NativeSelect,Di as NativeSelectOptGroup,Oi as NativeSelectOption,ki as NavigationMenu,Ai as NavigationMenuContent,ji as NavigationMenuIndicator,Mi as NavigationMenuItem,Ni as NavigationMenuLink,Pi as NavigationMenuList,Fi as NavigationMenuPositioner,Ii as NavigationMenuTrigger,fi as NeutraLogo,Ri as NumberField,zi as NumberFieldDecrement,Bi as NumberFieldGroup,Vi as NumberFieldIncrement,Hi as NumberFieldInput,Ui as NumberFieldScrubArea,Wi as Pagination,Gi as PaginationContent,Ki as PaginationEllipsis,qi as PaginationItem,Ji as PaginationLink,Yi as PaginationNext,Xi as PaginationPrevious,$i as PhoneInput,ar as PieChart,or as PieChartBase,zn as Popover,Bn as PopoverClose,Vn as PopoverContent,Hn as PopoverDescription,Un as PopoverHeader,Wn as PopoverTitle,Gn as PopoverTrigger,ta as Progress,ni as REGEXP_ONLY_CHARS,ri as REGEXP_ONLY_DIGITS,ii as REGEXP_ONLY_DIGITS_AND_CHARS,ra as RadioGroup,ia as RadioGroupItem,mi as RdLogo,aa as ResizableHandle,oa as ResizablePanel,sa as ResizablePanelGroup,ca as RingProgress,Zi as ScrollArea,Qi as ScrollBar,sn as Select,cn as SelectContent,ln as SelectGroup,un as SelectItem,dn as SelectLabel,fn as SelectScrollDownButton,pn as SelectScrollUpButton,mn as SelectSeparator,hn as SelectTrigger,gn as SelectValue,se as Separator,_a as Sidebar,va as SidebarContent,ya as SidebarFooter,ba as SidebarGroup,xa as SidebarGroupAction,Sa as SidebarGroupContent,Ca as SidebarGroupLabel,wa as SidebarHeader,Ta as SidebarInput,Ea as SidebarInset,Da as SidebarMenu,Oa as SidebarMenuAction,ka as SidebarMenuBadge,Aa as SidebarMenuButton,ja as SidebarMenuItem,Ma as SidebarMenuSkeleton,Na as SidebarMenuSub,Pa as SidebarMenuSubButton,Fa as SidebarMenuSubItem,Ia as SidebarProvider,La as SidebarRail,Ra as SidebarSeparator,za as SidebarTrigger,Va as SimpleGrid,da as Skeleton,Ha as Slider,m as Spinner,Ga as Stack,qa as Stepper,Ja as StepperContent,Ya as StepperDescription,Xa as StepperIndicator,Za as StepperItem,Qa as StepperNav,$a as StepperPanel,eo as StepperSeparator,to as StepperTitle,no as StepperTrigger,ao as Switch,_n as Table,vn as TableBody,yn as TableCaption,bn as TableCell,xn as TableContainer,Sn as TableFooter,Cn as TableHead,wn as TableHeader,Tn as TableRow,oo as Tabs,so as TabsContent,co as TabsList,lo as TabsTrigger,fo as Text,$e as Textarea,ho as ThemeProvider,_o as Timeline,vo as TimelineConnector,yo as TimelineContent,bo as TimelineDescription,xo as TimelineEmpty,So as TimelineHeader,Co as TimelineIcon,wo as TimelineItem,To as TimelineTime,Eo as TimelineTitle,Ua as Toaster,Oo as Toggle,Ao as ToggleGroup,jo as ToggleGroupItem,fa as Tooltip,pa as TooltipContent,ma as TooltipProvider,ha as TooltipRoot,ga as TooltipTrigger,Mo as UnstyledButton,Io as VisibleFrom,j as anchorVariants,J as badgeColorVariants,X as badgeVariants,No as breakpointValues,sr as buildPieConfig,p as buttonColorVariants,de as buttonGroupVariants,_ as buttonVariants,Ae as centerVariants,n as cn,br as composeRefs,Wt as containerVariants,Fn as createDataTableSelectColumn,In as defaultDataTableLabels,Hr as flexVariants,Bo as getHotkeyHandler,Kr as groupVariants,Jr as headingVariants,ui as listVariants,me as locale,Ci as markerVariants,Li as navigationMenuTriggerStyle,ea as progressColorVariants,na as progressVariants,r as randomId,B as resolveChartColor,la as ringProgressVariants,je as selectionControlColorVariants,xr as setRef,h as spinnerVariants,Ka as stackVariants,i as stopPropagationHandler,En as tableVariants,uo as tabsListVariants,po as textVariants,Do as timelineVariants,e as toAsChildRenderProps,Wa as toast,ko as toggleVariants,Me as uiColors,t as useAsChild,Po as useBreakpoint,Lo as useBreakpointValue,Oe as useCarousel,St as useComboboxAnchor,Ln as useDataTable,Rn as useDataTableContext,ir as useDirection,Ro as useDisclosure,zo as useDocumentVisibility,Pr as useDropzone,We as useFieldControlId,Ge as useFieldInvalid,Ke as useFieldLabelId,Vo as useHotkeys,Ho as useIdle,Uo as useInterval,ua as useIsMobile,Wo as useLocalStorage,wi as useMask,Ba as useSidebar,ro as useStepItem,io as useStepper,go as useTheme};
1
+ import{Accordion as e,AccordionContent as t,AccordionItem as n,AccordionTrigger as r}from"./components/accordion.js";import{Alert as i,AlertAction as a,AlertDescription as o,AlertTitle as s}from"./components/alert.js";import{AlertDialog as c,AlertDialogAction as l,AlertDialogCancel as u,AlertDialogContent as d,AlertDialogDescription as f,AlertDialogFooter as p,AlertDialogHeader as m,AlertDialogMedia as h,AlertDialogOverlay as g,AlertDialogPortal as _,AlertDialogTitle as v,AlertDialogTrigger as y}from"./components/alert-dialog.js";import{Anchor as b,anchorVariants as x}from"./components/anchor.js";import{AreaChart as S}from"./components/area-chart.js";import{Autocomplete as C,AutocompleteCollection as w,AutocompleteContent as T,AutocompleteEmpty as E,AutocompleteGroup as D,AutocompleteInput as O,AutocompleteItem as k,AutocompleteLabel as A,AutocompleteList as j,AutocompleteSeparator as M,AutocompleteStatus as N,useAutocompleteFilter as P}from"./components/autocomplete.js";import{Avatar as F,AvatarBadge as I,AvatarFallback as L,AvatarGroup as R,AvatarGroupCount as z,AvatarImage as B}from"./components/avatar.js";import{Badge as V,badgeVariants as H}from"./components/badge.js";import{BarChart as U}from"./components/bar-chart.js";import{BottomNav as W,BottomNavItem as G}from"./components/bottom-nav.js";import{Breadcrumb as K,BreadcrumbEllipsis as q,BreadcrumbItem as J,BreadcrumbLink as Y,BreadcrumbList as X,BreadcrumbPage as Z,BreadcrumbSeparator as Q}from"./components/breadcrumb.js";import{Button as $,buttonVariants as ee}from"./components/button.js";import{ButtonGroup as te,ButtonGroupSeparator as ne,ButtonGroupText as re,buttonGroupVariants as ie}from"./components/button-group.js";import{Calendar as ae,CalendarDayButton as oe,locale as se}from"./components/calendar.js";import{Card as ce,CardAction as le,CardContent as ue,CardDescription as de,CardFooter as fe,CardHeader as pe,CardTitle as me}from"./components/card.js";import{Carousel as he,CarouselContent as ge,CarouselIndicators as _e,CarouselItem as ve,CarouselNext as ye,CarouselPrevious as be,useCarousel as xe}from"./components/carousel.js";import{Center as Se,centerVariants as Ce}from"./components/center.js";import{CHART_COLOR_KEYS as we,ChartContainer as Te,ChartLegend as Ee,ChartLegendContent as De,ChartStyle as Oe,ChartTooltip as ke,ChartTooltipContent as Ae,DEFAULT_CHART_PALETTE as je,resolveChartColor as Me}from"./components/chart.js";import{Checkbox as Ne}from"./components/checkbox.js";import{CheckboxGroup as Pe}from"./components/checkbox-group.js";import{Code as Fe}from"./components/code.js";import{Collapsible as Ie,CollapsibleContent as Le,CollapsibleTrigger as Re}from"./components/collapsible.js";import{Combobox as ze,ComboboxChip as Be,ComboboxChips as Ve,ComboboxChipsInput as He,ComboboxClear as Ue,ComboboxCollection as We,ComboboxContent as Ge,ComboboxEmpty as Ke,ComboboxGroup as qe,ComboboxInput as Je,ComboboxItem as Ye,ComboboxLabel as Xe,ComboboxList as Ze,ComboboxSeparator as Qe,ComboboxTrigger as $e,ComboboxValue as et,useComboboxAnchor as tt}from"./components/combobox.js";import{Command as nt,CommandDialog as rt,CommandEmpty as it,CommandGroup as at,CommandInput as ot,CommandItem as st,CommandList as ct,CommandSeparator as lt,CommandShortcut as ut}from"./components/command.js";import{Container as dt,containerVariants as ft}from"./components/container.js";import{DataTable as pt,DataTableBody as mt,DataTableColumnHeader as ht,DataTableHeader as gt,DataTablePagination as _t,DataTableRoot as vt,DataTableToolbar as yt,DataTableViewOptions as bt,createDataTableSelectColumn as xt,defaultDataTableLabels as St,useDataTable as Ct,useDataTableContext as wt}from"./components/data-table.js";import{DateRangePicker as Tt,DateRangePickerActions as Et,DateRangePickerApply as Dt,DateRangePickerCalendar as Ot,DateRangePickerContent as kt,DateRangePickerDateFields as At,DateRangePickerPreset as jt,DateRangePickerPresets as Mt,DateRangePickerReset as Nt,DateRangePickerTrigger as Pt,DateRangePickerValue as Ft}from"./components/date-range-picker.js";import{Dialog as It,DialogBody as Lt,DialogClose as Rt,DialogContent as zt,DialogDescription as Bt,DialogFooter as Vt,DialogHeader as Ht,DialogOverlay as Ut,DialogPortal as Wt,DialogTitle as Gt,DialogTrigger as Kt}from"./components/dialog.js";import{DirectionProvider as qt,useDirection as Jt}from"./components/direction.js";import{DonutChart as Yt}from"./components/donut-chart.js";import{Drawer as Xt,DrawerBody as Zt,DrawerClose as Qt,DrawerContent as $t,DrawerDescription as en,DrawerFooter as tn,DrawerHeader as nn,DrawerOverlay as rn,DrawerPortal as an,DrawerTitle as on,DrawerTrigger as sn}from"./components/drawer.js";import{DropdownMenu as cn,DropdownMenuCheckboxItem as ln,DropdownMenuContent as un,DropdownMenuGroup as dn,DropdownMenuItem as fn,DropdownMenuLabel as pn,DropdownMenuPortal as mn,DropdownMenuRadioGroup as hn,DropdownMenuRadioItem as gn,DropdownMenuSeparator as _n,DropdownMenuShortcut as vn,DropdownMenuSub as yn,DropdownMenuSubContent as bn,DropdownMenuSubTrigger as xn,DropdownMenuTrigger as Sn}from"./components/dropdown-menu.js";import{Dropzone as Cn,DropzoneArea as wn,DropzoneDescription as Tn,DropzoneFileList as En,DropzoneFileListItem as Dn,DropzoneFileMessage as On,DropzoneMessage as kn,DropzoneRemoveFile as An,DropzoneRetryFile as jn,DropzoneTrigger as Mn,ErrorCode as Nn,InfiniteProgress as Pn,useDropzone as Fn}from"./components/dropzone.js";import{Empty as In,EmptyContent as Ln,EmptyDescription as Rn,EmptyHeader as zn,EmptyMedia as Bn,EmptyTitle as Vn}from"./components/empty.js";import{Field as Hn,FieldContent as Un,FieldDescription as Wn,FieldError as Gn,FieldGroup as Kn,FieldLabel as qn,FieldLegend as Jn,FieldSeparator as Yn,FieldSet as Xn,FieldTitle as Zn,useFieldControlId as Qn,useFieldInvalid as $n,useFieldLabelId as er}from"./components/field.js";import{Flex as tr,flexVariants as nr}from"./components/flex.js";import{Grid as rr,GridItem as ir}from"./components/grid.js";import{Group as ar,groupVariants as or}from"./components/group.js";import{Heading as sr,headingVariants as cr}from"./components/heading.js";import{HoverCard as lr,HoverCardContent as ur,HoverCardTrigger as dr}from"./components/hover-card.js";import{Input as fr}from"./components/input.js";import{InputGroup as pr,InputGroupAddon as mr,InputGroupButton as hr,InputGroupInput as gr,InputGroupText as _r,InputGroupTextarea as vr}from"./components/input-group.js";import{InputOTP as yr,InputOTPGroup as br,InputOTPSeparator as xr,InputOTPSlot as Sr,REGEXP_ONLY_CHARS as Cr,REGEXP_ONLY_DIGITS as wr,REGEXP_ONLY_DIGITS_AND_CHARS as Tr}from"./components/input-otp.js";import{Kbd as Er,KbdGroup as Dr}from"./components/kbd.js";import{Label as Or}from"./components/label.js";import{List as kr,ListIcon as Ar,ListItem as jr,listVariants as Mr}from"./components/list.js";import{a as Nr,c as Pr,i as Fr,l as Ir,n as Lr,o as Rr,r as zr,s as Br,t as Vr}from"./logo--R3_XDgA.js";import{Marker as Hr,MarkerContent as Ur,MarkerIcon as Wr,markerVariants as Gr}from"./components/marker.js";import{MaskInput as Kr}from"./components/mask-input.js";import{Meter as qr,meterVariants as Jr}from"./components/meter.js";import{NativeSelect as Yr,NativeSelectOptGroup as Xr,NativeSelectOption as Zr}from"./components/native-select.js";import{NavigationMenu as Qr,NavigationMenuContent as $r,NavigationMenuIndicator as ei,NavigationMenuItem as ti,NavigationMenuLink as ni,NavigationMenuList as ri,NavigationMenuPositioner as ii,NavigationMenuTrigger as ai,navigationMenuTriggerStyle as oi}from"./components/navigation-menu.js";import{NumberField as si,NumberFieldDecrement as ci,NumberFieldGroup as li,NumberFieldIncrement as ui,NumberFieldInput as di,NumberFieldScrubArea as fi}from"./components/number-field.js";import{Pagination as pi,PaginationContent as mi,PaginationEllipsis as hi,PaginationItem as gi,PaginationLink as _i,PaginationNext as vi,PaginationPrevious as yi}from"./components/pagination.js";import{PhoneInput as bi}from"./components/phone-input.js";import{PieChart as xi,PieChartBase as Si,buildPieConfig as Ci}from"./components/pie-chart.js";import{Popover as wi,PopoverClose as Ti,PopoverContent as Ei,PopoverDescription as Di,PopoverHeader as Oi,PopoverTitle as ki,PopoverTrigger as Ai}from"./components/popover.js";import{Progress as ji,progressVariants as Mi}from"./components/progress.js";import{RadioGroup as Ni,RadioGroupItem as Pi}from"./components/radio-group.js";import{ResizableHandle as Fi,ResizablePanel as Ii,ResizablePanelGroup as Li}from"./components/resizable.js";import{RingProgress as Ri,ringProgressVariants as zi}from"./components/ring-progress.js";import{ScrollArea as Bi,ScrollBar as Vi}from"./components/scroll-area.js";import{Select as Hi,SelectContent as Ui,SelectGroup as Wi,SelectItem as Gi,SelectLabel as Ki,SelectScrollDownButton as qi,SelectScrollUpButton as Ji,SelectSeparator as Yi,SelectTrigger as Xi,SelectValue as Zi}from"./components/select.js";import{Separator as Qi}from"./components/separator.js";import{Sidebar as $i,SidebarContent as ea,SidebarFooter as ta,SidebarGroup as na,SidebarGroupAction as ra,SidebarGroupContent as ia,SidebarGroupLabel as aa,SidebarHeader as oa,SidebarInput as sa,SidebarInset as ca,SidebarMenu as la,SidebarMenuAction as ua,SidebarMenuBadge as da,SidebarMenuButton as fa,SidebarMenuItem as pa,SidebarMenuSkeleton as ma,SidebarMenuSub as ha,SidebarMenuSubButton as ga,SidebarMenuSubItem as _a,SidebarProvider as va,SidebarRail as ya,SidebarSeparator as ba,SidebarTrigger as xa,useSidebar as Sa}from"./components/sidebar.js";import{SimpleGrid as Ca}from"./components/simple-grid.js";import{Skeleton as wa}from"./components/skeleton.js";import{Slider as Ta}from"./components/slider.js";import{Toaster as Ea,toast as Da}from"./components/sonner.js";import{Spinner as Oa,spinnerVariants as ka}from"./components/spinner.js";import{Stack as Aa,stackVariants as ja}from"./components/stack.js";import{Stepper as Ma,StepperContent as Na,StepperDescription as Pa,StepperIndicator as Fa,StepperItem as Ia,StepperNav as La,StepperPanel as Ra,StepperSeparator as za,StepperTitle as Ba,StepperTrigger as Va,useStepItem as Ha,useStepper as Ua}from"./components/stepper.js";import{Switch as Wa}from"./components/switch.js";import{Table as Ga,TableBody as Ka,TableCaption as qa,TableCell as Ja,TableContainer as Ya,TableFooter as Xa,TableHead as Za,TableHeader as Qa,TableRow as $a,tableVariants as eo}from"./components/table.js";import{Tabs as to,TabsContent as no,TabsList as ro,TabsTrigger as io,tabsListVariants as ao}from"./components/tabs.js";import{Text as oo,textVariants as so}from"./components/text.js";import{Textarea as co}from"./components/textarea.js";import{ModeToggle as lo,ThemeProvider as uo,useTheme as fo}from"./components/theme.js";import{Timeline as po,TimelineConnector as mo,TimelineContent as ho,TimelineDescription as go,TimelineEmpty as _o,TimelineHeader as vo,TimelineIcon as yo,TimelineItem as bo,TimelineTime as xo,TimelineTitle as So,timelineVariants as Co}from"./components/timeline.js";import{Toggle as wo,toggleVariants as To}from"./components/toggle.js";import{ToggleGroup as Eo,ToggleGroupItem as Do}from"./components/toggle-group.js";import{Toolbar as Oo,ToolbarButton as ko,ToolbarGroup as Ao,ToolbarInput as jo,ToolbarLink as Mo,ToolbarSeparator as No}from"./components/toolbar.js";import{Tooltip as Po,TooltipContent as Fo,TooltipProvider as Io,TooltipRoot as Lo,TooltipTrigger as Ro}from"./components/tooltip.js";import{UnstyledButton as zo}from"./components/unstyled-button.js";import{HiddenFrom as Bo,VisibleFrom as Vo}from"./components/visibility.js";import{breakpointValues as Ho,useBreakpoint as Uo}from"./hooks/use-breakpoint.js";import{useBreakpointValue as Wo}from"./hooks/use-breakpoint-value.js";import{useDisclosure as Go}from"./hooks/use-disclosure.js";import{useDocumentVisibility as Ko}from"./hooks/use-document-visibility.js";import{n as qo,t as Jo}from"./use-hotkeys-YDJmGWX6.js";import{useIdle as Yo}from"./hooks/use-idle.js";import{useInterval as Xo}from"./hooks/use-interval.js";import{useLocalStorage as Zo}from"./hooks/use-local-storage.js";import{useMask as Qo}from"./hooks/use-mask.js";import{useIsMobile as $o}from"./hooks/use-mobile.js";import{toAsChildRenderProps as es,useAsChild as ts}from"./lib/as-child.js";import{badgeColorVariants as ns}from"./lib/badge.js";import{buttonColorVariants as rs}from"./lib/button.js";import{selectionControlColorVariants as is,uiColors as as}from"./lib/color.js";import{composeRefs as os,setRef as ss}from"./lib/compose-refs.js";import{progressColorVariants as cs}from"./lib/progress.js";import{cn as ls,randomId as us,stopPropagationHandler as ds}from"./lib/utils.js";export{e as Accordion,t as AccordionContent,n as AccordionItem,r as AccordionTrigger,i as Alert,a as AlertAction,o as AlertDescription,c as AlertDialog,l as AlertDialogAction,u as AlertDialogCancel,d as AlertDialogContent,f as AlertDialogDescription,p as AlertDialogFooter,m as AlertDialogHeader,h as AlertDialogMedia,g as AlertDialogOverlay,_ as AlertDialogPortal,v as AlertDialogTitle,y as AlertDialogTrigger,s as AlertTitle,b as Anchor,S as AreaChart,C as Autocomplete,w as AutocompleteCollection,T as AutocompleteContent,E as AutocompleteEmpty,D as AutocompleteGroup,O as AutocompleteInput,k as AutocompleteItem,A as AutocompleteLabel,j as AutocompleteList,M as AutocompleteSeparator,N as AutocompleteStatus,F as Avatar,I as AvatarBadge,L as AvatarFallback,R as AvatarGroup,z as AvatarGroupCount,B as AvatarImage,V as Badge,U as BarChart,Vr as BippiLogo,W as BottomNav,G as BottomNavItem,K as Breadcrumb,q as BreadcrumbEllipsis,J as BreadcrumbItem,Y as BreadcrumbLink,X as BreadcrumbList,Z as BreadcrumbPage,Q as BreadcrumbSeparator,$ as Button,te as ButtonGroup,ne as ButtonGroupSeparator,re as ButtonGroupText,we as CHART_COLOR_KEYS,ae as Calendar,oe as CalendarDayButton,ce as Card,le as CardAction,ue as CardContent,de as CardDescription,fe as CardFooter,pe as CardHeader,me as CardTitle,he as Carousel,ge as CarouselContent,_e as CarouselIndicators,ve as CarouselItem,ye as CarouselNext,be as CarouselPrevious,Se as Center,Te as ChartContainer,Ee as ChartLegend,De as ChartLegendContent,Oe as ChartStyle,ke as ChartTooltip,Ae as ChartTooltipContent,Ne as Checkbox,Pe as CheckboxGroup,Fe as Code,Ie as Collapsible,Le as CollapsibleContent,Re as CollapsibleTrigger,ze as Combobox,Be as ComboboxChip,Ve as ComboboxChips,He as ComboboxChipsInput,Ue as ComboboxClear,We as ComboboxCollection,Ge as ComboboxContent,Ke as ComboboxEmpty,qe as ComboboxGroup,Je as ComboboxInput,Ye as ComboboxItem,Xe as ComboboxLabel,Ze as ComboboxList,Qe as ComboboxSeparator,$e as ComboboxTrigger,et as ComboboxValue,nt as Command,rt as CommandDialog,it as CommandEmpty,at as CommandGroup,ot as CommandInput,st as CommandItem,ct as CommandList,lt as CommandSeparator,ut as CommandShortcut,dt as Container,je as DEFAULT_CHART_PALETTE,pt as DataTable,mt as DataTableBody,ht as DataTableColumnHeader,gt as DataTableHeader,_t as DataTablePagination,vt as DataTableRoot,yt as DataTableToolbar,bt as DataTableViewOptions,Tt as DateRangePicker,Et as DateRangePickerActions,Dt as DateRangePickerApply,Ot as DateRangePickerCalendar,kt as DateRangePickerContent,At as DateRangePickerDateFields,jt as DateRangePickerPreset,Mt as DateRangePickerPresets,Nt as DateRangePickerReset,Pt as DateRangePickerTrigger,Ft as DateRangePickerValue,It as Dialog,Lt as DialogBody,Rt as DialogClose,zt as DialogContent,Bt as DialogDescription,Vt as DialogFooter,Ht as DialogHeader,Ut as DialogOverlay,Wt as DialogPortal,Gt as DialogTitle,Kt as DialogTrigger,qt as DirectionProvider,Yt as DonutChart,Xt as Drawer,Zt as DrawerBody,Qt as DrawerClose,$t as DrawerContent,en as DrawerDescription,tn as DrawerFooter,nn as DrawerHeader,rn as DrawerOverlay,an as DrawerPortal,on as DrawerTitle,sn as DrawerTrigger,cn as DropdownMenu,ln as DropdownMenuCheckboxItem,un as DropdownMenuContent,dn as DropdownMenuGroup,fn as DropdownMenuItem,pn as DropdownMenuLabel,mn as DropdownMenuPortal,hn as DropdownMenuRadioGroup,gn as DropdownMenuRadioItem,_n as DropdownMenuSeparator,vn as DropdownMenuShortcut,yn as DropdownMenuSub,bn as DropdownMenuSubContent,xn as DropdownMenuSubTrigger,Sn as DropdownMenuTrigger,Cn as Dropzone,wn as DropzoneArea,Tn as DropzoneDescription,En as DropzoneFileList,Dn as DropzoneFileListItem,On as DropzoneFileMessage,kn as DropzoneMessage,An as DropzoneRemoveFile,jn as DropzoneRetryFile,Mn as DropzoneTrigger,In as Empty,Ln as EmptyContent,Rn as EmptyDescription,zn as EmptyHeader,Bn as EmptyMedia,Vn as EmptyTitle,Nn as ErrorCode,Lr as FibonashLogo,Hn as Field,Un as FieldContent,Wn as FieldDescription,Gn as FieldError,Kn as FieldGroup,qn as FieldLabel,Jn as FieldLegend,Yn as FieldSeparator,Xn as FieldSet,Zn as FieldTitle,tr as Flex,zr as GomaxLogo,rr as Grid,ir as GridItem,ar as Group,sr as Heading,Bo as HiddenFrom,lr as HoverCard,ur as HoverCardContent,dr as HoverCardTrigger,Pn as InfiniteProgress,fr as Input,pr as InputGroup,mr as InputGroupAddon,hr as InputGroupButton,gr as InputGroupInput,_r as InputGroupText,vr as InputGroupTextarea,yr as InputOTP,br as InputOTPGroup,xr as InputOTPSeparator,Sr as InputOTPSlot,Fr as IntelitrackLogo,Er as Kbd,Dr as KbdGroup,Nr as KovraLogo,Or as Label,Rr as LetsLogo,kr as List,Ar as ListIcon,jr as ListItem,Hr as Marker,Ur as MarkerContent,Wr as MarkerIcon,Kr as MaskInput,Br as MaxLogo,qr as Meter,lo as ModeToggle,Yr as NativeSelect,Xr as NativeSelectOptGroup,Zr as NativeSelectOption,Qr as NavigationMenu,$r as NavigationMenuContent,ei as NavigationMenuIndicator,ti as NavigationMenuItem,ni as NavigationMenuLink,ri as NavigationMenuList,ii as NavigationMenuPositioner,ai as NavigationMenuTrigger,Pr as NeutraLogo,si as NumberField,ci as NumberFieldDecrement,li as NumberFieldGroup,ui as NumberFieldIncrement,di as NumberFieldInput,fi as NumberFieldScrubArea,pi as Pagination,mi as PaginationContent,hi as PaginationEllipsis,gi as PaginationItem,_i as PaginationLink,vi as PaginationNext,yi as PaginationPrevious,bi as PhoneInput,xi as PieChart,Si as PieChartBase,wi as Popover,Ti as PopoverClose,Ei as PopoverContent,Di as PopoverDescription,Oi as PopoverHeader,ki as PopoverTitle,Ai as PopoverTrigger,ji as Progress,Cr as REGEXP_ONLY_CHARS,wr as REGEXP_ONLY_DIGITS,Tr as REGEXP_ONLY_DIGITS_AND_CHARS,Ni as RadioGroup,Pi as RadioGroupItem,Ir as RdLogo,Fi as ResizableHandle,Ii as ResizablePanel,Li as ResizablePanelGroup,Ri as RingProgress,Bi as ScrollArea,Vi as ScrollBar,Hi as Select,Ui as SelectContent,Wi as SelectGroup,Gi as SelectItem,Ki as SelectLabel,qi as SelectScrollDownButton,Ji as SelectScrollUpButton,Yi as SelectSeparator,Xi as SelectTrigger,Zi as SelectValue,Qi as Separator,$i as Sidebar,ea as SidebarContent,ta as SidebarFooter,na as SidebarGroup,ra as SidebarGroupAction,ia as SidebarGroupContent,aa as SidebarGroupLabel,oa as SidebarHeader,sa as SidebarInput,ca as SidebarInset,la as SidebarMenu,ua as SidebarMenuAction,da as SidebarMenuBadge,fa as SidebarMenuButton,pa as SidebarMenuItem,ma as SidebarMenuSkeleton,ha as SidebarMenuSub,ga as SidebarMenuSubButton,_a as SidebarMenuSubItem,va as SidebarProvider,ya as SidebarRail,ba as SidebarSeparator,xa as SidebarTrigger,Ca as SimpleGrid,wa as Skeleton,Ta as Slider,Oa as Spinner,Aa as Stack,Ma as Stepper,Na as StepperContent,Pa as StepperDescription,Fa as StepperIndicator,Ia as StepperItem,La as StepperNav,Ra as StepperPanel,za as StepperSeparator,Ba as StepperTitle,Va as StepperTrigger,Wa as Switch,Ga as Table,Ka as TableBody,qa as TableCaption,Ja as TableCell,Ya as TableContainer,Xa as TableFooter,Za as TableHead,Qa as TableHeader,$a as TableRow,to as Tabs,no as TabsContent,ro as TabsList,io as TabsTrigger,oo as Text,co as Textarea,uo as ThemeProvider,po as Timeline,mo as TimelineConnector,ho as TimelineContent,go as TimelineDescription,_o as TimelineEmpty,vo as TimelineHeader,yo as TimelineIcon,bo as TimelineItem,xo as TimelineTime,So as TimelineTitle,Ea as Toaster,wo as Toggle,Eo as ToggleGroup,Do as ToggleGroupItem,Oo as Toolbar,ko as ToolbarButton,Ao as ToolbarGroup,jo as ToolbarInput,Mo as ToolbarLink,No as ToolbarSeparator,Po as Tooltip,Fo as TooltipContent,Io as TooltipProvider,Lo as TooltipRoot,Ro as TooltipTrigger,zo as UnstyledButton,Vo as VisibleFrom,x as anchorVariants,ns as badgeColorVariants,H as badgeVariants,Ho as breakpointValues,Ci as buildPieConfig,rs as buttonColorVariants,ie as buttonGroupVariants,ee as buttonVariants,Ce as centerVariants,ls as cn,os as composeRefs,ft as containerVariants,xt as createDataTableSelectColumn,St as defaultDataTableLabels,nr as flexVariants,qo as getHotkeyHandler,or as groupVariants,cr as headingVariants,Mr as listVariants,se as locale,Gr as markerVariants,Jr as meterVariants,oi as navigationMenuTriggerStyle,cs as progressColorVariants,Mi as progressVariants,us as randomId,Me as resolveChartColor,zi as ringProgressVariants,is as selectionControlColorVariants,ss as setRef,ka as spinnerVariants,ja as stackVariants,ds as stopPropagationHandler,eo as tableVariants,ao as tabsListVariants,so as textVariants,Co as timelineVariants,es as toAsChildRenderProps,Da as toast,To as toggleVariants,as as uiColors,ts as useAsChild,P as useAutocompleteFilter,Uo as useBreakpoint,Wo as useBreakpointValue,xe as useCarousel,tt as useComboboxAnchor,Ct as useDataTable,wt as useDataTableContext,Jt as useDirection,Go as useDisclosure,Ko as useDocumentVisibility,Fn as useDropzone,Qn as useFieldControlId,$n as useFieldInvalid,er as useFieldLabelId,Jo as useHotkeys,Yo as useIdle,Xo as useInterval,$o as useIsMobile,Zo as useLocalStorage,Qo as useMask,Sa as useSidebar,Ha as useStepItem,Ua as useStepper,fo as useTheme};
@@ -54,14 +54,14 @@ To set up a consumer project after installing `@uselets/ui`, run `bun uselets in
54
54
  app's entry file (`import '@fontsource-variable/inter'` in `app/layout.tsx`, `pages/_app.tsx`, or `src/main.tsx`),
55
55
  not via `@import` in CSS — some bundlers, including Next.js, don't resolve third-party CSS `@import`s reliably.
56
56
  - Recommend `@uselets/ui/postcss.config` when the app needs the package PostCSS preset for Tailwind v4.
57
- - Interactive components are built on Base UI (`@base-ui/react`). Use `asChild` (Radix-style, single child element) for polymorphism; the child replaces the part's content. Not supported on `ScrollArea`, `ScrollBar`, `SelectContent`, `SelectItem`, `AccordionContent`, `Checkbox`, `Switch`, `RadioGroupItem`, `Progress`, `Slider`, `NavigationMenu`, `NumberFieldScrubArea`, `ComboboxInput`, `ComboboxClear`, `ComboboxChipsInput`, `NumberField`, `NumberFieldInput` (their internal structure is required). Do not pass Base UI's `render` prop — it is not part of the public API. When `asChild` wraps a button-like part (triggers, closes, `TabsTrigger`, `AccordionTrigger`, `Toggle`, `SelectTrigger`, `AlertDialogAction`/`Cancel`) with a non-`<button>` child, also pass `nativeButton={false}` (not needed for `TooltipTrigger`/`HoverCardTrigger`). Change callbacks of Base UI-backed components (`onOpenChange`, `onValueChange`, `onCheckedChange`, …) receive `(value, eventDetails)`; `DateRangePicker`, `SidebarProvider` and `Stepper` callbacks don't.
58
- - Popups unmount when closed. `keepMounted?: boolean` (default `false`) keeps them mounted while hidden on `DialogContent`, `AlertDialogContent`, `DrawerContent`, `PopoverContent`, `DropdownMenuContent`, `DropdownMenuSubContent`, `TooltipContent`/`Tooltip`, `HoverCardContent`, `ComboboxContent` and `NavigationMenuPositioner`; `SelectContent` does not accept it. `sticky?: boolean` (default `false`) keeps `PopoverContent`, `SelectContent`, `DropdownMenuContent`, `DropdownMenuSubContent`, `TooltipContent`/`Tooltip`, `HoverCardContent` and `ComboboxContent` in the viewport after the anchor scrolls out of view. Other positioner props (`collisionPadding`, `collisionBoundary`, `arrowPadding`, `collisionAvoidance`) are only exposed on `ComboboxContent`.
57
+ - Interactive components are built on Base UI (`@base-ui/react`). Use `asChild` (Radix-style, single child element) for polymorphism; the child replaces the part's content. Not supported on `ScrollArea`, `ScrollBar`, `SelectContent`, `SelectItem`, `AccordionContent`, `Checkbox`, `Switch`, `RadioGroupItem`, `Progress`, `Slider`, `NavigationMenu`, `NumberFieldScrubArea`, `ComboboxInput`, `ComboboxClear`, `ComboboxChipsInput`, `AutocompleteInput`, `Meter`, `ToolbarInput`, `NumberField`, `NumberFieldInput` (their internal structure is required). Do not pass Base UI's `render` prop — it is not part of the public API. When `asChild` wraps a button-like part (triggers, closes, `TabsTrigger`, `AccordionTrigger`, `Toggle`, `SelectTrigger`, `AlertDialogAction`/`Cancel`) with a non-`<button>` child, also pass `nativeButton={false}` (not needed for `TooltipTrigger`/`HoverCardTrigger`). Change callbacks of Base UI-backed components (`onOpenChange`, `onValueChange`, `onCheckedChange`, …) receive `(value, eventDetails)`; `DateRangePicker`, `SidebarProvider` and `Stepper` callbacks don't.
58
+ - Popups unmount when closed. `keepMounted?: boolean` (default `false`) keeps them mounted while hidden on `DialogContent`, `AlertDialogContent`, `DrawerContent`, `PopoverContent`, `DropdownMenuContent`, `DropdownMenuSubContent`, `TooltipContent`/`Tooltip`, `HoverCardContent`, `ComboboxContent`, `AutocompleteContent` and `NavigationMenuPositioner`; `SelectContent` does not accept it. `sticky?: boolean` (default `false`) keeps `PopoverContent`, `SelectContent`, `DropdownMenuContent`, `DropdownMenuSubContent`, `TooltipContent`/`Tooltip`, `HoverCardContent`, `ComboboxContent` and `AutocompleteContent` in the viewport after the anchor scrolls out of view. Other positioner props (`collisionPadding`, `collisionBoundary`, `arrowPadding`, `collisionAvoidance`) are only exposed on `ComboboxContent` and `AutocompleteContent`.
59
59
  - For Vite apps, `@tailwindcss/vite` (registered in `vite.config.ts`, no `postcss.config.mjs`) is a valid alternative to PostCSS; prefer it when the project uses isolated installs (pnpm, Bun workspaces). See `references/package-guide.md`.
60
60
  - For tooltip-heavy apps, wrap the app with `TooltipProvider` (`delay`, not `delayDuration`); use `Tooltip label={...}` for common trigger/content usage (it accepts `delay`/`closeDelay`) and `TooltipRoot` only when manual composition is needed.
61
61
  - Use `UnstyledButton` when button semantics are needed without `Button` variants; it provides reset styles, pointer cursor, focus ring, default `type="button"`, and `asChild`.
62
62
  - For toast usage, mount `Toaster` near the app root before calling `toast(...)`.
63
63
  - For package theme helpers, use `ThemeProvider`, `useTheme`, and `ModeToggle` from `@uselets/ui/theme` or the root barrel.
64
- - For form fields, `Field` automatically shares a generated control id with `FieldLabel` and labelable controls when explicit ids are omitted; pass explicit matching `htmlFor` and `id` only when a stable custom id is required. Use one control per `Field` (a `RadioGroup` counts as one control); for several checkboxes/switches use `FieldSet` + `FieldLegend` with one `Field` each. Mark errors with `<Field invalid>` (not `aria-invalid` on each control): it colors the label and propagates `aria-invalid` to the control; `Checkbox`/`Switch`/`RadioGroup` get the attribute but no red style.
64
+ - For form fields, `Field` automatically shares a generated control id with `FieldLabel` and labelable controls when explicit ids are omitted; pass explicit matching `htmlFor` and `id` only when a stable custom id is required. Use one control per `Field` (a `RadioGroup` or `CheckboxGroup` counts as one control); for several checkboxes use a `CheckboxGroup` (it also provides "select all" via a `parent` checkbox), and for several switches use `FieldSet` + `FieldLegend` with one `Field` each. Mark errors with `<Field invalid>` (not `aria-invalid` on each control): it colors the label and propagates `aria-invalid` to the control; `Checkbox`/`Switch`/`RadioGroup`/`CheckboxGroup` get the attribute but no red style.
65
65
  - For client-side tabular data, use `DataTable` from `@uselets/ui/data-table`. Defaults are bare: `enableRowSelection`, `enableSorting`, and `showPagination` are all `false`. Set `enableRowSelection` to auto-prepend the selection checkbox column (no need to add `createDataTableSelectColumn` manually); set `enableSorting` to make `DataTableColumnHeader` clickable for sort. `filterColumns` accepts a single id or an array; with 2+ ids the toolbar renders an `InputGroup` with a column selector on the left. `toolbarActions` always sits at the right of the toolbar. All labels default to pt-BR; override any subset through `labels` (`Partial<DataTableLabels>`), with full defaults exposed as `defaultDataTableLabels`. Use `variant` on `DataTable` (or directly on the base `Table`) to switch chrome: `"line"` (default) renders only horizontal separators between rows; `"outline"` adds a rounded outer border around the table. The base `Table` from `@uselets/ui/table` renders only the `<table>` element and is striped by default (pass `striped={false}` to disable). Wrap it in `TableContainer` to control scroll; `minWidth` lives on `TableContainer`. Combine `stickyHeader` on `Table` with `max-h` + `overflow-y-auto` on the `TableContainer` to keep the `<thead>` visible during vertical scroll. `DataTable` wraps its `Table` in `TableContainer` automatically.
66
66
 
67
67
  ## Quick Routing
@@ -115,11 +115,17 @@ Unless noted otherwise, each module also exports its public `*Props` types from
115
115
  - Notes: action button with `solid`, `secondary`, `outline`, `subtle`, `ghost`, and `link` variants, `color: UIColor` (`primary` default), sizes from `xs` through `xl` plus icon sizes through `icon-xl`, and `loading`
116
116
  - `button-group`
117
117
  - Exports: `ButtonGroup`, `ButtonGroupSeparator`, `ButtonGroupText`, `buttonGroupVariants`
118
+ - `toolbar`
119
+ - Exports: `Toolbar`, `ToolbarButton`, `ToolbarGroup`, `ToolbarInput`, `ToolbarLink`, `ToolbarSeparator`
120
+ - Notes: action bar (`role="toolbar"`) that is one tab stop; arrow keys move focus between its controls. Always pass `aria-label`. No background/border of its own (wrap in `Card` or a container). `Toolbar` props: `orientation: 'horizontal' | 'vertical'` (default `horizontal`), `loopFocus` (default `true`), `disabled`. `ToolbarButton` renders `Button`: `variant` (default `ghost`), `size` (default `sm`), `color: UIColor`, `loading`; disabled buttons stay focusable (`focusableWhenDisabled`, default `true`). To open a menu/popover: `<DropdownMenuTrigger asChild><ToolbarButton>…</ToolbarButton></DropdownMenuTrigger>`. `ToolbarSeparator` takes the opposite orientation automatically. `ToolbarInput` renders `Input` (no `asChild`). Use for action bars (bulk actions, filters, editors), not navigation (`Tabs`/`NavigationMenu`)
118
121
  - `empty`
119
122
  - Exports: `Empty`, `EmptyContent`, `EmptyDescription`, `EmptyHeader`, `EmptyMedia`, `EmptyTitle`
120
123
  - `progress`
121
124
  - Exports: `Progress`, `progressVariants`
122
125
  - Notes: linear progress bar driven by a single `value` (0–100); `size: 'sm' | 'md' | 'lg'` (default: `md`) controls bar height and `color: UIColor` (default: `primary`) controls the indicator; omitting `value` (or passing `null`) renders the indeterminate state
126
+ - `meter`
127
+ - Exports: `Meter`, `meterVariants`
128
+ - Notes: linear bar for a static measurement within a range (usage, capacity, share of a total) with `role="meter"`; use `Progress` for task completion. `value` required; `min`/`max` (default `0`/`100`); `label?: React.ReactNode` renders above the bar and names it (without it, pass `aria-label`); `showValue?: boolean` (default `false`) prints the formatted value at the end of the label row, formatted with `format?: Intl.NumberFormatOptions` and `locale`. `size: 'sm' | 'md' | 'lg'` (default `md`) and `color: UIColor` (default `primary`) match `Progress`; `className` targets the bar. No `asChild`
123
129
  - `ring-progress`
124
130
  - Exports: `RingProgress`, `ringProgressVariants`
125
131
  - Notes: circular progress indicator driven by a single `value` (0–100); `size: 'sm' | 'md' | 'lg'` (default: `md`, `32/40/48px`), `thickness: 'thin' | 'md' | 'thick'` (default: `md`), and `color: UIColor` (default: `primary`); normalized `viewBox` means the size can also be set via `className` (e.g. `size-5`); rounded line caps
@@ -133,8 +139,8 @@ Unless noted otherwise, each module also exports its public `*Props` types from
133
139
 
134
140
  - `field`
135
141
  - Exports: `Field`, `FieldContent`, `FieldDescription`, `FieldError`, `FieldGroup`, `FieldLabel`, `FieldLegend`, `FieldSeparator`, `FieldSet`, `FieldTitle`, `useFieldControlId`, `useFieldInvalid`, `useFieldLabelId`
136
- - Notes: form layout and validation helpers; `Field` automatically provides a generated control id to `FieldLabel` and labelable descendants when explicit ids are omitted. One control per `Field`: a `RadioGroup` placed directly in a `Field` takes the `FieldLabel` as its group label (`aria-labelledby`) and its items keep their own ids; never put several `Checkbox`/`Switch` controls in one `Field` (they would share the control id) — use `FieldSet` + `FieldLegend` with one `Field` per control. `useFieldLabelId()` returns the current `FieldLabel` id (or `undefined` outside a `Field`) for custom group controls
137
- - Invalid state: `Field.invalid?: boolean` (or legacy `data-invalid="true"`; `invalid` wins when both are set) renders `data-invalid="true"` (label/description turn destructive) and sets `aria-invalid` on the control inside. Styled red: `Input` (incl. `InputGroupInput`, `PhoneInput`), `Textarea`, `NativeSelect`, `SelectTrigger`, `ComboboxInput`, `ComboboxChipsInput`, `InputOTP` (+ slots), `NumberField`. `aria-invalid` only, no red style: `Checkbox`, `Switch`, `RadioGroup` (on the group). Not propagated: `Slider`, `DatePicker`/`DateRangePicker` triggers. A control's own `aria-invalid` (including `false`) overrides the `Field`. Do: `<Field invalid><FieldLabel/><Input/><FieldError/></Field>`. Don't: repeat `aria-invalid` on every control inside an invalid `Field`. Custom controls: `const invalid = useFieldInvalid(props['aria-invalid'])` → `aria-invalid={invalid}` (returns `undefined` outside a `Field`)
142
+ - Notes: form layout and validation helpers; `Field` automatically provides a generated control id to `FieldLabel` and labelable descendants when explicit ids are omitted. One control per `Field`: a `RadioGroup` placed directly in a `Field` takes the `FieldLabel` as its group label (`aria-labelledby`) and its items keep their own ids; a `CheckboxGroup` placed directly in a `Field` behaves the same way; never put several loose `Checkbox`/`Switch` controls in one `Field` (they would share the control id) — wrap checkboxes in a `CheckboxGroup`, or use `FieldSet` + `FieldLegend` with one `Field` per control. `useFieldLabelId()` returns the current `FieldLabel` id (or `undefined` outside a `Field`) for custom group controls
143
+ - Invalid state: `Field.invalid?: boolean` (or legacy `data-invalid="true"`; `invalid` wins when both are set) renders `data-invalid="true"` (label/description turn destructive) and sets `aria-invalid` on the control inside. Styled red: `Input` (incl. `InputGroupInput`, `PhoneInput`), `Textarea`, `NativeSelect`, `SelectTrigger`, `ComboboxInput`, `ComboboxChipsInput`, `AutocompleteInput`, `InputOTP` (+ slots), `NumberField`. `aria-invalid` only, no red style: `Checkbox`, `Switch`, `RadioGroup` and `CheckboxGroup` (on the group). Not propagated: `Slider`, `DatePicker`/`DateRangePicker` triggers. A control's own `aria-invalid` (including `false`) overrides the `Field`. Do: `<Field invalid><FieldLabel/><Input/><FieldError/></Field>`. Don't: repeat `aria-invalid` on every control inside an invalid `Field`. Custom controls: `const invalid = useFieldInvalid(props['aria-invalid'])` → `aria-invalid={invalid}` (returns `undefined` outside a `Field`)
138
144
  - `grid`
139
145
  - Exports: `Grid`, `GridItem`
140
146
  - Notes: 12-column CSS grid by default. `Grid` supports spacing props plus direct `templateRows` and `templateColumns`; spacing values `xs` to `xl` map to `4/8/16/24/32px`; `GridItem` defaults to `colSpan={12}` and supports numeric `colSpan` and `rowSpan`. Use `useBreakpointValue` when these values need to change by breakpoint.
@@ -165,6 +171,9 @@ Unless noted otherwise, each module also exports its public `*Props` types from
165
171
  - `checkbox`
166
172
  - Exports: `Checkbox`
167
173
  - Notes: supports `size: 'sm' | 'md' | 'lg'`, `color: UIColor` (default `primary`), `indeterminate?: boolean` for the mixed state (use it alongside a boolean `checked`; `checked="indeterminate"` is not supported), `label?: React.ReactNode`, `labelProps`, and automatic `id`/`htmlFor` wiring when a label is provided without an explicit `id`; composed label text follows checkbox size (`sm` 12px, `md` 14px, `lg` 18px); `description?: React.ReactNode` + `descriptionProps` render muted helper text (a `<p>`) below the label, linked via `aria-describedby`; description text is `sm` 12px, `md` 12px, `lg` 14px
174
+ - `checkbox-group`
175
+ - Exports: `CheckboxGroup`
176
+ - Notes: shares one `string[]` value between child `Checkbox`es; each child needs `value`. `value`/`defaultValue`/`onValueChange(value: string[], eventDetails)`. Select all: pass every value in `allValues` and add `<Checkbox parent label="…" />` (no `value`); it checks/unchecks all and shows the mixed state automatically (don't compute `indeterminate` yourself). `orientation: 'vertical' | 'horizontal'` (default `vertical`; horizontal wraps in a row). `color: UIColor` (default `primary`) applies to every child; a child's own `color` wins. `disabled` disables all. Inside a `Field`, the group is labelled by `FieldLabel` (`aria-labelledby`), gets `aria-invalid` from an invalid `Field`, and each checkbox keeps its own id. Supports `asChild`
168
177
  - `switch`
169
178
  - Exports: `Switch`
170
179
  - Notes: supports `size: 'sm' | 'md' | 'lg'`, `color: UIColor` (default `green`), `label?: React.ReactNode`, `labelProps`, and automatic `id`/`htmlFor` wiring when a label is provided without an explicit `id`; `color` controls the checked track and indicator color only; track size is `sm` 30x14px, `md` 34x16px, and `lg` 42x20px (control heights match `Checkbox`); the thumb and internal indicator scale with the switch; composed label text follows switch size (`sm` 12px, `md` 14px, `lg` 18px (same as `Checkbox` and `RadioGroupItem`)); `description?: React.ReactNode` + `descriptionProps` render muted helper text (a `<p>`) below the label, linked via `aria-describedby`; description text is `sm` 12px, `md` 12px, `lg` 14px
@@ -179,6 +188,9 @@ Unless noted otherwise, each module also exports its public `*Props` types from
179
188
  - `combobox`
180
189
  - Exports: `Combobox`, `ComboboxInput`, `ComboboxContent`, `ComboboxList`, `ComboboxItem`, `ComboboxGroup`, `ComboboxLabel`, `ComboboxCollection`, `ComboboxClear`, `ComboboxEmpty`, `ComboboxSeparator`, `ComboboxChips`, `ComboboxChip`, `ComboboxChipsInput`, `ComboboxTrigger`, `ComboboxValue`, `useComboboxAnchor`
181
190
  - Notes: `ComboboxInput` supports `icon?: React.ReactNode`, `triggerIcon?: React.ReactNode`, `showTrigger?: boolean`, and `showClear?: boolean`; `ComboboxChips` supports `showClear?: boolean` to render a button that clears all selected chips at once; `ComboboxContent` supports `container` for rendering inside overlays such as dialogs, and forwards the underlying Base UI Positioner's public props (`side`, `align`, `sideOffset`, `alignOffset`, `anchor`, `positionMethod` (default `'absolute'`), `collisionBoundary`, `collisionPadding`, `sticky`, `arrowPadding`, `disableAnchorTracking`, `collisionAvoidance`)
191
+ - `autocomplete`
192
+ - Exports: `Autocomplete`, `AutocompleteInput`, `AutocompleteContent`, `AutocompleteList`, `AutocompleteItem`, `AutocompleteGroup`, `AutocompleteLabel`, `AutocompleteCollection`, `AutocompleteEmpty`, `AutocompleteStatus`, `AutocompleteSeparator`, `useAutocompleteFilter`
193
+ - Notes: free-text input with suggestions; the value is the input text (`value`/`defaultValue`/`onValueChange(value: string, eventDetails)`), so any text is valid. Use `Combobox` when the value must be one of the options. Pass suggestions in `items` and render with `AutocompleteCollection`; for object items set `itemToStringValue` so picking fills the input. Server suggestions: `filter={null}`, update `items` from the request, render loading/count text in `AutocompleteStatus` (live region). `AutocompleteInput` props: `icon`, `showClear` (default `false`), `showTrigger` (default `false`, unlike `ComboboxInput`), `triggerIcon`; no `asChild`. `AutocompleteContent` has the same positioner/portal props and defaults as `ComboboxContent` (`side` `bottom`, `align` `start`, `sideOffset` `6`, `container`, `keepMounted`, `sticky`, …). Root props include `mode` (`list` default, `both`, `inline`, `none`), `autoHighlight`, `openOnInputClick` (default `false`), `limit`, `submitOnItemClick`. `useAutocompleteFilter()` returns locale-aware `contains`/`startsWith`/`endsWith` matchers for a custom `filter`. Inside a `Field` it takes the control id and turns red when invalid
182
194
  - `dropzone`
183
195
  - Exports: `Dropzone`, `DropzoneArea`, `DropzoneDescription`, `DropzoneFileList`, `DropzoneFileListItem`, `DropzoneFileMessage`, `DropzoneMessage`, `DropzoneRemoveFile`, `DropzoneRetryFile`, `DropzoneTrigger`, `InfiniteProgress`, `useDropzone`
184
196
  - Notes: upload composition with validation, retry handling, status list UI, and optional `shiftOnMaxFiles`
@@ -287,7 +287,7 @@ The package stylesheet exposes these palette families:
287
287
  - `pink`
288
288
  - `green`
289
289
 
290
- The same palette family names are exported as `uiColors` and `UIColor`. `Button`, `Toggle`, `Checkbox`, `RadioGroupItem`, and `Switch` use `UIColor` for color props. `ButtonColor` remains available as a compatibility alias, but new public APIs should use `UIColor`.
290
+ The same palette family names are exported as `uiColors` and `UIColor`. `Button`, `Toggle`, `Checkbox`, `CheckboxGroup`, `RadioGroupItem`, `Switch`, `Progress`, and `Meter` use `UIColor` for color props. `ButtonColor` remains available as a compatibility alias, but new public APIs should use `UIColor`.
291
291
 
292
292
  Each palette family is exposed in four layers:
293
293
 
@@ -465,9 +465,9 @@ A full working example lives in `apps/web/src/stories/data-table-virtualized.sto
465
465
  Choose components by intent:
466
466
 
467
467
  - actions and status:
468
- - `Button`, `Badge`, `Alert`, `Progress`, `Skeleton`, `Spinner`, `toast`
468
+ - `Button`, `Badge`, `Alert`, `Progress`, `Meter`, `Skeleton`, `Spinner`, `toast`
469
469
  - forms and inputs:
470
- - `Field`, `Input`, `Textarea`, `Checkbox`, `Switch`, `RadioGroup`, `Select`, `NativeSelect`, `Combobox`, `Dropzone`, `InputGroup`, `InputOTP`, `Slider`, `DateRangePicker`
470
+ - `Field`, `Input`, `Textarea`, `Checkbox`, `CheckboxGroup`, `Switch`, `RadioGroup`, `Select`, `NativeSelect`, `Combobox`, `Autocomplete`, `Dropzone`, `InputGroup`, `InputOTP`, `Slider`, `DateRangePicker`
471
471
  - overlays and floating UI:
472
472
  - `Dialog`, `Drawer`, `Popover`, `Tooltip`, `HoverCard`, `AlertDialog`
473
473
  - navigation:
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uselets/ui",
3
- "version": "2.0.2",
3
+ "version": "2.1.0",
4
4
  "type": "module",
5
5
  "license": "UNLICENSED",
6
6
  "private": false,
@@ -68,7 +68,7 @@
68
68
  "@uselets/tokens": "0.2.0",
69
69
  "class-variance-authority": "^0.7.1",
70
70
  "cmdk": "1.1.1",
71
- "cn": "0.5.0",
71
+ "cn": "0.5.2",
72
72
  "commander": "15.0.0",
73
73
  "date-fns": "4.4.0",
74
74
  "embla-carousel-react": "^8.6.0",
@@ -77,7 +77,7 @@
77
77
  "react-day-picker": "10.0.2",
78
78
  "react-dropzone": "20.1.4",
79
79
  "react-phone-number-input": "^3.4.18",
80
- "react-resizable-panels": "4.15.0",
80
+ "react-resizable-panels": "4.17.0",
81
81
  "recharts": "^3.10.1",
82
82
  "shadcn": "4.23.0",
83
83
  "sonner": "2.0.8"
@@ -88,18 +88,18 @@
88
88
  },
89
89
  "devDependencies": {
90
90
  "@bosh-code/tsdown-plugin-tailwindcss": "1.0.1",
91
- "@tailwindcss/postcss": "4.3.3",
91
+ "@tailwindcss/postcss": "4.3.4",
92
92
  "@testing-library/react": "16.3.3",
93
- "@vitest/coverage-v8": "5.0.5",
94
- "@tsdown/css": "0.23.4",
93
+ "@vitest/coverage-v8": "5.1.0",
94
+ "@tsdown/css": "0.23.5",
95
95
  "@turbo/gen": "2.11.10",
96
96
  "@types/node": "26.6.6",
97
97
  "@types/react": "19.3.0",
98
98
  "@types/react-dom": "19.3.0",
99
99
  "jsdom": "30.1.3",
100
- "tailwindcss": "4.3.3",
101
- "tsdown": "0.23.4",
100
+ "tailwindcss": "4.3.4",
101
+ "tsdown": "0.23.5",
102
102
  "typescript": "7.0.2",
103
- "vitest": "5.0.5"
103
+ "vitest": "5.1.0"
104
104
  }
105
105
  }
@@ -54,14 +54,14 @@ To set up a consumer project after installing `@uselets/ui`, run `bun uselets in
54
54
  app's entry file (`import '@fontsource-variable/inter'` in `app/layout.tsx`, `pages/_app.tsx`, or `src/main.tsx`),
55
55
  not via `@import` in CSS — some bundlers, including Next.js, don't resolve third-party CSS `@import`s reliably.
56
56
  - Recommend `@uselets/ui/postcss.config` when the app needs the package PostCSS preset for Tailwind v4.
57
- - Interactive components are built on Base UI (`@base-ui/react`). Use `asChild` (Radix-style, single child element) for polymorphism; the child replaces the part's content. Not supported on `ScrollArea`, `ScrollBar`, `SelectContent`, `SelectItem`, `AccordionContent`, `Checkbox`, `Switch`, `RadioGroupItem`, `Progress`, `Slider`, `NavigationMenu`, `NumberFieldScrubArea`, `ComboboxInput`, `ComboboxClear`, `ComboboxChipsInput`, `NumberField`, `NumberFieldInput` (their internal structure is required). Do not pass Base UI's `render` prop — it is not part of the public API. When `asChild` wraps a button-like part (triggers, closes, `TabsTrigger`, `AccordionTrigger`, `Toggle`, `SelectTrigger`, `AlertDialogAction`/`Cancel`) with a non-`<button>` child, also pass `nativeButton={false}` (not needed for `TooltipTrigger`/`HoverCardTrigger`). Change callbacks of Base UI-backed components (`onOpenChange`, `onValueChange`, `onCheckedChange`, …) receive `(value, eventDetails)`; `DateRangePicker`, `SidebarProvider` and `Stepper` callbacks don't.
58
- - Popups unmount when closed. `keepMounted?: boolean` (default `false`) keeps them mounted while hidden on `DialogContent`, `AlertDialogContent`, `DrawerContent`, `PopoverContent`, `DropdownMenuContent`, `DropdownMenuSubContent`, `TooltipContent`/`Tooltip`, `HoverCardContent`, `ComboboxContent` and `NavigationMenuPositioner`; `SelectContent` does not accept it. `sticky?: boolean` (default `false`) keeps `PopoverContent`, `SelectContent`, `DropdownMenuContent`, `DropdownMenuSubContent`, `TooltipContent`/`Tooltip`, `HoverCardContent` and `ComboboxContent` in the viewport after the anchor scrolls out of view. Other positioner props (`collisionPadding`, `collisionBoundary`, `arrowPadding`, `collisionAvoidance`) are only exposed on `ComboboxContent`.
57
+ - Interactive components are built on Base UI (`@base-ui/react`). Use `asChild` (Radix-style, single child element) for polymorphism; the child replaces the part's content. Not supported on `ScrollArea`, `ScrollBar`, `SelectContent`, `SelectItem`, `AccordionContent`, `Checkbox`, `Switch`, `RadioGroupItem`, `Progress`, `Slider`, `NavigationMenu`, `NumberFieldScrubArea`, `ComboboxInput`, `ComboboxClear`, `ComboboxChipsInput`, `AutocompleteInput`, `Meter`, `ToolbarInput`, `NumberField`, `NumberFieldInput` (their internal structure is required). Do not pass Base UI's `render` prop — it is not part of the public API. When `asChild` wraps a button-like part (triggers, closes, `TabsTrigger`, `AccordionTrigger`, `Toggle`, `SelectTrigger`, `AlertDialogAction`/`Cancel`) with a non-`<button>` child, also pass `nativeButton={false}` (not needed for `TooltipTrigger`/`HoverCardTrigger`). Change callbacks of Base UI-backed components (`onOpenChange`, `onValueChange`, `onCheckedChange`, …) receive `(value, eventDetails)`; `DateRangePicker`, `SidebarProvider` and `Stepper` callbacks don't.
58
+ - Popups unmount when closed. `keepMounted?: boolean` (default `false`) keeps them mounted while hidden on `DialogContent`, `AlertDialogContent`, `DrawerContent`, `PopoverContent`, `DropdownMenuContent`, `DropdownMenuSubContent`, `TooltipContent`/`Tooltip`, `HoverCardContent`, `ComboboxContent`, `AutocompleteContent` and `NavigationMenuPositioner`; `SelectContent` does not accept it. `sticky?: boolean` (default `false`) keeps `PopoverContent`, `SelectContent`, `DropdownMenuContent`, `DropdownMenuSubContent`, `TooltipContent`/`Tooltip`, `HoverCardContent`, `ComboboxContent` and `AutocompleteContent` in the viewport after the anchor scrolls out of view. Other positioner props (`collisionPadding`, `collisionBoundary`, `arrowPadding`, `collisionAvoidance`) are only exposed on `ComboboxContent` and `AutocompleteContent`.
59
59
  - For Vite apps, `@tailwindcss/vite` (registered in `vite.config.ts`, no `postcss.config.mjs`) is a valid alternative to PostCSS; prefer it when the project uses isolated installs (pnpm, Bun workspaces). See `references/package-guide.md`.
60
60
  - For tooltip-heavy apps, wrap the app with `TooltipProvider` (`delay`, not `delayDuration`); use `Tooltip label={...}` for common trigger/content usage (it accepts `delay`/`closeDelay`) and `TooltipRoot` only when manual composition is needed.
61
61
  - Use `UnstyledButton` when button semantics are needed without `Button` variants; it provides reset styles, pointer cursor, focus ring, default `type="button"`, and `asChild`.
62
62
  - For toast usage, mount `Toaster` near the app root before calling `toast(...)`.
63
63
  - For package theme helpers, use `ThemeProvider`, `useTheme`, and `ModeToggle` from `@uselets/ui/theme` or the root barrel.
64
- - For form fields, `Field` automatically shares a generated control id with `FieldLabel` and labelable controls when explicit ids are omitted; pass explicit matching `htmlFor` and `id` only when a stable custom id is required. Use one control per `Field` (a `RadioGroup` counts as one control); for several checkboxes/switches use `FieldSet` + `FieldLegend` with one `Field` each. Mark errors with `<Field invalid>` (not `aria-invalid` on each control): it colors the label and propagates `aria-invalid` to the control; `Checkbox`/`Switch`/`RadioGroup` get the attribute but no red style.
64
+ - For form fields, `Field` automatically shares a generated control id with `FieldLabel` and labelable controls when explicit ids are omitted; pass explicit matching `htmlFor` and `id` only when a stable custom id is required. Use one control per `Field` (a `RadioGroup` or `CheckboxGroup` counts as one control); for several checkboxes use a `CheckboxGroup` (it also provides "select all" via a `parent` checkbox), and for several switches use `FieldSet` + `FieldLegend` with one `Field` each. Mark errors with `<Field invalid>` (not `aria-invalid` on each control): it colors the label and propagates `aria-invalid` to the control; `Checkbox`/`Switch`/`RadioGroup`/`CheckboxGroup` get the attribute but no red style.
65
65
  - For client-side tabular data, use `DataTable` from `@uselets/ui/data-table`. Defaults are bare: `enableRowSelection`, `enableSorting`, and `showPagination` are all `false`. Set `enableRowSelection` to auto-prepend the selection checkbox column (no need to add `createDataTableSelectColumn` manually); set `enableSorting` to make `DataTableColumnHeader` clickable for sort. `filterColumns` accepts a single id or an array; with 2+ ids the toolbar renders an `InputGroup` with a column selector on the left. `toolbarActions` always sits at the right of the toolbar. All labels default to pt-BR; override any subset through `labels` (`Partial<DataTableLabels>`), with full defaults exposed as `defaultDataTableLabels`. Use `variant` on `DataTable` (or directly on the base `Table`) to switch chrome: `"line"` (default) renders only horizontal separators between rows; `"outline"` adds a rounded outer border around the table. The base `Table` from `@uselets/ui/table` renders only the `<table>` element and is striped by default (pass `striped={false}` to disable). Wrap it in `TableContainer` to control scroll; `minWidth` lives on `TableContainer`. Combine `stickyHeader` on `Table` with `max-h` + `overflow-y-auto` on the `TableContainer` to keep the `<thead>` visible during vertical scroll. `DataTable` wraps its `Table` in `TableContainer` automatically.
66
66
 
67
67
  ## Quick Routing
@@ -115,11 +115,17 @@ Unless noted otherwise, each module also exports its public `*Props` types from
115
115
  - Notes: action button with `solid`, `secondary`, `outline`, `subtle`, `ghost`, and `link` variants, `color: UIColor` (`primary` default), sizes from `xs` through `xl` plus icon sizes through `icon-xl`, and `loading`
116
116
  - `button-group`
117
117
  - Exports: `ButtonGroup`, `ButtonGroupSeparator`, `ButtonGroupText`, `buttonGroupVariants`
118
+ - `toolbar`
119
+ - Exports: `Toolbar`, `ToolbarButton`, `ToolbarGroup`, `ToolbarInput`, `ToolbarLink`, `ToolbarSeparator`
120
+ - Notes: action bar (`role="toolbar"`) that is one tab stop; arrow keys move focus between its controls. Always pass `aria-label`. No background/border of its own (wrap in `Card` or a container). `Toolbar` props: `orientation: 'horizontal' | 'vertical'` (default `horizontal`), `loopFocus` (default `true`), `disabled`. `ToolbarButton` renders `Button`: `variant` (default `ghost`), `size` (default `sm`), `color: UIColor`, `loading`; disabled buttons stay focusable (`focusableWhenDisabled`, default `true`). To open a menu/popover: `<DropdownMenuTrigger asChild><ToolbarButton>…</ToolbarButton></DropdownMenuTrigger>`. `ToolbarSeparator` takes the opposite orientation automatically. `ToolbarInput` renders `Input` (no `asChild`). Use for action bars (bulk actions, filters, editors), not navigation (`Tabs`/`NavigationMenu`)
118
121
  - `empty`
119
122
  - Exports: `Empty`, `EmptyContent`, `EmptyDescription`, `EmptyHeader`, `EmptyMedia`, `EmptyTitle`
120
123
  - `progress`
121
124
  - Exports: `Progress`, `progressVariants`
122
125
  - Notes: linear progress bar driven by a single `value` (0–100); `size: 'sm' | 'md' | 'lg'` (default: `md`) controls bar height and `color: UIColor` (default: `primary`) controls the indicator; omitting `value` (or passing `null`) renders the indeterminate state
126
+ - `meter`
127
+ - Exports: `Meter`, `meterVariants`
128
+ - Notes: linear bar for a static measurement within a range (usage, capacity, share of a total) with `role="meter"`; use `Progress` for task completion. `value` required; `min`/`max` (default `0`/`100`); `label?: React.ReactNode` renders above the bar and names it (without it, pass `aria-label`); `showValue?: boolean` (default `false`) prints the formatted value at the end of the label row, formatted with `format?: Intl.NumberFormatOptions` and `locale`. `size: 'sm' | 'md' | 'lg'` (default `md`) and `color: UIColor` (default `primary`) match `Progress`; `className` targets the bar. No `asChild`
123
129
  - `ring-progress`
124
130
  - Exports: `RingProgress`, `ringProgressVariants`
125
131
  - Notes: circular progress indicator driven by a single `value` (0–100); `size: 'sm' | 'md' | 'lg'` (default: `md`, `32/40/48px`), `thickness: 'thin' | 'md' | 'thick'` (default: `md`), and `color: UIColor` (default: `primary`); normalized `viewBox` means the size can also be set via `className` (e.g. `size-5`); rounded line caps
@@ -133,8 +139,8 @@ Unless noted otherwise, each module also exports its public `*Props` types from
133
139
 
134
140
  - `field`
135
141
  - Exports: `Field`, `FieldContent`, `FieldDescription`, `FieldError`, `FieldGroup`, `FieldLabel`, `FieldLegend`, `FieldSeparator`, `FieldSet`, `FieldTitle`, `useFieldControlId`, `useFieldInvalid`, `useFieldLabelId`
136
- - Notes: form layout and validation helpers; `Field` automatically provides a generated control id to `FieldLabel` and labelable descendants when explicit ids are omitted. One control per `Field`: a `RadioGroup` placed directly in a `Field` takes the `FieldLabel` as its group label (`aria-labelledby`) and its items keep their own ids; never put several `Checkbox`/`Switch` controls in one `Field` (they would share the control id) — use `FieldSet` + `FieldLegend` with one `Field` per control. `useFieldLabelId()` returns the current `FieldLabel` id (or `undefined` outside a `Field`) for custom group controls
137
- - Invalid state: `Field.invalid?: boolean` (or legacy `data-invalid="true"`; `invalid` wins when both are set) renders `data-invalid="true"` (label/description turn destructive) and sets `aria-invalid` on the control inside. Styled red: `Input` (incl. `InputGroupInput`, `PhoneInput`), `Textarea`, `NativeSelect`, `SelectTrigger`, `ComboboxInput`, `ComboboxChipsInput`, `InputOTP` (+ slots), `NumberField`. `aria-invalid` only, no red style: `Checkbox`, `Switch`, `RadioGroup` (on the group). Not propagated: `Slider`, `DatePicker`/`DateRangePicker` triggers. A control's own `aria-invalid` (including `false`) overrides the `Field`. Do: `<Field invalid><FieldLabel/><Input/><FieldError/></Field>`. Don't: repeat `aria-invalid` on every control inside an invalid `Field`. Custom controls: `const invalid = useFieldInvalid(props['aria-invalid'])` → `aria-invalid={invalid}` (returns `undefined` outside a `Field`)
142
+ - Notes: form layout and validation helpers; `Field` automatically provides a generated control id to `FieldLabel` and labelable descendants when explicit ids are omitted. One control per `Field`: a `RadioGroup` placed directly in a `Field` takes the `FieldLabel` as its group label (`aria-labelledby`) and its items keep their own ids; a `CheckboxGroup` placed directly in a `Field` behaves the same way; never put several loose `Checkbox`/`Switch` controls in one `Field` (they would share the control id) — wrap checkboxes in a `CheckboxGroup`, or use `FieldSet` + `FieldLegend` with one `Field` per control. `useFieldLabelId()` returns the current `FieldLabel` id (or `undefined` outside a `Field`) for custom group controls
143
+ - Invalid state: `Field.invalid?: boolean` (or legacy `data-invalid="true"`; `invalid` wins when both are set) renders `data-invalid="true"` (label/description turn destructive) and sets `aria-invalid` on the control inside. Styled red: `Input` (incl. `InputGroupInput`, `PhoneInput`), `Textarea`, `NativeSelect`, `SelectTrigger`, `ComboboxInput`, `ComboboxChipsInput`, `AutocompleteInput`, `InputOTP` (+ slots), `NumberField`. `aria-invalid` only, no red style: `Checkbox`, `Switch`, `RadioGroup` and `CheckboxGroup` (on the group). Not propagated: `Slider`, `DatePicker`/`DateRangePicker` triggers. A control's own `aria-invalid` (including `false`) overrides the `Field`. Do: `<Field invalid><FieldLabel/><Input/><FieldError/></Field>`. Don't: repeat `aria-invalid` on every control inside an invalid `Field`. Custom controls: `const invalid = useFieldInvalid(props['aria-invalid'])` → `aria-invalid={invalid}` (returns `undefined` outside a `Field`)
138
144
  - `grid`
139
145
  - Exports: `Grid`, `GridItem`
140
146
  - Notes: 12-column CSS grid by default. `Grid` supports spacing props plus direct `templateRows` and `templateColumns`; spacing values `xs` to `xl` map to `4/8/16/24/32px`; `GridItem` defaults to `colSpan={12}` and supports numeric `colSpan` and `rowSpan`. Use `useBreakpointValue` when these values need to change by breakpoint.
@@ -165,6 +171,9 @@ Unless noted otherwise, each module also exports its public `*Props` types from
165
171
  - `checkbox`
166
172
  - Exports: `Checkbox`
167
173
  - Notes: supports `size: 'sm' | 'md' | 'lg'`, `color: UIColor` (default `primary`), `indeterminate?: boolean` for the mixed state (use it alongside a boolean `checked`; `checked="indeterminate"` is not supported), `label?: React.ReactNode`, `labelProps`, and automatic `id`/`htmlFor` wiring when a label is provided without an explicit `id`; composed label text follows checkbox size (`sm` 12px, `md` 14px, `lg` 18px); `description?: React.ReactNode` + `descriptionProps` render muted helper text (a `<p>`) below the label, linked via `aria-describedby`; description text is `sm` 12px, `md` 12px, `lg` 14px
174
+ - `checkbox-group`
175
+ - Exports: `CheckboxGroup`
176
+ - Notes: shares one `string[]` value between child `Checkbox`es; each child needs `value`. `value`/`defaultValue`/`onValueChange(value: string[], eventDetails)`. Select all: pass every value in `allValues` and add `<Checkbox parent label="…" />` (no `value`); it checks/unchecks all and shows the mixed state automatically (don't compute `indeterminate` yourself). `orientation: 'vertical' | 'horizontal'` (default `vertical`; horizontal wraps in a row). `color: UIColor` (default `primary`) applies to every child; a child's own `color` wins. `disabled` disables all. Inside a `Field`, the group is labelled by `FieldLabel` (`aria-labelledby`), gets `aria-invalid` from an invalid `Field`, and each checkbox keeps its own id. Supports `asChild`
168
177
  - `switch`
169
178
  - Exports: `Switch`
170
179
  - Notes: supports `size: 'sm' | 'md' | 'lg'`, `color: UIColor` (default `green`), `label?: React.ReactNode`, `labelProps`, and automatic `id`/`htmlFor` wiring when a label is provided without an explicit `id`; `color` controls the checked track and indicator color only; track size is `sm` 30x14px, `md` 34x16px, and `lg` 42x20px (control heights match `Checkbox`); the thumb and internal indicator scale with the switch; composed label text follows switch size (`sm` 12px, `md` 14px, `lg` 18px (same as `Checkbox` and `RadioGroupItem`)); `description?: React.ReactNode` + `descriptionProps` render muted helper text (a `<p>`) below the label, linked via `aria-describedby`; description text is `sm` 12px, `md` 12px, `lg` 14px
@@ -179,6 +188,9 @@ Unless noted otherwise, each module also exports its public `*Props` types from
179
188
  - `combobox`
180
189
  - Exports: `Combobox`, `ComboboxInput`, `ComboboxContent`, `ComboboxList`, `ComboboxItem`, `ComboboxGroup`, `ComboboxLabel`, `ComboboxCollection`, `ComboboxClear`, `ComboboxEmpty`, `ComboboxSeparator`, `ComboboxChips`, `ComboboxChip`, `ComboboxChipsInput`, `ComboboxTrigger`, `ComboboxValue`, `useComboboxAnchor`
181
190
  - Notes: `ComboboxInput` supports `icon?: React.ReactNode`, `triggerIcon?: React.ReactNode`, `showTrigger?: boolean`, and `showClear?: boolean`; `ComboboxChips` supports `showClear?: boolean` to render a button that clears all selected chips at once; `ComboboxContent` supports `container` for rendering inside overlays such as dialogs, and forwards the underlying Base UI Positioner's public props (`side`, `align`, `sideOffset`, `alignOffset`, `anchor`, `positionMethod` (default `'absolute'`), `collisionBoundary`, `collisionPadding`, `sticky`, `arrowPadding`, `disableAnchorTracking`, `collisionAvoidance`)
191
+ - `autocomplete`
192
+ - Exports: `Autocomplete`, `AutocompleteInput`, `AutocompleteContent`, `AutocompleteList`, `AutocompleteItem`, `AutocompleteGroup`, `AutocompleteLabel`, `AutocompleteCollection`, `AutocompleteEmpty`, `AutocompleteStatus`, `AutocompleteSeparator`, `useAutocompleteFilter`
193
+ - Notes: free-text input with suggestions; the value is the input text (`value`/`defaultValue`/`onValueChange(value: string, eventDetails)`), so any text is valid. Use `Combobox` when the value must be one of the options. Pass suggestions in `items` and render with `AutocompleteCollection`; for object items set `itemToStringValue` so picking fills the input. Server suggestions: `filter={null}`, update `items` from the request, render loading/count text in `AutocompleteStatus` (live region). `AutocompleteInput` props: `icon`, `showClear` (default `false`), `showTrigger` (default `false`, unlike `ComboboxInput`), `triggerIcon`; no `asChild`. `AutocompleteContent` has the same positioner/portal props and defaults as `ComboboxContent` (`side` `bottom`, `align` `start`, `sideOffset` `6`, `container`, `keepMounted`, `sticky`, …). Root props include `mode` (`list` default, `both`, `inline`, `none`), `autoHighlight`, `openOnInputClick` (default `false`), `limit`, `submitOnItemClick`. `useAutocompleteFilter()` returns locale-aware `contains`/`startsWith`/`endsWith` matchers for a custom `filter`. Inside a `Field` it takes the control id and turns red when invalid
182
194
  - `dropzone`
183
195
  - Exports: `Dropzone`, `DropzoneArea`, `DropzoneDescription`, `DropzoneFileList`, `DropzoneFileListItem`, `DropzoneFileMessage`, `DropzoneMessage`, `DropzoneRemoveFile`, `DropzoneRetryFile`, `DropzoneTrigger`, `InfiniteProgress`, `useDropzone`
184
196
  - Notes: upload composition with validation, retry handling, status list UI, and optional `shiftOnMaxFiles`