@uselets/ui 1.4.0 → 1.6.0

package/dist/index.d.ts

@@ -21,7 +21,7 @@ import { Checkbox, CheckboxProps } from "./components/checkbox.js";
 import { Code, CodeProps } from "./components/code.js";
 import { Collapsible, CollapsibleContent, CollapsibleContentProps, CollapsibleProps, CollapsibleTrigger, CollapsibleTriggerProps } from "./components/collapsible.js";
 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";
-import { Dialog, DialogClose, DialogCloseProps, DialogContent, DialogContentProps, DialogDescription, DialogDescriptionProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogOverlay, DialogOverlayProps, DialogPortal, DialogPortalProps, DialogProps, DialogTitle, DialogTitleProps, DialogTrigger, DialogTriggerProps } from "./components/dialog.js";
+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";
 import { Command, CommandDialog, CommandDialogProps, CommandEmpty, CommandEmptyProps, CommandGroup, CommandGroupProps, CommandInput, CommandInputProps, CommandItem, CommandItemProps, CommandList, CommandListProps, CommandProps, CommandSeparator, CommandSeparatorProps, CommandShortcut, CommandShortcutProps } from "./components/command.js";
 import { Container, ContainerProps, containerVariants } from "./components/container.js";
 import { Table, TableBody, TableBodyProps, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableContainer, TableContainerProps, TableFooter, TableFooterProps, TableHead, TableHeadProps, TableHeader, TableHeaderProps, TableProps, TableRow, TableRowProps, tableVariants } from "./components/table.js";
@@ -81,6 +81,8 @@ import { UseIdleOptions, useIdle } from "./hooks/use-idle.js";
 import { UseIntervalOptions, UseIntervalReturnValue, useInterval } from "./hooks/use-interval.js";
 import { UseLocalStorageOptions, useLocalStorage } from "./hooks/use-local-storage.js";
 import { useIsMobile } from "./hooks/use-mobile.js";
+import { BadgeColor, badgeColorVariants } from "./lib/badge.js";
 import { ButtonColor, buttonColorVariants } from "./lib/button.js";
+import { composeRefs, setRef } from "./lib/compose-refs.js";
 import { cn, randomId } from "./lib/utils.js";
-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, Avatar, AvatarBadge, AvatarBadgeProps, AvatarFallback, AvatarFallbackProps, AvatarGroup, AvatarGroupCount, AvatarGroupCountProps, AvatarGroupProps, AvatarImage, AvatarImageProps, AvatarProps, Badge, BadgeProps, BarChart, BarChartGridAxis, BarChartOrientation, BarChartProps, BarChartSeries, BarChartType, Breadcrumb, BreadcrumbEllipsis, BreadcrumbEllipsisProps, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbLink, BreadcrumbLinkProps, BreadcrumbList, BreadcrumbListProps, BreadcrumbPage, BreadcrumbPageProps, BreadcrumbProps, BreadcrumbSeparator, BreadcrumbSeparatorProps, Breakpoint, Button, ButtonColor, ButtonGroup, ButtonGroupProps, ButtonGroupSeparator, ButtonGroupSeparatorProps, ButtonGroupText, ButtonGroupTextProps, ButtonProps, 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, ChartConfig, ChartContainer, ChartContainerProps, ChartLegend, ChartLegendContent, ChartLegendContentProps, ChartLegendProps, ChartStyle, ChartStyleProps, ChartTooltip, ChartTooltipContent, ChartTooltipContentProps, ChartTooltipProps, Checkbox, CheckboxProps, Code, CodeProps, Collapsible, CollapsibleContent, CollapsibleContentProps, CollapsibleProps, CollapsibleTrigger, CollapsibleTriggerProps, type Column, type 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, 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, DialogClose, DialogCloseProps, DialogContent, DialogContentProps, DialogDescription, DialogDescriptionProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogOverlay, DialogOverlayProps, DialogPortal, DialogPortalProps, DialogProps, DialogTitle, DialogTitleProps, DialogTrigger, DialogTriggerProps, 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, 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, Grid, GridItem, GridItemProps, GridProps, Group, GroupProps, Heading, HeadingProps, HiddenFrom, HiddenFromProps, 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, Kbd, KbdGroup, KbdGroupProps, KbdProps, Label, LabelProps, List, ListIcon, ListIconProps, ListItem, ListItemProps, ListProps, MaskInput, MaskInputProps, type MaskOptions, ModeToggle, ModeToggleProps, type ModifiedData, type Modify, NativeSelect, NativeSelectOptGroup, NativeSelectOptGroupProps, NativeSelectOption, NativeSelectOptionProps, NativeSelectProps, NavigationMenu, NavigationMenuContent, NavigationMenuContentProps, NavigationMenuIndicator, NavigationMenuIndicatorProps, NavigationMenuItem, NavigationMenuItemProps, NavigationMenuLink, NavigationMenuLinkProps, NavigationMenuList, NavigationMenuListProps, NavigationMenuProps, NavigationMenuTrigger, NavigationMenuTriggerProps, NavigationMenuViewport, NavigationMenuViewportProps, Pagination, PaginationContent, PaginationContentProps, PaginationEllipsis, PaginationEllipsisProps, PaginationItem, PaginationItemProps, PaginationLink, PaginationLinkProps, PaginationNext, PaginationNextProps, PaginationPrevious, PaginationPreviousProps, PaginationProps, PieChart, PieChartBase, PieChartBaseProps, PieChartDatum, PieChartProps, Popover, PopoverAnchor, PopoverAnchorProps, PopoverContent, PopoverContentProps, PopoverDescription, PopoverDescriptionProps, PopoverHeader, PopoverHeaderProps, PopoverProps, PopoverTitle, PopoverTitleProps, PopoverTrigger, PopoverTriggerProps, Progress, ProgressProps, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, RadioGroup, RadioGroupItem, RadioGroupItemProps, RadioGroupProps, type Replacement, ResizableHandle, ResizableHandleProps, ResizablePanel, ResizablePanelGroup, ResizablePanelGroupProps, ResizablePanelProps, ResponsiveValueMap, 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, 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, type TanStackTable, Text, 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, badgeVariants, breakpointValues, buildPieConfig, buttonColorVariants, buttonGroupVariants, buttonVariants, centerVariants, cn, containerVariants, createDataTableSelectColumn, defaultDataTableLabels, flexVariants, groupVariants, headingVariants, listVariants, locale, navigationMenuTriggerStyle, randomId, selectionControlColorVariants, spinnerVariants, stackVariants, tableVariants, tabsListVariants, textVariants, timelineVariants, toast, toggleVariants, uiColors, useBreakpoint, useBreakpointValue, useCarousel, useComboboxAnchor, useDataTable, useDataTableContext, useDisclosure, useDocumentVisibility, useDropzone, useFieldControlId, useIdle, useInterval, useIsMobile, useLocalStorage, useMask, useSidebar, useTheme };
+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, Avatar, AvatarBadge, AvatarBadgeProps, AvatarFallback, AvatarFallbackProps, AvatarGroup, AvatarGroupCount, AvatarGroupCountProps, AvatarGroupProps, AvatarImage, AvatarImageProps, AvatarProps, Badge, BadgeColor, BadgeProps, BarChart, BarChartGridAxis, BarChartOrientation, BarChartProps, BarChartSeries, BarChartType, Breadcrumb, BreadcrumbEllipsis, BreadcrumbEllipsisProps, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbLink, BreadcrumbLinkProps, BreadcrumbList, BreadcrumbListProps, BreadcrumbPage, BreadcrumbPageProps, BreadcrumbProps, BreadcrumbSeparator, BreadcrumbSeparatorProps, Breakpoint, Button, ButtonColor, ButtonGroup, ButtonGroupProps, ButtonGroupSeparator, ButtonGroupSeparatorProps, ButtonGroupText, ButtonGroupTextProps, ButtonProps, 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, ChartConfig, ChartContainer, ChartContainerProps, ChartLegend, ChartLegendContent, ChartLegendContentProps, ChartLegendProps, ChartStyle, ChartStyleProps, ChartTooltip, ChartTooltipContent, ChartTooltipContentProps, ChartTooltipProps, Checkbox, CheckboxProps, Code, CodeProps, Collapsible, CollapsibleContent, CollapsibleContentProps, CollapsibleProps, CollapsibleTrigger, CollapsibleTriggerProps, type Column, type 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, 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, 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, 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, Grid, GridItem, GridItemProps, GridProps, Group, GroupProps, Heading, HeadingProps, HiddenFrom, HiddenFromProps, 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, Kbd, KbdGroup, KbdGroupProps, KbdProps, Label, LabelProps, List, ListIcon, ListIconProps, ListItem, ListItemProps, ListProps, MaskInput, MaskInputProps, type MaskOptions, ModeToggle, ModeToggleProps, type ModifiedData, type Modify, NativeSelect, NativeSelectOptGroup, NativeSelectOptGroupProps, NativeSelectOption, NativeSelectOptionProps, NativeSelectProps, NavigationMenu, NavigationMenuContent, NavigationMenuContentProps, NavigationMenuIndicator, NavigationMenuIndicatorProps, NavigationMenuItem, NavigationMenuItemProps, NavigationMenuLink, NavigationMenuLinkProps, NavigationMenuList, NavigationMenuListProps, NavigationMenuProps, NavigationMenuTrigger, NavigationMenuTriggerProps, NavigationMenuViewport, NavigationMenuViewportProps, Pagination, PaginationContent, PaginationContentProps, PaginationEllipsis, PaginationEllipsisProps, PaginationItem, PaginationItemProps, PaginationLink, PaginationLinkProps, PaginationNext, PaginationNextProps, PaginationPrevious, PaginationPreviousProps, PaginationProps, PieChart, PieChartBase, PieChartBaseProps, PieChartDatum, PieChartProps, Popover, PopoverAnchor, PopoverAnchorProps, PopoverContent, PopoverContentProps, PopoverDescription, PopoverDescriptionProps, PopoverHeader, PopoverHeaderProps, PopoverProps, PopoverTitle, PopoverTitleProps, PopoverTrigger, PopoverTriggerProps, Progress, ProgressProps, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, RadioGroup, RadioGroupItem, RadioGroupItemProps, RadioGroupProps, type Replacement, ResizableHandle, ResizableHandleProps, ResizablePanel, ResizablePanelGroup, ResizablePanelGroupProps, ResizablePanelProps, ResponsiveValueMap, 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, 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, type TanStackTable, Text, 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, groupVariants, headingVariants, listVariants, locale, navigationMenuTriggerStyle, randomId, selectionControlColorVariants, setRef, spinnerVariants, stackVariants, tableVariants, tabsListVariants, textVariants, timelineVariants, toast, toggleVariants, uiColors, useBreakpoint, useBreakpointValue, useCarousel, useComboboxAnchor, useDataTable, useDataTableContext, useDisclosure, useDocumentVisibility, useDropzone, useFieldControlId, useIdle, useInterval, useIsMobile, useLocalStorage, useMask, useSidebar, useTheme };

package/dist/index.js

@@ -1 +1 @@
-import{cn as e,randomId as t}from"./lib/utils.js";import{Accordion as n,AccordionContent as r,AccordionItem as i,AccordionTrigger as a}from"./components/accordion.js";import{Alert as o,AlertAction as s,AlertDescription as c,AlertTitle as l}from"./components/alert.js";import{buttonColorVariants as u}from"./lib/button.js";import{Spinner as d,spinnerVariants as f}from"./components/spinner.js";import{Button as p,buttonVariants as m}from"./components/button.js";import{AlertDialog as h,AlertDialogAction as g,AlertDialogCancel as _,AlertDialogContent as v,AlertDialogDescription as y,AlertDialogFooter as b,AlertDialogHeader as x,AlertDialogMedia as S,AlertDialogOverlay as C,AlertDialogPortal as w,AlertDialogTitle as T,AlertDialogTrigger as E}from"./components/alert-dialog.js";import{Anchor as D,anchorVariants as O}from"./components/anchor.js";import{ChartContainer as k,ChartLegend as A,ChartLegendContent as j,ChartStyle as M,ChartTooltip as N,ChartTooltipContent as P}from"./components/chart.js";import{AreaChart as F}from"./components/area-chart.js";import{Avatar as I,AvatarBadge as L,AvatarFallback as R,AvatarGroup as z,AvatarGroupCount as B,AvatarImage as V}from"./components/avatar.js";import{Badge as H,badgeVariants as U}from"./components/badge.js";import{BarChart as W}from"./components/bar-chart.js";import{Breadcrumb as G,BreadcrumbEllipsis as K,BreadcrumbItem as q,BreadcrumbLink as J,BreadcrumbList as Y,BreadcrumbPage as X,BreadcrumbSeparator as Z}from"./components/breadcrumb.js";import{Separator as Q}from"./components/separator.js";import{ButtonGroup as $,ButtonGroupSeparator as ee,ButtonGroupText as te,buttonGroupVariants as ne}from"./components/button-group.js";import{Calendar as re,CalendarDayButton as ie,locale as ae}from"./components/calendar.js";import{Card as oe,CardAction as se,CardContent as ce,CardDescription as le,CardFooter as ue,CardHeader as de,CardTitle as fe}from"./components/card.js";import{Carousel as pe,CarouselContent as me,CarouselIndicators as he,CarouselItem as ge,CarouselNext as _e,CarouselPrevious as ve,useCarousel as ye}from"./components/carousel.js";import{Center as be,centerVariants as xe}from"./components/center.js";import{selectionControlColorVariants as Se,uiColors as Ce}from"./lib/color.js";import{Label as we}from"./components/label.js";import{Field as Te,FieldContent as Ee,FieldDescription as De,FieldError as Oe,FieldGroup as ke,FieldLabel as Ae,FieldLegend as je,FieldSeparator as Me,FieldSet as Ne,FieldTitle as Pe,useFieldControlId as Fe}from"./components/field.js";import{Checkbox as Ie}from"./components/checkbox.js";import{Code as Le}from"./components/code.js";import{Collapsible as Re,CollapsibleContent as ze,CollapsibleTrigger as Be}from"./components/collapsible.js";import{Input as Ve}from"./components/input.js";import{Textarea as He}from"./components/textarea.js";import{InputGroup as Ue,InputGroupAddon as We,InputGroupButton as Ge,InputGroupInput as Ke,InputGroupText as qe,InputGroupTextarea as Je}from"./components/input-group.js";import{Combobox as Ye,ComboboxChip as Xe,ComboboxChips as Ze,ComboboxChipsInput as Qe,ComboboxClear as $e,ComboboxCollection as et,ComboboxContent as tt,ComboboxEmpty as nt,ComboboxGroup as rt,ComboboxInput as it,ComboboxItem as at,ComboboxLabel as ot,ComboboxList as st,ComboboxSeparator as ct,ComboboxTrigger as lt,ComboboxValue as ut,useComboboxAnchor as dt}from"./components/combobox.js";import{Dialog as ft,DialogClose as pt,DialogContent as mt,DialogDescription as ht,DialogFooter as gt,DialogHeader as _t,DialogOverlay as vt,DialogPortal as yt,DialogTitle as bt,DialogTrigger as xt}from"./components/dialog.js";import{Command as St,CommandDialog as Ct,CommandEmpty as wt,CommandGroup as Tt,CommandInput as Et,CommandItem as Dt,CommandList as Ot,CommandSeparator as kt,CommandShortcut as At}from"./components/command.js";import{Container as jt,containerVariants as Mt}from"./components/container.js";import{DropdownMenu as Nt,DropdownMenuCheckboxItem as Pt,DropdownMenuContent as Ft,DropdownMenuGroup as It,DropdownMenuItem as Lt,DropdownMenuLabel as Rt,DropdownMenuPortal as zt,DropdownMenuRadioGroup as Bt,DropdownMenuRadioItem as Vt,DropdownMenuSeparator as Ht,DropdownMenuShortcut as Ut,DropdownMenuSub as Wt,DropdownMenuSubContent as Gt,DropdownMenuSubTrigger as Kt,DropdownMenuTrigger as qt}from"./components/dropdown-menu.js";import{Select as Jt,SelectContent as Yt,SelectGroup as Xt,SelectItem as Zt,SelectLabel as Qt,SelectScrollDownButton as $t,SelectScrollUpButton as en,SelectSeparator as tn,SelectTrigger as nn,SelectValue as rn}from"./components/select.js";import{Table as an,TableBody as on,TableCaption as sn,TableCell as cn,TableContainer as ln,TableFooter as un,TableHead as dn,TableHeader as fn,TableRow as pn,tableVariants as mn}from"./components/table.js";import{DataTable as hn,DataTableBody as gn,DataTableColumnHeader as _n,DataTableHeader as vn,DataTablePagination as yn,DataTableRoot as bn,DataTableToolbar as xn,DataTableViewOptions as Sn,createDataTableSelectColumn as Cn,defaultDataTableLabels as wn,useDataTable as Tn,useDataTableContext as En}from"./components/data-table.js";import{Popover as Dn,PopoverAnchor as On,PopoverContent as kn,PopoverDescription as An,PopoverHeader as jn,PopoverTitle as Mn,PopoverTrigger as Nn}from"./components/popover.js";import{DateRangePicker as Pn,DateRangePickerActions as Fn,DateRangePickerApply as In,DateRangePickerCalendar as Ln,DateRangePickerContent as Rn,DateRangePickerDateFields as zn,DateRangePickerPreset as Bn,DateRangePickerPresets as Vn,DateRangePickerReset as Hn,DateRangePickerTrigger as Un,DateRangePickerValue as Wn}from"./components/date-range-picker.js";import{PieChart as Gn,PieChartBase as Kn,buildPieConfig as qn}from"./components/pie-chart.js";import{DonutChart as Jn}from"./components/donut-chart.js";import{Drawer as Yn,DrawerBody as Xn,DrawerClose as Zn,DrawerContent as Qn,DrawerDescription as $n,DrawerFooter as er,DrawerHeader as tr,DrawerOverlay as nr,DrawerPortal as rr,DrawerTitle as ir,DrawerTrigger as ar}from"./components/drawer.js";import{Dropzone as or,DropzoneArea as sr,DropzoneDescription as cr,DropzoneFileList as lr,DropzoneFileListItem as ur,DropzoneFileMessage as dr,DropzoneMessage as fr,DropzoneRemoveFile as pr,DropzoneRetryFile as mr,DropzoneTrigger as hr,ErrorCode as gr,InfiniteProgress as _r,useDropzone as vr}from"./components/dropzone.js";import{Empty as yr,EmptyContent as br,EmptyDescription as xr,EmptyHeader as Sr,EmptyMedia as Cr,EmptyTitle as wr}from"./components/empty.js";import{Flex as Tr,flexVariants as Er}from"./components/flex.js";import{Grid as Dr,GridItem as Or}from"./components/grid.js";import{Group as kr,groupVariants as Ar}from"./components/group.js";import{Heading as jr,headingVariants as Mr}from"./components/heading.js";import{HoverCard as Nr,HoverCardContent as Pr,HoverCardTrigger as Fr}from"./components/hover-card.js";import{InputOTP as Ir,InputOTPGroup as Lr,InputOTPSeparator as Rr,InputOTPSlot as zr,REGEXP_ONLY_CHARS as Br,REGEXP_ONLY_DIGITS as Vr,REGEXP_ONLY_DIGITS_AND_CHARS as Hr}from"./components/input-otp.js";import{Kbd as Ur,KbdGroup as Wr}from"./components/kbd.js";import{List as Gr,ListIcon as Kr,ListItem as qr,listVariants as Jr}from"./components/list.js";import{useMask as Yr}from"./hooks/use-mask.js";import{MaskInput as Xr}from"./components/mask-input.js";import{NativeSelect as Zr,NativeSelectOptGroup as Qr,NativeSelectOption as $r}from"./components/native-select.js";import{NavigationMenu as ei,NavigationMenuContent as ti,NavigationMenuIndicator as ni,NavigationMenuItem as ri,NavigationMenuLink as ii,NavigationMenuList as ai,NavigationMenuTrigger as oi,NavigationMenuViewport as si,navigationMenuTriggerStyle as ci}from"./components/navigation-menu.js";import{Pagination as li,PaginationContent as ui,PaginationEllipsis as di,PaginationItem as fi,PaginationLink as pi,PaginationNext as mi,PaginationPrevious as hi}from"./components/pagination.js";import{Progress as gi}from"./components/progress.js";import{RadioGroup as _i,RadioGroupItem as vi}from"./components/radio-group.js";import{ResizableHandle as yi,ResizablePanel as bi,ResizablePanelGroup as xi}from"./components/resizable.js";import{ScrollArea as Si,ScrollBar as Ci}from"./components/scroll-area.js";import{useIsMobile as wi}from"./hooks/use-mobile.js";import{Skeleton as Ti}from"./components/skeleton.js";import{Tooltip as Ei,TooltipContent as Di,TooltipProvider as Oi,TooltipRoot as ki,TooltipTrigger as Ai}from"./components/tooltip.js";import{Sidebar as ji,SidebarContent as Mi,SidebarFooter as Ni,SidebarGroup as Pi,SidebarGroupAction as Fi,SidebarGroupContent as Ii,SidebarGroupLabel as Li,SidebarHeader as Ri,SidebarInput as zi,SidebarInset as Bi,SidebarMenu as Vi,SidebarMenuAction as Hi,SidebarMenuBadge as Ui,SidebarMenuButton as Wi,SidebarMenuItem as Gi,SidebarMenuSkeleton as Ki,SidebarMenuSub as qi,SidebarMenuSubButton as Ji,SidebarMenuSubItem as Yi,SidebarProvider as Xi,SidebarRail as Zi,SidebarSeparator as Qi,SidebarTrigger as $i,useSidebar as ea}from"./components/sidebar.js";import{SimpleGrid as ta}from"./components/simple-grid.js";import{Slider as na}from"./components/slider.js";import{Toaster as ra,toast as ia}from"./components/sonner.js";import{Stack as aa,stackVariants as oa}from"./components/stack.js";import{Switch as sa}from"./components/switch.js";import{Tabs as ca,TabsContent as la,TabsList as ua,TabsTrigger as da,tabsListVariants as fa}from"./components/tabs.js";import{Text as pa,textVariants as ma}from"./components/text.js";import{ModeToggle as ha,ThemeProvider as ga,useTheme as _a}from"./components/theme.js";import{Timeline as va,TimelineConnector as ya,TimelineContent as ba,TimelineDescription as xa,TimelineEmpty as Sa,TimelineHeader as Ca,TimelineIcon as wa,TimelineItem as Ta,TimelineTime as Ea,TimelineTitle as Da,timelineVariants as Oa}from"./components/timeline.js";import{Toggle as ka,toggleVariants as Aa}from"./components/toggle.js";import{ToggleGroup as ja,ToggleGroupItem as Ma}from"./components/toggle-group.js";import{UnstyledButton as Na}from"./components/unstyled-button.js";import{breakpointValues as Pa,useBreakpoint as Fa}from"./hooks/use-breakpoint.js";import{HiddenFrom as Ia,VisibleFrom as La}from"./components/visibility.js";import{useBreakpointValue as Ra}from"./hooks/use-breakpoint-value.js";import{useDisclosure as za}from"./hooks/use-disclosure.js";import{useDocumentVisibility as Ba}from"./hooks/use-document-visibility.js";import{useIdle as Va}from"./hooks/use-idle.js";import{useInterval as Ha}from"./hooks/use-interval.js";import{useLocalStorage as Ua}from"./hooks/use-local-storage.js";export{n as Accordion,r as AccordionContent,i as AccordionItem,a as AccordionTrigger,o as Alert,s as AlertAction,c as AlertDescription,h as AlertDialog,g as AlertDialogAction,_ as AlertDialogCancel,v as AlertDialogContent,y as AlertDialogDescription,b as AlertDialogFooter,x as AlertDialogHeader,S as AlertDialogMedia,C as AlertDialogOverlay,w as AlertDialogPortal,T as AlertDialogTitle,E as AlertDialogTrigger,l as AlertTitle,D as Anchor,F as AreaChart,I as Avatar,L as AvatarBadge,R as AvatarFallback,z as AvatarGroup,B as AvatarGroupCount,V as AvatarImage,H as Badge,W as BarChart,G as Breadcrumb,K as BreadcrumbEllipsis,q as BreadcrumbItem,J as BreadcrumbLink,Y as BreadcrumbList,X as BreadcrumbPage,Z as BreadcrumbSeparator,p as Button,$ as ButtonGroup,ee as ButtonGroupSeparator,te as ButtonGroupText,re as Calendar,ie as CalendarDayButton,oe as Card,se as CardAction,ce as CardContent,le as CardDescription,ue as CardFooter,de as CardHeader,fe as CardTitle,pe as Carousel,me as CarouselContent,he as CarouselIndicators,ge as CarouselItem,_e as CarouselNext,ve as CarouselPrevious,be as Center,k as ChartContainer,A as ChartLegend,j as ChartLegendContent,M as ChartStyle,N as ChartTooltip,P as ChartTooltipContent,Ie as Checkbox,Le as Code,Re as Collapsible,ze as CollapsibleContent,Be as CollapsibleTrigger,Ye as Combobox,Xe as ComboboxChip,Ze as ComboboxChips,Qe as ComboboxChipsInput,$e as ComboboxClear,et as ComboboxCollection,tt as ComboboxContent,nt as ComboboxEmpty,rt as ComboboxGroup,it as ComboboxInput,at as ComboboxItem,ot as ComboboxLabel,st as ComboboxList,ct as ComboboxSeparator,lt as ComboboxTrigger,ut as ComboboxValue,St as Command,Ct as CommandDialog,wt as CommandEmpty,Tt as CommandGroup,Et as CommandInput,Dt as CommandItem,Ot as CommandList,kt as CommandSeparator,At as CommandShortcut,jt as Container,hn as DataTable,gn as DataTableBody,_n as DataTableColumnHeader,vn as DataTableHeader,yn as DataTablePagination,bn as DataTableRoot,xn as DataTableToolbar,Sn as DataTableViewOptions,Pn as DateRangePicker,Fn as DateRangePickerActions,In as DateRangePickerApply,Ln as DateRangePickerCalendar,Rn as DateRangePickerContent,zn as DateRangePickerDateFields,Bn as DateRangePickerPreset,Vn as DateRangePickerPresets,Hn as DateRangePickerReset,Un as DateRangePickerTrigger,Wn as DateRangePickerValue,ft as Dialog,pt as DialogClose,mt as DialogContent,ht as DialogDescription,gt as DialogFooter,_t as DialogHeader,vt as DialogOverlay,yt as DialogPortal,bt as DialogTitle,xt as DialogTrigger,Jn as DonutChart,Yn as Drawer,Xn as DrawerBody,Zn as DrawerClose,Qn as DrawerContent,$n as DrawerDescription,er as DrawerFooter,tr as DrawerHeader,nr as DrawerOverlay,rr as DrawerPortal,ir as DrawerTitle,ar as DrawerTrigger,Nt as DropdownMenu,Pt as DropdownMenuCheckboxItem,Ft as DropdownMenuContent,It as DropdownMenuGroup,Lt as DropdownMenuItem,Rt as DropdownMenuLabel,zt as DropdownMenuPortal,Bt as DropdownMenuRadioGroup,Vt as DropdownMenuRadioItem,Ht as DropdownMenuSeparator,Ut as DropdownMenuShortcut,Wt as DropdownMenuSub,Gt as DropdownMenuSubContent,Kt as DropdownMenuSubTrigger,qt as DropdownMenuTrigger,or as Dropzone,sr as DropzoneArea,cr as DropzoneDescription,lr as DropzoneFileList,ur as DropzoneFileListItem,dr as DropzoneFileMessage,fr as DropzoneMessage,pr as DropzoneRemoveFile,mr as DropzoneRetryFile,hr as DropzoneTrigger,yr as Empty,br as EmptyContent,xr as EmptyDescription,Sr as EmptyHeader,Cr as EmptyMedia,wr as EmptyTitle,gr as ErrorCode,Te as Field,Ee as FieldContent,De as FieldDescription,Oe as FieldError,ke as FieldGroup,Ae as FieldLabel,je as FieldLegend,Me as FieldSeparator,Ne as FieldSet,Pe as FieldTitle,Tr as Flex,Dr as Grid,Or as GridItem,kr as Group,jr as Heading,Ia as HiddenFrom,Nr as HoverCard,Pr as HoverCardContent,Fr as HoverCardTrigger,_r as InfiniteProgress,Ve as Input,Ue as InputGroup,We as InputGroupAddon,Ge as InputGroupButton,Ke as InputGroupInput,qe as InputGroupText,Je as InputGroupTextarea,Ir as InputOTP,Lr as InputOTPGroup,Rr as InputOTPSeparator,zr as InputOTPSlot,Ur as Kbd,Wr as KbdGroup,we as Label,Gr as List,Kr as ListIcon,qr as ListItem,Xr as MaskInput,ha as ModeToggle,Zr as NativeSelect,Qr as NativeSelectOptGroup,$r as NativeSelectOption,ei as NavigationMenu,ti as NavigationMenuContent,ni as NavigationMenuIndicator,ri as NavigationMenuItem,ii as NavigationMenuLink,ai as NavigationMenuList,oi as NavigationMenuTrigger,si as NavigationMenuViewport,li as Pagination,ui as PaginationContent,di as PaginationEllipsis,fi as PaginationItem,pi as PaginationLink,mi as PaginationNext,hi as PaginationPrevious,Gn as PieChart,Kn as PieChartBase,Dn as Popover,On as PopoverAnchor,kn as PopoverContent,An as PopoverDescription,jn as PopoverHeader,Mn as PopoverTitle,Nn as PopoverTrigger,gi as Progress,Br as REGEXP_ONLY_CHARS,Vr as REGEXP_ONLY_DIGITS,Hr as REGEXP_ONLY_DIGITS_AND_CHARS,_i as RadioGroup,vi as RadioGroupItem,yi as ResizableHandle,bi as ResizablePanel,xi as ResizablePanelGroup,Si as ScrollArea,Ci as ScrollBar,Jt as Select,Yt as SelectContent,Xt as SelectGroup,Zt as SelectItem,Qt as SelectLabel,$t as SelectScrollDownButton,en as SelectScrollUpButton,tn as SelectSeparator,nn as SelectTrigger,rn as SelectValue,Q as Separator,ji as Sidebar,Mi as SidebarContent,Ni as SidebarFooter,Pi as SidebarGroup,Fi as SidebarGroupAction,Ii as SidebarGroupContent,Li as SidebarGroupLabel,Ri as SidebarHeader,zi as SidebarInput,Bi as SidebarInset,Vi as SidebarMenu,Hi as SidebarMenuAction,Ui as SidebarMenuBadge,Wi as SidebarMenuButton,Gi as SidebarMenuItem,Ki as SidebarMenuSkeleton,qi as SidebarMenuSub,Ji as SidebarMenuSubButton,Yi as SidebarMenuSubItem,Xi as SidebarProvider,Zi as SidebarRail,Qi as SidebarSeparator,$i as SidebarTrigger,ta as SimpleGrid,Ti as Skeleton,na as Slider,d as Spinner,aa as Stack,sa as Switch,an as Table,on as TableBody,sn as TableCaption,cn as TableCell,ln as TableContainer,un as TableFooter,dn as TableHead,fn as TableHeader,pn as TableRow,ca as Tabs,la as TabsContent,ua as TabsList,da as TabsTrigger,pa as Text,He as Textarea,ga as ThemeProvider,va as Timeline,ya as TimelineConnector,ba as TimelineContent,xa as TimelineDescription,Sa as TimelineEmpty,Ca as TimelineHeader,wa as TimelineIcon,Ta as TimelineItem,Ea as TimelineTime,Da as TimelineTitle,ra as Toaster,ka as Toggle,ja as ToggleGroup,Ma as ToggleGroupItem,Ei as Tooltip,Di as TooltipContent,Oi as TooltipProvider,ki as TooltipRoot,Ai as TooltipTrigger,Na as UnstyledButton,La as VisibleFrom,O as anchorVariants,U as badgeVariants,Pa as breakpointValues,qn as buildPieConfig,u as buttonColorVariants,ne as buttonGroupVariants,m as buttonVariants,xe as centerVariants,e as cn,Mt as containerVariants,Cn as createDataTableSelectColumn,wn as defaultDataTableLabels,Er as flexVariants,Ar as groupVariants,Mr as headingVariants,Jr as listVariants,ae as locale,ci as navigationMenuTriggerStyle,t as randomId,Se as selectionControlColorVariants,f as spinnerVariants,oa as stackVariants,mn as tableVariants,fa as tabsListVariants,ma as textVariants,Oa as timelineVariants,ia as toast,Aa as toggleVariants,Ce as uiColors,Fa as useBreakpoint,Ra as useBreakpointValue,ye as useCarousel,dt as useComboboxAnchor,Tn as useDataTable,En as useDataTableContext,za as useDisclosure,Ba as useDocumentVisibility,vr as useDropzone,Fe as useFieldControlId,Va as useIdle,Ha as useInterval,wi as useIsMobile,Ua as useLocalStorage,Yr as useMask,ea as useSidebar,_a as useTheme};
+import{cn as e,randomId as t}from"./lib/utils.js";import{Accordion as n,AccordionContent as r,AccordionItem as i,AccordionTrigger as a}from"./components/accordion.js";import{Alert as o,AlertAction as s,AlertDescription as c,AlertTitle as l}from"./components/alert.js";import{buttonColorVariants as u}from"./lib/button.js";import{Spinner as d,spinnerVariants as f}from"./components/spinner.js";import{Button as p,buttonVariants as m}from"./components/button.js";import{AlertDialog as h,AlertDialogAction as g,AlertDialogCancel as _,AlertDialogContent as v,AlertDialogDescription as y,AlertDialogFooter as b,AlertDialogHeader as x,AlertDialogMedia as S,AlertDialogOverlay as C,AlertDialogPortal as w,AlertDialogTitle as T,AlertDialogTrigger as E}from"./components/alert-dialog.js";import{Anchor as D,anchorVariants as O}from"./components/anchor.js";import{ChartContainer as k,ChartLegend as A,ChartLegendContent as j,ChartStyle as M,ChartTooltip as N,ChartTooltipContent as P}from"./components/chart.js";import{AreaChart as F}from"./components/area-chart.js";import{Avatar as I,AvatarBadge as L,AvatarFallback as R,AvatarGroup as z,AvatarGroupCount as B,AvatarImage as V}from"./components/avatar.js";import{badgeColorVariants as H}from"./lib/badge.js";import{Badge as U,badgeVariants as W}from"./components/badge.js";import{BarChart as G}from"./components/bar-chart.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{Separator as $}from"./components/separator.js";import{ButtonGroup as ee,ButtonGroupSeparator as te,ButtonGroupText as ne,buttonGroupVariants as re}from"./components/button-group.js";import{Calendar as ie,CalendarDayButton as ae,locale as oe}from"./components/calendar.js";import{Card as se,CardAction as ce,CardContent as le,CardDescription as ue,CardFooter as de,CardHeader as fe,CardTitle as pe}from"./components/card.js";import{Carousel as me,CarouselContent as he,CarouselIndicators as ge,CarouselItem as _e,CarouselNext as ve,CarouselPrevious as ye,useCarousel as be}from"./components/carousel.js";import{Center as xe,centerVariants as Se}from"./components/center.js";import{selectionControlColorVariants as Ce,uiColors as we}from"./lib/color.js";import{Label as Te}from"./components/label.js";import{Field as Ee,FieldContent as De,FieldDescription as Oe,FieldError as ke,FieldGroup as Ae,FieldLabel as je,FieldLegend as Me,FieldSeparator as Ne,FieldSet as Pe,FieldTitle as Fe,useFieldControlId as Ie}from"./components/field.js";import{Checkbox as Le}from"./components/checkbox.js";import{Code as Re}from"./components/code.js";import{Collapsible as ze,CollapsibleContent as Be,CollapsibleTrigger as Ve}from"./components/collapsible.js";import{Input as He}from"./components/input.js";import{Textarea as Ue}from"./components/textarea.js";import{InputGroup as We,InputGroupAddon as Ge,InputGroupButton as Ke,InputGroupInput as qe,InputGroupText as Je,InputGroupTextarea as Ye}from"./components/input-group.js";import{Combobox as Xe,ComboboxChip as Ze,ComboboxChips as Qe,ComboboxChipsInput as $e,ComboboxClear as et,ComboboxCollection as tt,ComboboxContent as nt,ComboboxEmpty as rt,ComboboxGroup as it,ComboboxInput as at,ComboboxItem as ot,ComboboxLabel as st,ComboboxList as ct,ComboboxSeparator as lt,ComboboxTrigger as ut,ComboboxValue as dt,useComboboxAnchor as ft}from"./components/combobox.js";import{Dialog as pt,DialogBody as mt,DialogClose as ht,DialogContent as gt,DialogDescription as _t,DialogFooter as vt,DialogHeader as yt,DialogOverlay as bt,DialogPortal as xt,DialogTitle as St,DialogTrigger as Ct}from"./components/dialog.js";import{Command as wt,CommandDialog as Tt,CommandEmpty as Et,CommandGroup as Dt,CommandInput as Ot,CommandItem as kt,CommandList as At,CommandSeparator as jt,CommandShortcut as Mt}from"./components/command.js";import{Container as Nt,containerVariants as Pt}from"./components/container.js";import{DropdownMenu as Ft,DropdownMenuCheckboxItem as It,DropdownMenuContent as Lt,DropdownMenuGroup as Rt,DropdownMenuItem as zt,DropdownMenuLabel as Bt,DropdownMenuPortal as Vt,DropdownMenuRadioGroup as Ht,DropdownMenuRadioItem as Ut,DropdownMenuSeparator as Wt,DropdownMenuShortcut as Gt,DropdownMenuSub as Kt,DropdownMenuSubContent as qt,DropdownMenuSubTrigger as Jt,DropdownMenuTrigger as Yt}from"./components/dropdown-menu.js";import{Select as Xt,SelectContent as Zt,SelectGroup as Qt,SelectItem as $t,SelectLabel as en,SelectScrollDownButton as tn,SelectScrollUpButton as nn,SelectSeparator as rn,SelectTrigger as an,SelectValue as on}from"./components/select.js";import{Table as sn,TableBody as cn,TableCaption as ln,TableCell as un,TableContainer as dn,TableFooter as fn,TableHead as pn,TableHeader as mn,TableRow as hn,tableVariants as gn}from"./components/table.js";import{DataTable as _n,DataTableBody as vn,DataTableColumnHeader as yn,DataTableHeader as bn,DataTablePagination as xn,DataTableRoot as Sn,DataTableToolbar as Cn,DataTableViewOptions as wn,createDataTableSelectColumn as Tn,defaultDataTableLabels as En,useDataTable as Dn,useDataTableContext as On}from"./components/data-table.js";import{Popover as kn,PopoverAnchor as An,PopoverContent as jn,PopoverDescription as Mn,PopoverHeader as Nn,PopoverTitle as Pn,PopoverTrigger as Fn}from"./components/popover.js";import{DateRangePicker as In,DateRangePickerActions as Ln,DateRangePickerApply as Rn,DateRangePickerCalendar as zn,DateRangePickerContent as Bn,DateRangePickerDateFields as Vn,DateRangePickerPreset as Hn,DateRangePickerPresets as Un,DateRangePickerReset as Wn,DateRangePickerTrigger as Gn,DateRangePickerValue as Kn}from"./components/date-range-picker.js";import{PieChart as qn,PieChartBase as Jn,buildPieConfig as Yn}from"./components/pie-chart.js";import{DonutChart as Xn}from"./components/donut-chart.js";import{Drawer as Zn,DrawerBody as Qn,DrawerClose as $n,DrawerContent as er,DrawerDescription as tr,DrawerFooter as nr,DrawerHeader as rr,DrawerOverlay as ir,DrawerPortal as ar,DrawerTitle as or,DrawerTrigger as sr}from"./components/drawer.js";import{composeRefs as cr,setRef as lr}from"./lib/compose-refs.js";import{Dropzone as ur,DropzoneArea as dr,DropzoneDescription as fr,DropzoneFileList as pr,DropzoneFileListItem as mr,DropzoneFileMessage as hr,DropzoneMessage as gr,DropzoneRemoveFile as _r,DropzoneRetryFile as vr,DropzoneTrigger as yr,ErrorCode as br,InfiniteProgress as xr,useDropzone as Sr}from"./components/dropzone.js";import{Empty as Cr,EmptyContent as wr,EmptyDescription as Tr,EmptyHeader as Er,EmptyMedia as Dr,EmptyTitle as Or}from"./components/empty.js";import{Flex as kr,flexVariants as Ar}from"./components/flex.js";import{Grid as jr,GridItem as Mr}from"./components/grid.js";import{Group as Nr,groupVariants as Pr}from"./components/group.js";import{Heading as Fr,headingVariants as Ir}from"./components/heading.js";import{HoverCard as Lr,HoverCardContent as Rr,HoverCardTrigger as zr}from"./components/hover-card.js";import{InputOTP as Br,InputOTPGroup as Vr,InputOTPSeparator as Hr,InputOTPSlot as Ur,REGEXP_ONLY_CHARS as Wr,REGEXP_ONLY_DIGITS as Gr,REGEXP_ONLY_DIGITS_AND_CHARS as Kr}from"./components/input-otp.js";import{Kbd as qr,KbdGroup as Jr}from"./components/kbd.js";import{List as Yr,ListIcon as Xr,ListItem as Zr,listVariants as Qr}from"./components/list.js";import{useMask as $r}from"./hooks/use-mask.js";import{MaskInput as ei}from"./components/mask-input.js";import{NativeSelect as ti,NativeSelectOptGroup as ni,NativeSelectOption as ri}from"./components/native-select.js";import{NavigationMenu as ii,NavigationMenuContent as ai,NavigationMenuIndicator as oi,NavigationMenuItem as si,NavigationMenuLink as ci,NavigationMenuList as li,NavigationMenuTrigger as ui,NavigationMenuViewport as di,navigationMenuTriggerStyle as fi}from"./components/navigation-menu.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{Progress as bi}from"./components/progress.js";import{RadioGroup as xi,RadioGroupItem as Si}from"./components/radio-group.js";import{ResizableHandle as Ci,ResizablePanel as wi,ResizablePanelGroup as Ti}from"./components/resizable.js";import{ScrollArea as Ei,ScrollBar as Di}from"./components/scroll-area.js";import{useIsMobile as Oi}from"./hooks/use-mobile.js";import{Skeleton as ki}from"./components/skeleton.js";import{Tooltip as Ai,TooltipContent as ji,TooltipProvider as Mi,TooltipRoot as Ni,TooltipTrigger as Pi}from"./components/tooltip.js";import{Sidebar as Fi,SidebarContent as Ii,SidebarFooter as Li,SidebarGroup as Ri,SidebarGroupAction as zi,SidebarGroupContent as Bi,SidebarGroupLabel as Vi,SidebarHeader as Hi,SidebarInput as Ui,SidebarInset as Wi,SidebarMenu as Gi,SidebarMenuAction as Ki,SidebarMenuBadge as qi,SidebarMenuButton as Ji,SidebarMenuItem as Yi,SidebarMenuSkeleton as Xi,SidebarMenuSub as Zi,SidebarMenuSubButton as Qi,SidebarMenuSubItem as $i,SidebarProvider as ea,SidebarRail as ta,SidebarSeparator as na,SidebarTrigger as ra,useSidebar as ia}from"./components/sidebar.js";import{SimpleGrid as aa}from"./components/simple-grid.js";import{Slider as oa}from"./components/slider.js";import{Toaster as sa,toast as ca}from"./components/sonner.js";import{Stack as la,stackVariants as ua}from"./components/stack.js";import{Switch as da}from"./components/switch.js";import{Tabs as fa,TabsContent as pa,TabsList as ma,TabsTrigger as ha,tabsListVariants as ga}from"./components/tabs.js";import{Text as _a,textVariants as va}from"./components/text.js";import{ModeToggle as ya,ThemeProvider as ba,useTheme as xa}from"./components/theme.js";import{Timeline as Sa,TimelineConnector as Ca,TimelineContent as wa,TimelineDescription as Ta,TimelineEmpty as Ea,TimelineHeader as Da,TimelineIcon as Oa,TimelineItem as ka,TimelineTime as Aa,TimelineTitle as ja,timelineVariants as Ma}from"./components/timeline.js";import{Toggle as Na,toggleVariants as Pa}from"./components/toggle.js";import{ToggleGroup as Fa,ToggleGroupItem as Ia}from"./components/toggle-group.js";import{UnstyledButton as La}from"./components/unstyled-button.js";import{breakpointValues as Ra,useBreakpoint as za}from"./hooks/use-breakpoint.js";import{HiddenFrom as Ba,VisibleFrom as Va}from"./components/visibility.js";import{useBreakpointValue as Ha}from"./hooks/use-breakpoint-value.js";import{useDisclosure as Ua}from"./hooks/use-disclosure.js";import{useDocumentVisibility as Wa}from"./hooks/use-document-visibility.js";import{useIdle as Ga}from"./hooks/use-idle.js";import{useInterval as Ka}from"./hooks/use-interval.js";import{useLocalStorage as qa}from"./hooks/use-local-storage.js";export{n as Accordion,r as AccordionContent,i as AccordionItem,a as AccordionTrigger,o as Alert,s as AlertAction,c as AlertDescription,h as AlertDialog,g as AlertDialogAction,_ as AlertDialogCancel,v as AlertDialogContent,y as AlertDialogDescription,b as AlertDialogFooter,x as AlertDialogHeader,S as AlertDialogMedia,C as AlertDialogOverlay,w as AlertDialogPortal,T as AlertDialogTitle,E as AlertDialogTrigger,l as AlertTitle,D as Anchor,F as AreaChart,I as Avatar,L as AvatarBadge,R as AvatarFallback,z as AvatarGroup,B as AvatarGroupCount,V as AvatarImage,U as Badge,G as BarChart,K as Breadcrumb,q as BreadcrumbEllipsis,J as BreadcrumbItem,Y as BreadcrumbLink,X as BreadcrumbList,Z as BreadcrumbPage,Q as BreadcrumbSeparator,p as Button,ee as ButtonGroup,te as ButtonGroupSeparator,ne as ButtonGroupText,ie as Calendar,ae as CalendarDayButton,se as Card,ce as CardAction,le as CardContent,ue as CardDescription,de as CardFooter,fe as CardHeader,pe as CardTitle,me as Carousel,he as CarouselContent,ge as CarouselIndicators,_e as CarouselItem,ve as CarouselNext,ye as CarouselPrevious,xe as Center,k as ChartContainer,A as ChartLegend,j as ChartLegendContent,M as ChartStyle,N as ChartTooltip,P as ChartTooltipContent,Le as Checkbox,Re as Code,ze as Collapsible,Be as CollapsibleContent,Ve as CollapsibleTrigger,Xe as Combobox,Ze as ComboboxChip,Qe as ComboboxChips,$e as ComboboxChipsInput,et as ComboboxClear,tt as ComboboxCollection,nt as ComboboxContent,rt as ComboboxEmpty,it as ComboboxGroup,at as ComboboxInput,ot as ComboboxItem,st as ComboboxLabel,ct as ComboboxList,lt as ComboboxSeparator,ut as ComboboxTrigger,dt as ComboboxValue,wt as Command,Tt as CommandDialog,Et as CommandEmpty,Dt as CommandGroup,Ot as CommandInput,kt as CommandItem,At as CommandList,jt as CommandSeparator,Mt as CommandShortcut,Nt as Container,_n as DataTable,vn as DataTableBody,yn as DataTableColumnHeader,bn as DataTableHeader,xn as DataTablePagination,Sn as DataTableRoot,Cn as DataTableToolbar,wn as DataTableViewOptions,In as DateRangePicker,Ln as DateRangePickerActions,Rn as DateRangePickerApply,zn as DateRangePickerCalendar,Bn as DateRangePickerContent,Vn as DateRangePickerDateFields,Hn as DateRangePickerPreset,Un as DateRangePickerPresets,Wn as DateRangePickerReset,Gn as DateRangePickerTrigger,Kn as DateRangePickerValue,pt as Dialog,mt as DialogBody,ht as DialogClose,gt as DialogContent,_t as DialogDescription,vt as DialogFooter,yt as DialogHeader,bt as DialogOverlay,xt as DialogPortal,St as DialogTitle,Ct as DialogTrigger,Xn as DonutChart,Zn as Drawer,Qn as DrawerBody,$n as DrawerClose,er as DrawerContent,tr as DrawerDescription,nr as DrawerFooter,rr as DrawerHeader,ir as DrawerOverlay,ar as DrawerPortal,or as DrawerTitle,sr as DrawerTrigger,Ft as DropdownMenu,It as DropdownMenuCheckboxItem,Lt as DropdownMenuContent,Rt as DropdownMenuGroup,zt as DropdownMenuItem,Bt as DropdownMenuLabel,Vt as DropdownMenuPortal,Ht as DropdownMenuRadioGroup,Ut as DropdownMenuRadioItem,Wt as DropdownMenuSeparator,Gt as DropdownMenuShortcut,Kt as DropdownMenuSub,qt as DropdownMenuSubContent,Jt as DropdownMenuSubTrigger,Yt as DropdownMenuTrigger,ur as Dropzone,dr as DropzoneArea,fr as DropzoneDescription,pr as DropzoneFileList,mr as DropzoneFileListItem,hr as DropzoneFileMessage,gr as DropzoneMessage,_r as DropzoneRemoveFile,vr as DropzoneRetryFile,yr as DropzoneTrigger,Cr as Empty,wr as EmptyContent,Tr as EmptyDescription,Er as EmptyHeader,Dr as EmptyMedia,Or as EmptyTitle,br as ErrorCode,Ee as Field,De as FieldContent,Oe as FieldDescription,ke as FieldError,Ae as FieldGroup,je as FieldLabel,Me as FieldLegend,Ne as FieldSeparator,Pe as FieldSet,Fe as FieldTitle,kr as Flex,jr as Grid,Mr as GridItem,Nr as Group,Fr as Heading,Ba as HiddenFrom,Lr as HoverCard,Rr as HoverCardContent,zr as HoverCardTrigger,xr as InfiniteProgress,He as Input,We as InputGroup,Ge as InputGroupAddon,Ke as InputGroupButton,qe as InputGroupInput,Je as InputGroupText,Ye as InputGroupTextarea,Br as InputOTP,Vr as InputOTPGroup,Hr as InputOTPSeparator,Ur as InputOTPSlot,qr as Kbd,Jr as KbdGroup,Te as Label,Yr as List,Xr as ListIcon,Zr as ListItem,ei as MaskInput,ya as ModeToggle,ti as NativeSelect,ni as NativeSelectOptGroup,ri as NativeSelectOption,ii as NavigationMenu,ai as NavigationMenuContent,oi as NavigationMenuIndicator,si as NavigationMenuItem,ci as NavigationMenuLink,li as NavigationMenuList,ui as NavigationMenuTrigger,di as NavigationMenuViewport,pi as Pagination,mi as PaginationContent,hi as PaginationEllipsis,gi as PaginationItem,_i as PaginationLink,vi as PaginationNext,yi as PaginationPrevious,qn as PieChart,Jn as PieChartBase,kn as Popover,An as PopoverAnchor,jn as PopoverContent,Mn as PopoverDescription,Nn as PopoverHeader,Pn as PopoverTitle,Fn as PopoverTrigger,bi as Progress,Wr as REGEXP_ONLY_CHARS,Gr as REGEXP_ONLY_DIGITS,Kr as REGEXP_ONLY_DIGITS_AND_CHARS,xi as RadioGroup,Si as RadioGroupItem,Ci as ResizableHandle,wi as ResizablePanel,Ti as ResizablePanelGroup,Ei as ScrollArea,Di as ScrollBar,Xt as Select,Zt as SelectContent,Qt as SelectGroup,$t as SelectItem,en as SelectLabel,tn as SelectScrollDownButton,nn as SelectScrollUpButton,rn as SelectSeparator,an as SelectTrigger,on as SelectValue,$ as Separator,Fi as Sidebar,Ii as SidebarContent,Li as SidebarFooter,Ri as SidebarGroup,zi as SidebarGroupAction,Bi as SidebarGroupContent,Vi as SidebarGroupLabel,Hi as SidebarHeader,Ui as SidebarInput,Wi as SidebarInset,Gi as SidebarMenu,Ki as SidebarMenuAction,qi as SidebarMenuBadge,Ji as SidebarMenuButton,Yi as SidebarMenuItem,Xi as SidebarMenuSkeleton,Zi as SidebarMenuSub,Qi as SidebarMenuSubButton,$i as SidebarMenuSubItem,ea as SidebarProvider,ta as SidebarRail,na as SidebarSeparator,ra as SidebarTrigger,aa as SimpleGrid,ki as Skeleton,oa as Slider,d as Spinner,la as Stack,da as Switch,sn as Table,cn as TableBody,ln as TableCaption,un as TableCell,dn as TableContainer,fn as TableFooter,pn as TableHead,mn as TableHeader,hn as TableRow,fa as Tabs,pa as TabsContent,ma as TabsList,ha as TabsTrigger,_a as Text,Ue as Textarea,ba as ThemeProvider,Sa as Timeline,Ca as TimelineConnector,wa as TimelineContent,Ta as TimelineDescription,Ea as TimelineEmpty,Da as TimelineHeader,Oa as TimelineIcon,ka as TimelineItem,Aa as TimelineTime,ja as TimelineTitle,sa as Toaster,Na as Toggle,Fa as ToggleGroup,Ia as ToggleGroupItem,Ai as Tooltip,ji as TooltipContent,Mi as TooltipProvider,Ni as TooltipRoot,Pi as TooltipTrigger,La as UnstyledButton,Va as VisibleFrom,O as anchorVariants,H as badgeColorVariants,W as badgeVariants,Ra as breakpointValues,Yn as buildPieConfig,u as buttonColorVariants,re as buttonGroupVariants,m as buttonVariants,Se as centerVariants,e as cn,cr as composeRefs,Pt as containerVariants,Tn as createDataTableSelectColumn,En as defaultDataTableLabels,Ar as flexVariants,Pr as groupVariants,Ir as headingVariants,Qr as listVariants,oe as locale,fi as navigationMenuTriggerStyle,t as randomId,Ce as selectionControlColorVariants,lr as setRef,f as spinnerVariants,ua as stackVariants,gn as tableVariants,ga as tabsListVariants,va as textVariants,Ma as timelineVariants,ca as toast,Pa as toggleVariants,we as uiColors,za as useBreakpoint,Ha as useBreakpointValue,be as useCarousel,ft as useComboboxAnchor,Dn as useDataTable,On as useDataTableContext,Ua as useDisclosure,Wa as useDocumentVisibility,Sr as useDropzone,Ie as useFieldControlId,Ga as useIdle,Ka as useInterval,Oi as useIsMobile,qa as useLocalStorage,$r as useMask,ia as useSidebar,xa as useTheme};

package/dist/lib/badge.d.ts

@@ -0,0 +1,20 @@
+import { n as __name } from "../chunk-CHh1Zzun.js";
+import { UIColor } from "./color.js";
+
+//#region src/lib/badge.d.ts
+declare const badgeColorVariants: {
+  readonly primary: readonly ["[--badge-solid:var(--primary-500)]", "[--badge-solid-foreground:var(--zinc-50)]", "[--badge-outline-border:var(--primary-500)]", "[--badge-outline-foreground:var(--primary-500)]", "[--badge-soft:var(--primary-50)]", "[--badge-soft-hover:var(--primary-100)]", "[--badge-soft-foreground:var(--primary-500)]", "[--badge-ghost-hover:var(--primary-50)]", "[--badge-ghost-foreground:var(--primary-500)]", "[--badge-link-foreground:var(--primary-500)]", "dark:[--badge-solid:var(--primary-500)]", "dark:[--badge-outline-border:var(--primary-500)]", "dark:[--badge-outline-foreground:var(--primary-500)]", "dark:[--badge-soft:var(--primary-950)]", "dark:[--badge-soft-hover:var(--primary-900)]", "dark:[--badge-soft-foreground:var(--primary-500)]", "dark:[--badge-ghost-hover:var(--primary-950)]", "dark:[--badge-ghost-foreground:var(--primary-500)]", "dark:[--badge-link-foreground:var(--primary-500)]"];
+  readonly brand: readonly ["[--badge-solid:var(--brand-500)]", "[--badge-solid-foreground:var(--zinc-50)]", "[--badge-outline-border:var(--brand-500)]", "[--badge-outline-foreground:var(--brand-500)]", "[--badge-soft:var(--brand-50)]", "[--badge-soft-hover:var(--brand-100)]", "[--badge-soft-foreground:var(--brand-500)]", "[--badge-ghost-hover:var(--brand-50)]", "[--badge-ghost-foreground:var(--brand-500)]", "[--badge-link-foreground:var(--brand-500)]", "dark:[--badge-solid:var(--brand-500)]", "dark:[--badge-outline-border:var(--brand-500)]", "dark:[--badge-outline-foreground:var(--brand-500)]", "dark:[--badge-soft:var(--brand-950)]", "dark:[--badge-soft-hover:var(--brand-900)]", "dark:[--badge-soft-foreground:var(--brand-500)]", "dark:[--badge-ghost-hover:var(--brand-950)]", "dark:[--badge-ghost-foreground:var(--brand-500)]", "dark:[--badge-link-foreground:var(--brand-500)]"];
+  readonly gray: readonly ["[--badge-solid:var(--gray-500)]", "[--badge-solid-foreground:var(--zinc-50)]", "[--badge-outline-border:var(--gray-500)]", "[--badge-outline-foreground:var(--gray-500)]", "[--badge-soft:var(--gray-100)]", "[--badge-soft-hover:var(--gray-200)]", "[--badge-soft-foreground:var(--gray-500)]", "[--badge-ghost-hover:var(--gray-100)]", "[--badge-ghost-foreground:var(--gray-500)]", "[--badge-link-foreground:var(--gray-500)]", "dark:[--badge-solid:var(--gray-500)]", "dark:[--badge-outline-border:var(--gray-500)]", "dark:[--badge-outline-foreground:var(--gray-500)]", "dark:[--badge-soft:var(--gray-950)]", "dark:[--badge-soft-hover:var(--gray-900)]", "dark:[--badge-soft-foreground:var(--gray-500)]", "dark:[--badge-ghost-hover:var(--gray-950)]", "dark:[--badge-ghost-foreground:var(--gray-500)]", "dark:[--badge-link-foreground:var(--gray-500)]"];
+  readonly zinc: readonly ["[--badge-solid:var(--zinc-500)]", "[--badge-solid-foreground:var(--zinc-50)]", "[--badge-outline-border:var(--zinc-500)]", "[--badge-outline-foreground:var(--zinc-500)]", "[--badge-soft:var(--zinc-100)]", "[--badge-soft-hover:var(--zinc-200)]", "[--badge-soft-foreground:var(--zinc-500)]", "[--badge-ghost-hover:var(--zinc-100)]", "[--badge-ghost-foreground:var(--zinc-500)]", "[--badge-link-foreground:var(--zinc-500)]", "dark:[--badge-solid:var(--zinc-500)]", "dark:[--badge-outline-border:var(--zinc-500)]", "dark:[--badge-outline-foreground:var(--zinc-500)]", "dark:[--badge-soft:var(--zinc-950)]", "dark:[--badge-soft-hover:var(--zinc-900)]", "dark:[--badge-soft-foreground:var(--zinc-500)]", "dark:[--badge-ghost-hover:var(--zinc-950)]", "dark:[--badge-ghost-foreground:var(--zinc-500)]", "dark:[--badge-link-foreground:var(--zinc-500)]"];
+  readonly red: readonly ["[--badge-solid:var(--red-500)]", "[--badge-solid-foreground:var(--zinc-50)]", "[--badge-outline-border:var(--red-500)]", "[--badge-outline-foreground:var(--red-500)]", "[--badge-soft:var(--red-50)]", "[--badge-soft-hover:var(--red-100)]", "[--badge-soft-foreground:var(--red-500)]", "[--badge-ghost-hover:var(--red-50)]", "[--badge-ghost-foreground:var(--red-500)]", "[--badge-link-foreground:var(--red-500)]", "dark:[--badge-solid:var(--red-500)]", "dark:[--badge-outline-border:var(--red-500)]", "dark:[--badge-outline-foreground:var(--red-500)]", "dark:[--badge-soft:var(--red-950)]", "dark:[--badge-soft-hover:var(--red-900)]", "dark:[--badge-soft-foreground:var(--red-500)]", "dark:[--badge-ghost-hover:var(--red-950)]", "dark:[--badge-ghost-foreground:var(--red-500)]", "dark:[--badge-link-foreground:var(--red-500)]"];
+  readonly yellow: readonly ["[--badge-solid:var(--yellow-500)]", "[--badge-solid-foreground:var(--zinc-50)]", "[--badge-outline-border:var(--yellow-500)]", "[--badge-outline-foreground:var(--yellow-500)]", "[--badge-soft:var(--yellow-50)]", "[--badge-soft-hover:var(--yellow-100)]", "[--badge-soft-foreground:var(--yellow-500)]", "[--badge-ghost-hover:var(--yellow-50)]", "[--badge-ghost-foreground:var(--yellow-500)]", "[--badge-link-foreground:var(--yellow-500)]", "dark:[--badge-solid:var(--yellow-500)]", "dark:[--badge-outline-border:var(--yellow-500)]", "dark:[--badge-outline-foreground:var(--yellow-500)]", "dark:[--badge-soft:var(--yellow-950)]", "dark:[--badge-soft-hover:var(--yellow-900)]", "dark:[--badge-soft-foreground:var(--yellow-500)]", "dark:[--badge-ghost-hover:var(--yellow-950)]", "dark:[--badge-ghost-foreground:var(--yellow-500)]", "dark:[--badge-link-foreground:var(--yellow-500)]"];
+  readonly blue: readonly ["[--badge-solid:var(--blue-500)]", "[--badge-solid-foreground:var(--zinc-50)]", "[--badge-outline-border:var(--blue-500)]", "[--badge-outline-foreground:var(--blue-500)]", "[--badge-soft:var(--blue-50)]", "[--badge-soft-hover:var(--blue-100)]", "[--badge-soft-foreground:var(--blue-500)]", "[--badge-ghost-hover:var(--blue-50)]", "[--badge-ghost-foreground:var(--blue-500)]", "[--badge-link-foreground:var(--blue-500)]", "dark:[--badge-solid:var(--blue-500)]", "dark:[--badge-outline-border:var(--blue-500)]", "dark:[--badge-outline-foreground:var(--blue-500)]", "dark:[--badge-soft:var(--blue-950)]", "dark:[--badge-soft-hover:var(--blue-900)]", "dark:[--badge-soft-foreground:var(--blue-500)]", "dark:[--badge-ghost-hover:var(--blue-950)]", "dark:[--badge-ghost-foreground:var(--blue-500)]", "dark:[--badge-link-foreground:var(--blue-500)]"];
+  readonly indigo: readonly ["[--badge-solid:var(--indigo-500)]", "[--badge-solid-foreground:var(--zinc-50)]", "[--badge-outline-border:var(--indigo-500)]", "[--badge-outline-foreground:var(--indigo-500)]", "[--badge-soft:var(--indigo-50)]", "[--badge-soft-hover:var(--indigo-100)]", "[--badge-soft-foreground:var(--indigo-500)]", "[--badge-ghost-hover:var(--indigo-50)]", "[--badge-ghost-foreground:var(--indigo-500)]", "[--badge-link-foreground:var(--indigo-500)]", "dark:[--badge-solid:var(--indigo-500)]", "dark:[--badge-outline-border:var(--indigo-500)]", "dark:[--badge-outline-foreground:var(--indigo-500)]", "dark:[--badge-soft:var(--indigo-950)]", "dark:[--badge-soft-hover:var(--indigo-900)]", "dark:[--badge-soft-foreground:var(--indigo-500)]", "dark:[--badge-ghost-hover:var(--indigo-950)]", "dark:[--badge-ghost-foreground:var(--indigo-500)]", "dark:[--badge-link-foreground:var(--indigo-500)]"];
+  readonly pink: readonly ["[--badge-solid:var(--pink-500)]", "[--badge-solid-foreground:var(--zinc-50)]", "[--badge-outline-border:var(--pink-500)]", "[--badge-outline-foreground:var(--pink-500)]", "[--badge-soft:var(--pink-50)]", "[--badge-soft-hover:var(--pink-100)]", "[--badge-soft-foreground:var(--pink-500)]", "[--badge-ghost-hover:var(--pink-50)]", "[--badge-ghost-foreground:var(--pink-500)]", "[--badge-link-foreground:var(--pink-500)]", "dark:[--badge-solid:var(--pink-500)]", "dark:[--badge-outline-border:var(--pink-500)]", "dark:[--badge-outline-foreground:var(--pink-500)]", "dark:[--badge-soft:var(--pink-950)]", "dark:[--badge-soft-hover:var(--pink-900)]", "dark:[--badge-soft-foreground:var(--pink-500)]", "dark:[--badge-ghost-hover:var(--pink-950)]", "dark:[--badge-ghost-foreground:var(--pink-500)]", "dark:[--badge-link-foreground:var(--pink-500)]"];
+  readonly green: readonly ["[--badge-solid:var(--green-500)]", "[--badge-solid-foreground:var(--zinc-50)]", "[--badge-outline-border:var(--green-500)]", "[--badge-outline-foreground:var(--green-500)]", "[--badge-soft:var(--green-50)]", "[--badge-soft-hover:var(--green-100)]", "[--badge-soft-foreground:var(--green-500)]", "[--badge-ghost-hover:var(--green-50)]", "[--badge-ghost-foreground:var(--green-500)]", "[--badge-link-foreground:var(--green-500)]", "dark:[--badge-solid:var(--green-500)]", "dark:[--badge-outline-border:var(--green-500)]", "dark:[--badge-outline-foreground:var(--green-500)]", "dark:[--badge-soft:var(--green-950)]", "dark:[--badge-soft-hover:var(--green-900)]", "dark:[--badge-soft-foreground:var(--green-500)]", "dark:[--badge-ghost-hover:var(--green-950)]", "dark:[--badge-ghost-foreground:var(--green-500)]", "dark:[--badge-link-foreground:var(--green-500)]"];
+};
+type BadgeColor = UIColor;
+//#endregion
+export { BadgeColor, badgeColorVariants };
+//# sourceMappingURL=badge.d.ts.map

package/dist/lib/badge.js

@@ -0,0 +1,2 @@
+const e={primary:[`[--badge-solid:var(--primary-500)]`,`[--badge-solid-foreground:var(--zinc-50)]`,`[--badge-outline-border:var(--primary-500)]`,`[--badge-outline-foreground:var(--primary-500)]`,`[--badge-soft:var(--primary-50)]`,`[--badge-soft-hover:var(--primary-100)]`,`[--badge-soft-foreground:var(--primary-500)]`,`[--badge-ghost-hover:var(--primary-50)]`,`[--badge-ghost-foreground:var(--primary-500)]`,`[--badge-link-foreground:var(--primary-500)]`,`dark:[--badge-solid:var(--primary-500)]`,`dark:[--badge-outline-border:var(--primary-500)]`,`dark:[--badge-outline-foreground:var(--primary-500)]`,`dark:[--badge-soft:var(--primary-950)]`,`dark:[--badge-soft-hover:var(--primary-900)]`,`dark:[--badge-soft-foreground:var(--primary-500)]`,`dark:[--badge-ghost-hover:var(--primary-950)]`,`dark:[--badge-ghost-foreground:var(--primary-500)]`,`dark:[--badge-link-foreground:var(--primary-500)]`],brand:[`[--badge-solid:var(--brand-500)]`,`[--badge-solid-foreground:var(--zinc-50)]`,`[--badge-outline-border:var(--brand-500)]`,`[--badge-outline-foreground:var(--brand-500)]`,`[--badge-soft:var(--brand-50)]`,`[--badge-soft-hover:var(--brand-100)]`,`[--badge-soft-foreground:var(--brand-500)]`,`[--badge-ghost-hover:var(--brand-50)]`,`[--badge-ghost-foreground:var(--brand-500)]`,`[--badge-link-foreground:var(--brand-500)]`,`dark:[--badge-solid:var(--brand-500)]`,`dark:[--badge-outline-border:var(--brand-500)]`,`dark:[--badge-outline-foreground:var(--brand-500)]`,`dark:[--badge-soft:var(--brand-950)]`,`dark:[--badge-soft-hover:var(--brand-900)]`,`dark:[--badge-soft-foreground:var(--brand-500)]`,`dark:[--badge-ghost-hover:var(--brand-950)]`,`dark:[--badge-ghost-foreground:var(--brand-500)]`,`dark:[--badge-link-foreground:var(--brand-500)]`],gray:[`[--badge-solid:var(--gray-500)]`,`[--badge-solid-foreground:var(--zinc-50)]`,`[--badge-outline-border:var(--gray-500)]`,`[--badge-outline-foreground:var(--gray-500)]`,`[--badge-soft:var(--gray-100)]`,`[--badge-soft-hover:var(--gray-200)]`,`[--badge-soft-foreground:var(--gray-500)]`,`[--badge-ghost-hover:var(--gray-100)]`,`[--badge-ghost-foreground:var(--gray-500)]`,`[--badge-link-foreground:var(--gray-500)]`,`dark:[--badge-solid:var(--gray-500)]`,`dark:[--badge-outline-border:var(--gray-500)]`,`dark:[--badge-outline-foreground:var(--gray-500)]`,`dark:[--badge-soft:var(--gray-950)]`,`dark:[--badge-soft-hover:var(--gray-900)]`,`dark:[--badge-soft-foreground:var(--gray-500)]`,`dark:[--badge-ghost-hover:var(--gray-950)]`,`dark:[--badge-ghost-foreground:var(--gray-500)]`,`dark:[--badge-link-foreground:var(--gray-500)]`],zinc:[`[--badge-solid:var(--zinc-500)]`,`[--badge-solid-foreground:var(--zinc-50)]`,`[--badge-outline-border:var(--zinc-500)]`,`[--badge-outline-foreground:var(--zinc-500)]`,`[--badge-soft:var(--zinc-100)]`,`[--badge-soft-hover:var(--zinc-200)]`,`[--badge-soft-foreground:var(--zinc-500)]`,`[--badge-ghost-hover:var(--zinc-100)]`,`[--badge-ghost-foreground:var(--zinc-500)]`,`[--badge-link-foreground:var(--zinc-500)]`,`dark:[--badge-solid:var(--zinc-500)]`,`dark:[--badge-outline-border:var(--zinc-500)]`,`dark:[--badge-outline-foreground:var(--zinc-500)]`,`dark:[--badge-soft:var(--zinc-950)]`,`dark:[--badge-soft-hover:var(--zinc-900)]`,`dark:[--badge-soft-foreground:var(--zinc-500)]`,`dark:[--badge-ghost-hover:var(--zinc-950)]`,`dark:[--badge-ghost-foreground:var(--zinc-500)]`,`dark:[--badge-link-foreground:var(--zinc-500)]`],red:[`[--badge-solid:var(--red-500)]`,`[--badge-solid-foreground:var(--zinc-50)]`,`[--badge-outline-border:var(--red-500)]`,`[--badge-outline-foreground:var(--red-500)]`,`[--badge-soft:var(--red-50)]`,`[--badge-soft-hover:var(--red-100)]`,`[--badge-soft-foreground:var(--red-500)]`,`[--badge-ghost-hover:var(--red-50)]`,`[--badge-ghost-foreground:var(--red-500)]`,`[--badge-link-foreground:var(--red-500)]`,`dark:[--badge-solid:var(--red-500)]`,`dark:[--badge-outline-border:var(--red-500)]`,`dark:[--badge-outline-foreground:var(--red-500)]`,`dark:[--badge-soft:var(--red-950)]`,`dark:[--badge-soft-hover:var(--red-900)]`,`dark:[--badge-soft-foreground:var(--red-500)]`,`dark:[--badge-ghost-hover:var(--red-950)]`,`dark:[--badge-ghost-foreground:var(--red-500)]`,`dark:[--badge-link-foreground:var(--red-500)]`],yellow:[`[--badge-solid:var(--yellow-500)]`,`[--badge-solid-foreground:var(--zinc-50)]`,`[--badge-outline-border:var(--yellow-500)]`,`[--badge-outline-foreground:var(--yellow-500)]`,`[--badge-soft:var(--yellow-50)]`,`[--badge-soft-hover:var(--yellow-100)]`,`[--badge-soft-foreground:var(--yellow-500)]`,`[--badge-ghost-hover:var(--yellow-50)]`,`[--badge-ghost-foreground:var(--yellow-500)]`,`[--badge-link-foreground:var(--yellow-500)]`,`dark:[--badge-solid:var(--yellow-500)]`,`dark:[--badge-outline-border:var(--yellow-500)]`,`dark:[--badge-outline-foreground:var(--yellow-500)]`,`dark:[--badge-soft:var(--yellow-950)]`,`dark:[--badge-soft-hover:var(--yellow-900)]`,`dark:[--badge-soft-foreground:var(--yellow-500)]`,`dark:[--badge-ghost-hover:var(--yellow-950)]`,`dark:[--badge-ghost-foreground:var(--yellow-500)]`,`dark:[--badge-link-foreground:var(--yellow-500)]`],blue:[`[--badge-solid:var(--blue-500)]`,`[--badge-solid-foreground:var(--zinc-50)]`,`[--badge-outline-border:var(--blue-500)]`,`[--badge-outline-foreground:var(--blue-500)]`,`[--badge-soft:var(--blue-50)]`,`[--badge-soft-hover:var(--blue-100)]`,`[--badge-soft-foreground:var(--blue-500)]`,`[--badge-ghost-hover:var(--blue-50)]`,`[--badge-ghost-foreground:var(--blue-500)]`,`[--badge-link-foreground:var(--blue-500)]`,`dark:[--badge-solid:var(--blue-500)]`,`dark:[--badge-outline-border:var(--blue-500)]`,`dark:[--badge-outline-foreground:var(--blue-500)]`,`dark:[--badge-soft:var(--blue-950)]`,`dark:[--badge-soft-hover:var(--blue-900)]`,`dark:[--badge-soft-foreground:var(--blue-500)]`,`dark:[--badge-ghost-hover:var(--blue-950)]`,`dark:[--badge-ghost-foreground:var(--blue-500)]`,`dark:[--badge-link-foreground:var(--blue-500)]`],indigo:[`[--badge-solid:var(--indigo-500)]`,`[--badge-solid-foreground:var(--zinc-50)]`,`[--badge-outline-border:var(--indigo-500)]`,`[--badge-outline-foreground:var(--indigo-500)]`,`[--badge-soft:var(--indigo-50)]`,`[--badge-soft-hover:var(--indigo-100)]`,`[--badge-soft-foreground:var(--indigo-500)]`,`[--badge-ghost-hover:var(--indigo-50)]`,`[--badge-ghost-foreground:var(--indigo-500)]`,`[--badge-link-foreground:var(--indigo-500)]`,`dark:[--badge-solid:var(--indigo-500)]`,`dark:[--badge-outline-border:var(--indigo-500)]`,`dark:[--badge-outline-foreground:var(--indigo-500)]`,`dark:[--badge-soft:var(--indigo-950)]`,`dark:[--badge-soft-hover:var(--indigo-900)]`,`dark:[--badge-soft-foreground:var(--indigo-500)]`,`dark:[--badge-ghost-hover:var(--indigo-950)]`,`dark:[--badge-ghost-foreground:var(--indigo-500)]`,`dark:[--badge-link-foreground:var(--indigo-500)]`],pink:[`[--badge-solid:var(--pink-500)]`,`[--badge-solid-foreground:var(--zinc-50)]`,`[--badge-outline-border:var(--pink-500)]`,`[--badge-outline-foreground:var(--pink-500)]`,`[--badge-soft:var(--pink-50)]`,`[--badge-soft-hover:var(--pink-100)]`,`[--badge-soft-foreground:var(--pink-500)]`,`[--badge-ghost-hover:var(--pink-50)]`,`[--badge-ghost-foreground:var(--pink-500)]`,`[--badge-link-foreground:var(--pink-500)]`,`dark:[--badge-solid:var(--pink-500)]`,`dark:[--badge-outline-border:var(--pink-500)]`,`dark:[--badge-outline-foreground:var(--pink-500)]`,`dark:[--badge-soft:var(--pink-950)]`,`dark:[--badge-soft-hover:var(--pink-900)]`,`dark:[--badge-soft-foreground:var(--pink-500)]`,`dark:[--badge-ghost-hover:var(--pink-950)]`,`dark:[--badge-ghost-foreground:var(--pink-500)]`,`dark:[--badge-link-foreground:var(--pink-500)]`],green:[`[--badge-solid:var(--green-500)]`,`[--badge-solid-foreground:var(--zinc-50)]`,`[--badge-outline-border:var(--green-500)]`,`[--badge-outline-foreground:var(--green-500)]`,`[--badge-soft:var(--green-50)]`,`[--badge-soft-hover:var(--green-100)]`,`[--badge-soft-foreground:var(--green-500)]`,`[--badge-ghost-hover:var(--green-50)]`,`[--badge-ghost-foreground:var(--green-500)]`,`[--badge-link-foreground:var(--green-500)]`,`dark:[--badge-solid:var(--green-500)]`,`dark:[--badge-outline-border:var(--green-500)]`,`dark:[--badge-outline-foreground:var(--green-500)]`,`dark:[--badge-soft:var(--green-950)]`,`dark:[--badge-soft-hover:var(--green-900)]`,`dark:[--badge-soft-foreground:var(--green-500)]`,`dark:[--badge-ghost-hover:var(--green-950)]`,`dark:[--badge-ghost-foreground:var(--green-500)]`,`dark:[--badge-link-foreground:var(--green-500)]`]};export{e as badgeColorVariants};
+//# sourceMappingURL=badge.js.map

package/dist/lib/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","names":[],"sources":["../../src/lib/badge.ts"],"sourcesContent":["import type { UIColor } from './color'\n\nexport const badgeColorVariants = {\n  primary: [\n    '[--badge-solid:var(--primary-500)]',\n    '[--badge-solid-foreground:var(--zinc-50)]',\n    '[--badge-outline-border:var(--primary-500)]',\n    '[--badge-outline-foreground:var(--primary-500)]',\n    '[--badge-soft:var(--primary-50)]',\n    '[--badge-soft-hover:var(--primary-100)]',\n    '[--badge-soft-foreground:var(--primary-500)]',\n    '[--badge-ghost-hover:var(--primary-50)]',\n    '[--badge-ghost-foreground:var(--primary-500)]',\n    '[--badge-link-foreground:var(--primary-500)]',\n    'dark:[--badge-solid:var(--primary-500)]',\n    'dark:[--badge-outline-border:var(--primary-500)]',\n    'dark:[--badge-outline-foreground:var(--primary-500)]',\n    'dark:[--badge-soft:var(--primary-950)]',\n    'dark:[--badge-soft-hover:var(--primary-900)]',\n    'dark:[--badge-soft-foreground:var(--primary-500)]',\n    'dark:[--badge-ghost-hover:var(--primary-950)]',\n    'dark:[--badge-ghost-foreground:var(--primary-500)]',\n    'dark:[--badge-link-foreground:var(--primary-500)]'\n  ],\n  brand: [\n    '[--badge-solid:var(--brand-500)]',\n    '[--badge-solid-foreground:var(--zinc-50)]',\n    '[--badge-outline-border:var(--brand-500)]',\n    '[--badge-outline-foreground:var(--brand-500)]',\n    '[--badge-soft:var(--brand-50)]',\n    '[--badge-soft-hover:var(--brand-100)]',\n    '[--badge-soft-foreground:var(--brand-500)]',\n    '[--badge-ghost-hover:var(--brand-50)]',\n    '[--badge-ghost-foreground:var(--brand-500)]',\n    '[--badge-link-foreground:var(--brand-500)]',\n    'dark:[--badge-solid:var(--brand-500)]',\n    'dark:[--badge-outline-border:var(--brand-500)]',\n    'dark:[--badge-outline-foreground:var(--brand-500)]',\n    'dark:[--badge-soft:var(--brand-950)]',\n    'dark:[--badge-soft-hover:var(--brand-900)]',\n    'dark:[--badge-soft-foreground:var(--brand-500)]',\n    'dark:[--badge-ghost-hover:var(--brand-950)]',\n    'dark:[--badge-ghost-foreground:var(--brand-500)]',\n    'dark:[--badge-link-foreground:var(--brand-500)]'\n  ],\n  gray: [\n    '[--badge-solid:var(--gray-500)]',\n    '[--badge-solid-foreground:var(--zinc-50)]',\n    '[--badge-outline-border:var(--gray-500)]',\n    '[--badge-outline-foreground:var(--gray-500)]',\n    '[--badge-soft:var(--gray-100)]',\n    '[--badge-soft-hover:var(--gray-200)]',\n    '[--badge-soft-foreground:var(--gray-500)]',\n    '[--badge-ghost-hover:var(--gray-100)]',\n    '[--badge-ghost-foreground:var(--gray-500)]',\n    '[--badge-link-foreground:var(--gray-500)]',\n    'dark:[--badge-solid:var(--gray-500)]',\n    'dark:[--badge-outline-border:var(--gray-500)]',\n    'dark:[--badge-outline-foreground:var(--gray-500)]',\n    'dark:[--badge-soft:var(--gray-950)]',\n    'dark:[--badge-soft-hover:var(--gray-900)]',\n    'dark:[--badge-soft-foreground:var(--gray-500)]',\n    'dark:[--badge-ghost-hover:var(--gray-950)]',\n    'dark:[--badge-ghost-foreground:var(--gray-500)]',\n    'dark:[--badge-link-foreground:var(--gray-500)]'\n  ],\n  zinc: [\n    '[--badge-solid:var(--zinc-500)]',\n    '[--badge-solid-foreground:var(--zinc-50)]',\n    '[--badge-outline-border:var(--zinc-500)]',\n    '[--badge-outline-foreground:var(--zinc-500)]',\n    '[--badge-soft:var(--zinc-100)]',\n    '[--badge-soft-hover:var(--zinc-200)]',\n    '[--badge-soft-foreground:var(--zinc-500)]',\n    '[--badge-ghost-hover:var(--zinc-100)]',\n    '[--badge-ghost-foreground:var(--zinc-500)]',\n    '[--badge-link-foreground:var(--zinc-500)]',\n    'dark:[--badge-solid:var(--zinc-500)]',\n    'dark:[--badge-outline-border:var(--zinc-500)]',\n    'dark:[--badge-outline-foreground:var(--zinc-500)]',\n    'dark:[--badge-soft:var(--zinc-950)]',\n    'dark:[--badge-soft-hover:var(--zinc-900)]',\n    'dark:[--badge-soft-foreground:var(--zinc-500)]',\n    'dark:[--badge-ghost-hover:var(--zinc-950)]',\n    'dark:[--badge-ghost-foreground:var(--zinc-500)]',\n    'dark:[--badge-link-foreground:var(--zinc-500)]'\n  ],\n  red: [\n    '[--badge-solid:var(--red-500)]',\n    '[--badge-solid-foreground:var(--zinc-50)]',\n    '[--badge-outline-border:var(--red-500)]',\n    '[--badge-outline-foreground:var(--red-500)]',\n    '[--badge-soft:var(--red-50)]',\n    '[--badge-soft-hover:var(--red-100)]',\n    '[--badge-soft-foreground:var(--red-500)]',\n    '[--badge-ghost-hover:var(--red-50)]',\n    '[--badge-ghost-foreground:var(--red-500)]',\n    '[--badge-link-foreground:var(--red-500)]',\n    'dark:[--badge-solid:var(--red-500)]',\n    'dark:[--badge-outline-border:var(--red-500)]',\n    'dark:[--badge-outline-foreground:var(--red-500)]',\n    'dark:[--badge-soft:var(--red-950)]',\n    'dark:[--badge-soft-hover:var(--red-900)]',\n    'dark:[--badge-soft-foreground:var(--red-500)]',\n    'dark:[--badge-ghost-hover:var(--red-950)]',\n    'dark:[--badge-ghost-foreground:var(--red-500)]',\n    'dark:[--badge-link-foreground:var(--red-500)]'\n  ],\n  yellow: [\n    '[--badge-solid:var(--yellow-500)]',\n    '[--badge-solid-foreground:var(--zinc-50)]',\n    '[--badge-outline-border:var(--yellow-500)]',\n    '[--badge-outline-foreground:var(--yellow-500)]',\n    '[--badge-soft:var(--yellow-50)]',\n    '[--badge-soft-hover:var(--yellow-100)]',\n    '[--badge-soft-foreground:var(--yellow-500)]',\n    '[--badge-ghost-hover:var(--yellow-50)]',\n    '[--badge-ghost-foreground:var(--yellow-500)]',\n    '[--badge-link-foreground:var(--yellow-500)]',\n    'dark:[--badge-solid:var(--yellow-500)]',\n    'dark:[--badge-outline-border:var(--yellow-500)]',\n    'dark:[--badge-outline-foreground:var(--yellow-500)]',\n    'dark:[--badge-soft:var(--yellow-950)]',\n    'dark:[--badge-soft-hover:var(--yellow-900)]',\n    'dark:[--badge-soft-foreground:var(--yellow-500)]',\n    'dark:[--badge-ghost-hover:var(--yellow-950)]',\n    'dark:[--badge-ghost-foreground:var(--yellow-500)]',\n    'dark:[--badge-link-foreground:var(--yellow-500)]'\n  ],\n  blue: [\n    '[--badge-solid:var(--blue-500)]',\n    '[--badge-solid-foreground:var(--zinc-50)]',\n    '[--badge-outline-border:var(--blue-500)]',\n    '[--badge-outline-foreground:var(--blue-500)]',\n    '[--badge-soft:var(--blue-50)]',\n    '[--badge-soft-hover:var(--blue-100)]',\n    '[--badge-soft-foreground:var(--blue-500)]',\n    '[--badge-ghost-hover:var(--blue-50)]',\n    '[--badge-ghost-foreground:var(--blue-500)]',\n    '[--badge-link-foreground:var(--blue-500)]',\n    'dark:[--badge-solid:var(--blue-500)]',\n    'dark:[--badge-outline-border:var(--blue-500)]',\n    'dark:[--badge-outline-foreground:var(--blue-500)]',\n    'dark:[--badge-soft:var(--blue-950)]',\n    'dark:[--badge-soft-hover:var(--blue-900)]',\n    'dark:[--badge-soft-foreground:var(--blue-500)]',\n    'dark:[--badge-ghost-hover:var(--blue-950)]',\n    'dark:[--badge-ghost-foreground:var(--blue-500)]',\n    'dark:[--badge-link-foreground:var(--blue-500)]'\n  ],\n  indigo: [\n    '[--badge-solid:var(--indigo-500)]',\n    '[--badge-solid-foreground:var(--zinc-50)]',\n    '[--badge-outline-border:var(--indigo-500)]',\n    '[--badge-outline-foreground:var(--indigo-500)]',\n    '[--badge-soft:var(--indigo-50)]',\n    '[--badge-soft-hover:var(--indigo-100)]',\n    '[--badge-soft-foreground:var(--indigo-500)]',\n    '[--badge-ghost-hover:var(--indigo-50)]',\n    '[--badge-ghost-foreground:var(--indigo-500)]',\n    '[--badge-link-foreground:var(--indigo-500)]',\n    'dark:[--badge-solid:var(--indigo-500)]',\n    'dark:[--badge-outline-border:var(--indigo-500)]',\n    'dark:[--badge-outline-foreground:var(--indigo-500)]',\n    'dark:[--badge-soft:var(--indigo-950)]',\n    'dark:[--badge-soft-hover:var(--indigo-900)]',\n    'dark:[--badge-soft-foreground:var(--indigo-500)]',\n    'dark:[--badge-ghost-hover:var(--indigo-950)]',\n    'dark:[--badge-ghost-foreground:var(--indigo-500)]',\n    'dark:[--badge-link-foreground:var(--indigo-500)]'\n  ],\n  pink: [\n    '[--badge-solid:var(--pink-500)]',\n    '[--badge-solid-foreground:var(--zinc-50)]',\n    '[--badge-outline-border:var(--pink-500)]',\n    '[--badge-outline-foreground:var(--pink-500)]',\n    '[--badge-soft:var(--pink-50)]',\n    '[--badge-soft-hover:var(--pink-100)]',\n    '[--badge-soft-foreground:var(--pink-500)]',\n    '[--badge-ghost-hover:var(--pink-50)]',\n    '[--badge-ghost-foreground:var(--pink-500)]',\n    '[--badge-link-foreground:var(--pink-500)]',\n    'dark:[--badge-solid:var(--pink-500)]',\n    'dark:[--badge-outline-border:var(--pink-500)]',\n    'dark:[--badge-outline-foreground:var(--pink-500)]',\n    'dark:[--badge-soft:var(--pink-950)]',\n    'dark:[--badge-soft-hover:var(--pink-900)]',\n    'dark:[--badge-soft-foreground:var(--pink-500)]',\n    'dark:[--badge-ghost-hover:var(--pink-950)]',\n    'dark:[--badge-ghost-foreground:var(--pink-500)]',\n    'dark:[--badge-link-foreground:var(--pink-500)]'\n  ],\n  green: [\n    '[--badge-solid:var(--green-500)]',\n    '[--badge-solid-foreground:var(--zinc-50)]',\n    '[--badge-outline-border:var(--green-500)]',\n    '[--badge-outline-foreground:var(--green-500)]',\n    '[--badge-soft:var(--green-50)]',\n    '[--badge-soft-hover:var(--green-100)]',\n    '[--badge-soft-foreground:var(--green-500)]',\n    '[--badge-ghost-hover:var(--green-50)]',\n    '[--badge-ghost-foreground:var(--green-500)]',\n    '[--badge-link-foreground:var(--green-500)]',\n    'dark:[--badge-solid:var(--green-500)]',\n    'dark:[--badge-outline-border:var(--green-500)]',\n    'dark:[--badge-outline-foreground:var(--green-500)]',\n    'dark:[--badge-soft:var(--green-950)]',\n    'dark:[--badge-soft-hover:var(--green-900)]',\n    'dark:[--badge-soft-foreground:var(--green-500)]',\n    'dark:[--badge-ghost-hover:var(--green-950)]',\n    'dark:[--badge-ghost-foreground:var(--green-500)]',\n    'dark:[--badge-link-foreground:var(--green-500)]'\n  ]\n} as const satisfies Record<UIColor, readonly string[]>\n\nexport type BadgeColor = UIColor\n"],"mappings":"AAEA,MAAa,EAAqB,CAChC,QAAS,CACP,qCACA,4CACA,8CACA,kDACA,mCACA,0CACA,+CACA,0CACA,gDACA,+CACA,0CACA,mDACA,uDACA,yCACA,+CACA,oDACA,gDACA,qDACA,mDACF,EACA,MAAO,CACL,mCACA,4CACA,4CACA,gDACA,iCACA,wCACA,6CACA,wCACA,8CACA,6CACA,wCACA,iDACA,qDACA,uCACA,6CACA,kDACA,8CACA,mDACA,iDACF,EACA,KAAM,CACJ,kCACA,4CACA,2CACA,+CACA,iCACA,uCACA,4CACA,wCACA,6CACA,4CACA,uCACA,gDACA,oDACA,sCACA,4CACA,iDACA,6CACA,kDACA,gDACF,EACA,KAAM,CACJ,kCACA,4CACA,2CACA,+CACA,iCACA,uCACA,4CACA,wCACA,6CACA,4CACA,uCACA,gDACA,oDACA,sCACA,4CACA,iDACA,6CACA,kDACA,gDACF,EACA,IAAK,CACH,iCACA,4CACA,0CACA,8CACA,+BACA,sCACA,2CACA,sCACA,4CACA,2CACA,sCACA,+CACA,mDACA,qCACA,2CACA,gDACA,4CACA,iDACA,+CACF,EACA,OAAQ,CACN,oCACA,4CACA,6CACA,iDACA,kCACA,yCACA,8CACA,yCACA,+CACA,8CACA,yCACA,kDACA,sDACA,wCACA,8CACA,mDACA,+CACA,oDACA,kDACF,EACA,KAAM,CACJ,kCACA,4CACA,2CACA,+CACA,gCACA,uCACA,4CACA,uCACA,6CACA,4CACA,uCACA,gDACA,oDACA,sCACA,4CACA,iDACA,6CACA,kDACA,gDACF,EACA,OAAQ,CACN,oCACA,4CACA,6CACA,iDACA,kCACA,yCACA,8CACA,yCACA,+CACA,8CACA,yCACA,kDACA,sDACA,wCACA,8CACA,mDACA,+CACA,oDACA,kDACF,EACA,KAAM,CACJ,kCACA,4CACA,2CACA,+CACA,gCACA,uCACA,4CACA,uCACA,6CACA,4CACA,uCACA,gDACA,oDACA,sCACA,4CACA,iDACA,6CACA,kDACA,gDACF,EACA,MAAO,CACL,mCACA,4CACA,4CACA,gDACA,iCACA,wCACA,6CACA,wCACA,8CACA,6CACA,wCACA,iDACA,qDACA,uCACA,6CACA,kDACA,8CACA,mDACA,iDACF,CACF"}

package/dist/lib/compose-refs.d.ts

@@ -0,0 +1,9 @@
+import { n as __name } from "../chunk-CHh1Zzun.js";
+import * as React from "react";
+
+//#region src/lib/compose-refs.d.ts
+declare function setRef<T>(ref: React.Ref<T> | undefined, value: T | null): void;
+declare function composeRefs<T>(...refs: Array<React.Ref<T> | undefined>): React.RefCallback<T>;
+//#endregion
+export { composeRefs, setRef };
+//# sourceMappingURL=compose-refs.d.ts.map

package/dist/lib/compose-refs.js

@@ -0,0 +1,2 @@
+import"../chunk-CHh1Zzun.js";function setRef(e,t){if(typeof e==`function`){e(t);return}e&&(e.current=t)}function composeRefs(...e){return t=>{e.forEach(e=>{setRef(e,t)})}}export{composeRefs,setRef};
+//# sourceMappingURL=compose-refs.js.map

package/dist/lib/compose-refs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compose-refs.js","names":[],"sources":["../../src/lib/compose-refs.ts"],"sourcesContent":["import type * as React from 'react'\n\nexport function setRef<T>(ref: React.Ref<T> | undefined, value: T | null) {\n  if (typeof ref === 'function') {\n    ref(value)\n    return\n  }\n\n  if (ref) {\n    ref.current = value\n  }\n}\n\nexport function composeRefs<T>(...refs: Array<React.Ref<T> | undefined>): React.RefCallback<T> {\n  return (value) => {\n    refs.forEach((ref) => {\n      setRef(ref, value)\n    })\n  }\n}\n"],"mappings":"6BAEA,SAAgB,OAAU,EAA+B,EAAiB,CACxE,GAAI,OAAO,GAAQ,WAAY,CAC7B,EAAI,CAAK,EACT,MACF,CAEI,IACF,EAAI,QAAU,EAElB,CAEA,SAAgB,YAAe,GAAG,EAA6D,CAC7F,MAAQ,IAAU,CAChB,EAAK,QAAS,GAAQ,CACpB,OAAO,EAAK,CAAK,CACnB,CAAC,CACH,CACF"}

package/dist/skills/uselets-ui/references/component-catalog.md

@@ -61,6 +61,10 @@ Unless noted otherwise, each module also exports its public `*Props` types from
   - Import path: `@uselets/ui/lib/color`
   - Exports: `uiColors`, `UIColor`, `selectionControlColorVariants`
   - Notes: canonical public color list used by `Button`, `Toggle`, `Checkbox`, `RadioGroupItem`, and `Switch`; `ButtonColor` is a compatibility alias for `UIColor`; `selectionControlColorVariants` is an internal styling map for checked selection controls
+- `compose-refs`
+  - Import path: `@uselets/ui/lib/compose-refs`
+  - Exports: `composeRefs`, `setRef`
+  - Notes: helpers for composing multiple refs into a single callback ref. Use `composeRefs<T>(...refs)` when a component needs to merge a forwarded `ref` with an internal one (for example, `MaskInput` composes the consumer `ref` with the internal mask ref)
 - `sonner`
   - Import path: `@uselets/ui/sonner`
   - Exports: `Toaster`, `toast`
@@ -101,9 +105,10 @@ Unless noted otherwise, each module also exports its public `*Props` types from
   - Notes: confirmation dialog composition
 - `badge`
   - Exports: `Badge`, `badgeVariants`
+  - Notes: pill-shaped tag with `size: 'xs' | 'sm' | 'md' | 'lg' | 'xl'` (default `md`), `solid`/`outline`/`subtle`/`ghost`/`link` variants, `color: UIColor` (`primary` default), and `asChild`
 - `button`
   - Exports: `Button`, `buttonVariants`
-  - Notes: action button with `solid`, `outline`, `subtle`, `ghost`, and `link` variants, `color: UIColor` (`primary` default), sizes from `xs` through `xl` plus icon sizes through `icon-xl`, and `loading`
+  - 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`
 - `button-group`
   - Exports: `ButtonGroup`, `ButtonGroupSeparator`, `ButtonGroupText`, `buttonGroupVariants`
 - `empty`
@@ -141,7 +146,7 @@ Unless noted otherwise, each module also exports its public `*Props` types from
   - Exports: `InputOTP`, `InputOTPGroup`, `InputOTPSeparator`, `InputOTPSlot`, `REGEXP_ONLY_CHARS`, `REGEXP_ONLY_DIGITS`, `REGEXP_ONLY_DIGITS_AND_CHARS`
 - `mask-input`
   - Exports: `MaskInput`
-  - Notes: formatted input backed by `@react-input/mask`. Required prop `mask`; optional `replacement` (string or `Record<string, RegExp>`), `showMask`, `separate`, `track`, `modify`. Default replacement tokens are `9` (digit), `a` (letter), `*` (any). Renders the standard `Input`, so `Field`/`FieldLabel` and all native `<input>` props work as usual.
+  - Notes: formatted input backed by `@react-input/mask`. Required prop `mask`; optional `replacement` (string or `Record<string, RegExp>`), `showMask`, `separate`, `track`, `modify`. Default replacement tokens are `9` (digit), `a` (letter), `*` (any). Renders the standard `Input`, so `Field`/`FieldLabel` and all native `<input>` props work as usual. Forwards a `ref` prop to the underlying `<input>`, composed with the internal mask ref via `composeRefs`.
 - `checkbox`
   - Exports: `Checkbox`
   - Notes: supports `size: 'sm' | 'md' | 'lg'`, `color: UIColor` (default `primary`), `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` 20px)
@@ -180,7 +185,8 @@ Unless noted otherwise, each module also exports its public `*Props` types from
 ## Overlays and floating UI
 
 - `dialog`
-  - Exports: `Dialog`, `DialogClose`, `DialogContent`, `DialogDescription`, `DialogFooter`, `DialogHeader`, `DialogOverlay`, `DialogPortal`, `DialogTitle`, `DialogTrigger`
+  - Exports: `Dialog`, `DialogBody`, `DialogClose`, `DialogContent`, `DialogDescription`, `DialogFooter`, `DialogHeader`, `DialogOverlay`, `DialogPortal`, `DialogTitle`, `DialogTrigger`
+  - Notes: `Dialog` supports `size: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'` with default `md`; `full` occupies the entire viewport. `DialogContent` caps its height at `calc(100dvh - 2rem)` and lays out children as a flex column. For long content, wrap the middle in `DialogBody` (`flex-1 overflow-y-auto`) so the body scrolls while `DialogHeader` and `DialogFooter` remain pinned; for short content, omit `DialogBody`. `DialogContent.showCloseButton` defaults to `true`; `DialogFooter.showCloseButton` defaults to `false`
 - `drawer`
   - Exports: `Drawer`, `DrawerBody`, `DrawerClose`, `DrawerContent`, `DrawerDescription`, `DrawerFooter`, `DrawerHeader`, `DrawerOverlay`, `DrawerPortal`, `DrawerTitle`, `DrawerTrigger`
   - Notes: `Drawer` supports `size: 'sm' | 'md' | 'lg' | 'xl'` with default `md`; `DrawerBody` provides padded auto-scroll content; `DrawerFooter` stacks actions on mobile and aligns them to the end on larger breakpoints; `DrawerContent.showCloseButton` controls the automatic close button and defaults to `true`

package/dist/skills/uselets-ui/references/package-guide.md

@@ -281,7 +281,7 @@ Additional tokens:
 - `text-destructive-foreground`
 - `--gradient-primary`
 
-The `Button` component can apply those palette families directly through `color: UIColor`, with `primary` as the default. Its public variants are `solid`, `outline`, `subtle`, `ghost`, and `link`, with `solid` as the default. Its public sizes are `xs`, `sm`, `md`, `lg`, `xl`, `icon-xs`, `icon-sm`, `icon`, `icon-lg`, and `icon-xl`; `loading` shows a centered spinner, keeps native button content invisible to preserve size, and disables the button without dimming it.
+The `Button` component can apply those palette families directly through `color: UIColor`, with `primary` as the default. Its public variants are `solid`, `secondary`, `outline`, `subtle`, `ghost`, and `link`, with `solid` as the default. Its public sizes are `xs`, `sm`, `md`, `lg`, `xl`, `icon-xs`, `icon-sm`, `icon`, `icon-lg`, and `icon-xl`; `loading` shows a centered spinner, keeps native button content invisible to preserve size, and disables the button without dimming it.
 
 The `Checkbox` component can be used as a bare checkbox or with `label?: React.ReactNode`. It supports `size: 'sm' | 'md' | 'lg'` and `color: UIColor`, with `primary` as the default color. When `label` is provided, it composes the package `Label`, accepts `labelProps` for that label, and generates an accessible `id`/`htmlFor` pair when no `id` prop is passed. Composed label text follows checkbox size: `sm` 12px, `md` 14px, and `lg` 20px.
 

package/dist/styles/theme.css

@@ -193,3 +193,7 @@
   --radius-3xl: calc(var(--radius) + 12px);
   --radius-4xl: calc(var(--radius) + 16px);
 }
+
+@utility bg-gradient-primary {
+  background-image: var(--gradient-primary);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uselets/ui",
-  "version": "1.4.0",
+  "version": "1.6.0",
   "type": "module",
   "private": false,
   "description": "React component library for the LET'S design system.",

package/skills/uselets-ui/references/component-catalog.md

@@ -61,6 +61,10 @@ Unless noted otherwise, each module also exports its public `*Props` types from
   - Import path: `@uselets/ui/lib/color`
   - Exports: `uiColors`, `UIColor`, `selectionControlColorVariants`
   - Notes: canonical public color list used by `Button`, `Toggle`, `Checkbox`, `RadioGroupItem`, and `Switch`; `ButtonColor` is a compatibility alias for `UIColor`; `selectionControlColorVariants` is an internal styling map for checked selection controls
+- `compose-refs`
+  - Import path: `@uselets/ui/lib/compose-refs`
+  - Exports: `composeRefs`, `setRef`
+  - Notes: helpers for composing multiple refs into a single callback ref. Use `composeRefs<T>(...refs)` when a component needs to merge a forwarded `ref` with an internal one (for example, `MaskInput` composes the consumer `ref` with the internal mask ref)
 - `sonner`
   - Import path: `@uselets/ui/sonner`
   - Exports: `Toaster`, `toast`
@@ -101,9 +105,10 @@ Unless noted otherwise, each module also exports its public `*Props` types from
   - Notes: confirmation dialog composition
 - `badge`
   - Exports: `Badge`, `badgeVariants`
+  - Notes: pill-shaped tag with `size: 'xs' | 'sm' | 'md' | 'lg' | 'xl'` (default `md`), `solid`/`outline`/`subtle`/`ghost`/`link` variants, `color: UIColor` (`primary` default), and `asChild`
 - `button`
   - Exports: `Button`, `buttonVariants`
-  - Notes: action button with `solid`, `outline`, `subtle`, `ghost`, and `link` variants, `color: UIColor` (`primary` default), sizes from `xs` through `xl` plus icon sizes through `icon-xl`, and `loading`
+  - 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`
 - `button-group`
   - Exports: `ButtonGroup`, `ButtonGroupSeparator`, `ButtonGroupText`, `buttonGroupVariants`
 - `empty`
@@ -141,7 +146,7 @@ Unless noted otherwise, each module also exports its public `*Props` types from
   - Exports: `InputOTP`, `InputOTPGroup`, `InputOTPSeparator`, `InputOTPSlot`, `REGEXP_ONLY_CHARS`, `REGEXP_ONLY_DIGITS`, `REGEXP_ONLY_DIGITS_AND_CHARS`
 - `mask-input`
   - Exports: `MaskInput`
-  - Notes: formatted input backed by `@react-input/mask`. Required prop `mask`; optional `replacement` (string or `Record<string, RegExp>`), `showMask`, `separate`, `track`, `modify`. Default replacement tokens are `9` (digit), `a` (letter), `*` (any). Renders the standard `Input`, so `Field`/`FieldLabel` and all native `<input>` props work as usual.
+  - Notes: formatted input backed by `@react-input/mask`. Required prop `mask`; optional `replacement` (string or `Record<string, RegExp>`), `showMask`, `separate`, `track`, `modify`. Default replacement tokens are `9` (digit), `a` (letter), `*` (any). Renders the standard `Input`, so `Field`/`FieldLabel` and all native `<input>` props work as usual. Forwards a `ref` prop to the underlying `<input>`, composed with the internal mask ref via `composeRefs`.
 - `checkbox`
   - Exports: `Checkbox`
   - Notes: supports `size: 'sm' | 'md' | 'lg'`, `color: UIColor` (default `primary`), `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` 20px)
@@ -180,7 +185,8 @@ Unless noted otherwise, each module also exports its public `*Props` types from
 ## Overlays and floating UI
 
 - `dialog`
-  - Exports: `Dialog`, `DialogClose`, `DialogContent`, `DialogDescription`, `DialogFooter`, `DialogHeader`, `DialogOverlay`, `DialogPortal`, `DialogTitle`, `DialogTrigger`
+  - Exports: `Dialog`, `DialogBody`, `DialogClose`, `DialogContent`, `DialogDescription`, `DialogFooter`, `DialogHeader`, `DialogOverlay`, `DialogPortal`, `DialogTitle`, `DialogTrigger`
+  - Notes: `Dialog` supports `size: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'` with default `md`; `full` occupies the entire viewport. `DialogContent` caps its height at `calc(100dvh - 2rem)` and lays out children as a flex column. For long content, wrap the middle in `DialogBody` (`flex-1 overflow-y-auto`) so the body scrolls while `DialogHeader` and `DialogFooter` remain pinned; for short content, omit `DialogBody`. `DialogContent.showCloseButton` defaults to `true`; `DialogFooter.showCloseButton` defaults to `false`
 - `drawer`
   - Exports: `Drawer`, `DrawerBody`, `DrawerClose`, `DrawerContent`, `DrawerDescription`, `DrawerFooter`, `DrawerHeader`, `DrawerOverlay`, `DrawerPortal`, `DrawerTitle`, `DrawerTrigger`
   - Notes: `Drawer` supports `size: 'sm' | 'md' | 'lg' | 'xl'` with default `md`; `DrawerBody` provides padded auto-scroll content; `DrawerFooter` stacks actions on mobile and aligns them to the end on larger breakpoints; `DrawerContent.showCloseButton` controls the automatic close button and defaults to `true`

package/skills/uselets-ui/references/package-guide.md

@@ -281,7 +281,7 @@ Additional tokens:
 - `text-destructive-foreground`
 - `--gradient-primary`
 
-The `Button` component can apply those palette families directly through `color: UIColor`, with `primary` as the default. Its public variants are `solid`, `outline`, `subtle`, `ghost`, and `link`, with `solid` as the default. Its public sizes are `xs`, `sm`, `md`, `lg`, `xl`, `icon-xs`, `icon-sm`, `icon`, `icon-lg`, and `icon-xl`; `loading` shows a centered spinner, keeps native button content invisible to preserve size, and disables the button without dimming it.
+The `Button` component can apply those palette families directly through `color: UIColor`, with `primary` as the default. Its public variants are `solid`, `secondary`, `outline`, `subtle`, `ghost`, and `link`, with `solid` as the default. Its public sizes are `xs`, `sm`, `md`, `lg`, `xl`, `icon-xs`, `icon-sm`, `icon`, `icon-lg`, and `icon-xl`; `loading` shows a centered spinner, keeps native button content invisible to preserve size, and disables the button without dimming it.
 
 The `Checkbox` component can be used as a bare checkbox or with `label?: React.ReactNode`. It supports `size: 'sm' | 'md' | 'lg'` and `color: UIColor`, with `primary` as the default color. When `label` is provided, it composes the package `Label`, accepts `labelProps` for that label, and generates an accessible `id`/`htmlFor` pair when no `id` prop is passed. Composed label text follows checkbox size: `sm` 12px, `md` 14px, and `lg` 20px.